#content { -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
@keyframes fadein { from {
opacity: .0;
}
to { opacity: 1; }
}
@-moz-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
@-webkit-keyframes fadein { from {
opacity: .0;
}
to { opacity: 1; }
}
@-ms-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
@-o-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadein2 { from {
opacity: 0.5;
}
to { opacity: 1; }
}
.portgrid { position: relative; padding-bottom: .5em; }
.grid-item { width: 25%; padding: .5em .5em 3em .5em; max-height: 200px; }
.grid-item img { width: auto; max-height: 200px; }
.grid-item--width2 { width: 50%; }
.portfolio { overflow: visible; }
figure { margin: 0; padding: 0; }
figcaption { display: block; }
.blur { filter: blur(2px); transition: all 1.5s ease; opacity: 0.5; }
.blur:hover { filter: blur(.0px); transition: all 0.0s ease; opacity: 0.99; }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px;  /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr;  /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased;  /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility;  /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale;  /* Support for IE. */ font-feature-settings: 'liga'; }/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }/*---------------------------------	LAYOUT-----------------------------------*/
html, body { width: 100%; height: 100%; position: relative; max-width: 100%; overflow-x: hidden; display: table; }
body { overflow-x: hidden; margin: 0; padding: 0 0 0 0; color: #000; font: normal 14px/150% 'Open Sans', 'Droid', arial, Helvetica, sans-serif; text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */ }
#panic { background: #900; padding: .25em 0; text-align: center; cursor: pointer; height: 48px; overflow: hidden; }
#deleteBanner { background: #900; color: #fff; padding: .45em 0 .25em; text-align: center; overflow: hidden; font-size: 1.5em; text-transform: uppercase; margin: 0; display: block; }
#panic * { color: #fff; text-decoration: none; font-size: 1em; }
#panic span { font-size: 1.5em; text-transform: uppercase; margin-bottom: 1em; display: block; }
header { }
.mainHeader { overflow: auto; display: block; display: flex; }
#tagline { text-align: center; font-size: 2.4em; font-weight: bold; display: flex; justify-content: center; flex-direction: column; line-height: 110%; }
body.safari #tagline { padding: 1em 0; }
.head_nav { background: #000; }
footer { position: absolute; width: 100%; left: 0; bottom: 0; min-height: 6em; padding: 1em; background: #000; }
footer * { color: #fff; text-decoration: none; }
#logo { margin: .5em 0; max-height: 140px }
#middle { margin-bottom: 0; background-color: #fff; overflow-x: hidden; }
#mainContent { width: 100%; background: #fff; }
body.safari #mainContent { display: block; overflow-x: hidden; }
body.safari #middle { overflow: auto; }
#content { padding: 0 0em .1em; min-height: 60vh; position: relative; }
#login { display: inline-block; margin: 0em auto 0em; width: auto; padding: 3em; border: 0px #ccc solid; min-width: 45%; }
#login input[type="submit"] { width: 100%; text-align: center; }
#login input[type="text"], #login input[type="password"] { width: 90%; text-align: left; padding: 1em; }/*#login input[type="password"]{ margin-right:-6px; }*//*---------------------------------	HEADINGS-----------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: "Libre Baskerville", arial, verdana, sans-serif; font-weight: normal; line-height: 125%; /*text-transform: uppercase;*/ }
h1 { font-size: 2.25em; margin: 10px 0 10px 0; }
h1.slogan { margin: 1em 0 10px 0; }
h1 + p.slogan { margin-top: -18px; }
h2 { font-size: 1.7em; margin: 10px 0 10px 0; }
h3 { font-size: 1.55em; margin: 1.15em 0 0.55em 0; line-height: 130%; }
h4 { font-size: 1.35em; margin: 1.15em 0 0.75em 0; line-height: 130%; text-transform: none; }
h5 { font-size: 1.15em; margin: 10px 0 10px 0; }
h6 { font-size: 1.02em; margin: 10px 0 5px 0; }
.bold {font-weight: bold!important;} .normal {font-weight:normal!important;}
.poop ~ div > h4 { margin-top: 0em }
.nowrap { white-space: nowrap; }
small { line-height: 100%; display: inline-block; }
.navbar { position: fixed; top: 0; left: 0; width: 100%; background: #000; color: #fff; z-index: 1000; }
.navbar #logo { position: absolute; top: 0; right: 0; padding: 0.5em 1em; font-size: 1.7em; color: #efefef; text-decoration: none; }
.navbar span { color: #86dc00; }
.navbar ul { display: inline-block; margin: 0; padding: 0; }
.navbar li { margin: 0; padding: 0; list-style-type: 0; display: inline-block; }
.navbar li a { display: inline-block; color: #efefef; padding: 1em 1.3em; text-decoration: none; text-transform: uppercase; line-height: 100%; font-size: 1.2em; }
.callout { background: #768258;/*#86dc00;*/ padding: 1em; color: #fff; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); text-align: center; text-shadow: 0px 1px 3px rgba(0,0,0,0.2); display: block; }
.callout.half { width: 60%; margin: 1em auto }
.callout * { color: #fff; }
.callout.align-right { max-width: 300px; float: right; margin: 1em; }
.callout + div.grid { margin-top: 50px; }
a.callout { cursor: pointer; }
.callout i.icon-4x { font-size: 6em; }
.callout h4 { margin-bottom: 30px; }
.callout-top { margin: 50px 0 0 0; }
.callout p { margin-bottom: 0; }
.callout .button { margin-top: 10px; }
.callout.green { background: #19ad0b;/*#86dc00;*/ }
/* MISC OBJ */
.selectable { -webkit-touch-callout: all; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; }
#videoBanner { cursor: pointer; width: 100%; height: auto; max-width: 76.66%; min-height: 4em; display: inline-block; }
#videoBanner iframe { width: 100%; max-width: 100%; min-height: 400px; height: auto; }
a i { padding: 0 0 0 3px; }
.story img { padding: 8px; background: #fff; box-shadow: 0 0 12px #444; }
.story h3 { margin: 0em 0 0.55em 0; }
.box { padding: 0 0 1em; border: 1px solid #999; }
#leftcolumn .box { margin-bottom: 2em; }
.box span { display: block; background: #000; color: #fff; padding: 12px 2px; text-align: center; line-height: 110%; }
.halo { box-shadow: 0 0 8px rgba(0,0,0,.9) }
.scrollTo { cursor: pointer; opacity: .5; }
.scrollTo:hover { opacity: 1; }
.datalist, td { position: relative; }
.removeData { background: none; padding: 3px; vertical-align: middle; position: absolute; margin-top: 4px; margin-left: -34px; cursor: pointer; font-size: 1.2em; }
.clickme { position: fixed; z-index: 20; bottom: 260px; right: -38px; opacity: .3; }
.clickme:hover { opacity: 1 }
#arrowup { width: 32px; }
.fa-eye { cursor: pointer; margin-left: -1.5em; position: relative; z-index: 9; color: #555; }/* transition  */
.scrollTo, .clickme, .button, button, input[type="submit"], select { transition: all 0.5s ease; }
.nowrap { white-space: nowrap }
.seLink, .medLink { width: 100%; display: flex; height: 100%; text-align: center; justify-content: center; align-items: center; }
td.critical { color: #fff; background: #900!important; padding:4px!important; }
td.suspect { color: #fff; background: #FF6600!important; }
td.unsure, tr.unsure { color: #fff; background: #887a6c!important; }
td.good { color: #fff; background: #336600!important; }
span.critical, span.suspect, span.unsure, span.good { display: inline-block; padding: 4px .5em; }
span.critical { color: #fff; background: #900; }
span.suspect { color: #fff; background: #FF6600; }
span.unsure { color: #fff; background: #887a6c; }
span.good { color: #fff; background: #336600; }
/*td.comingSoon:empty { background: pink;}*/

.dimRow { opacity: 0.5; }
.dimRow:hover { animation: fadein2 1s; opacity: 1; }
.blackBar { padding: .5em; color: #fff; background: #323C45; margin-top: 2em; }
.blackBorder { border: 2px solid #000; box-shadow: 0 0 12px rgba(0,0,0,.4); background: #ddd; }
td.blackBar { -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
tr.infoRow td { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
.highlight, table.striped tr.alt.highlight { background: #f6f62e87!important; }
h2.blackBar ~ table, h2.greyBar ~ table { margin-top: -10px; }
h3.blackBar ~ table, h3.greyBar ~ table { margin-top: -14px; }
h2.blackBar ~ h3.greyBar { margin-top: -10px; }
.redBar { padding: .5em; color: #fff; background: #900; margin-top: 2em; }
.greyBar { padding: .5em; color: #fff!important; background: #4e5742!important; margin-top: 2em; }
.redText { color: #900; }
.greenText { color: green; }
.boldText { font-weight: bold; }
.bigText { font-size: 1.5em; margin: 1.2em 0; line-height: 130%; }
.bigBox { padding: 2em; }
.bigBoxGrey { padding: 2em; background: #777; color: #fff; }
.largeText { font-size: 2.2em; line-height: 130%; }
.padLeft { padding: .5em 0 .5em 2em; }
.padRight { padding: 0 4em 0 0; }
.padBothLR { padding: .5em 4em .5em 2em; }
.padH { padding-left: 15%; padding-right: 15%; }
.padV { padding-top: 3em; padding-bottom: 3em; }
.question { margin-top: 2em; margin-left: 0; font-weight: bold; font-size: 1.2em }
.question ~ p:not(.question) { margin-left: 3em; }
#introAdd strong ~ p { margin-left: 3em; }
q { display: block; padding: .5em 1em; font-size: .9em; font-style: italic; quotes: """ """ "'" "'"; }
q:before { content: open-quote; }
q:after { content: close-quote; }
footer a.button.black { border: 1px #fff solid; }
a.pager { display: inline-block; padding: 2px 8px; background: #333; color: #fff; text-decoration: none; margin: 0 4px; }
a.pager.thisPage { color: #FC0; cursor: not-allowed; background: rgba(51,51,51,.5); }
select { overflow: hidden; max-width: 100%; white-space:}
select[name="OtherHealthSelect"] { width: 100%; }

#emailFormWrapper {margin:0 20%; max-width: 800px;}
/* Symptoms */

.symptomNote { width: 80%; font-size: 1.2em; margin: 0 0em; }
.sNotes td { padding: 0; }
.sNoteList { overflow: auto; }
.sNoteList h6 { background: #494c5d; color: #fff; padding: 12px 6px; margin: 0; font-family: 'Open Sans', arial, verdana, sans-serif }
tr.sNotes, tr.sNotes td, tr.bgBlack td { /*background: #eee!important;*/ border-bottom: 0px; }
tr.sNotes td, tr.bgBlack td { }
table#smpTable.striped tr.alt { background: inherit; }
tr.bgBlack.dimRow ~ .sNotes { opacity: .5; }
tr.bgBlack.dimRow:hover ~ .sNotes, tr.bgBlack.dimRow ~ .sNotes:hover, .sNotes:hover { animation: fadein2 1s; opacity: 1; }
tr.bgBlack.dimRow:has(.sNotes) {
animation: fadein2 1s;
opacity:1;
}
tr.sympomRecord td { border-top: 8px solid #084a8e; }
.sNoteList { }
.sNoteInfo { overflow: auto; border-bottom: 1px solid black; background-color: #ededed; display: flex; width: 100%; align-items: center; }
.sNoteList div.sNoteInfo:nth-of-type(4n+1) { background-color: #fff!important; }
table#SHI .sNoteList div.sNoteInfo:nth-of-type(2n+1) { background-color: #fff!important; }
.sNoteList div.sNoteInfo:nth-of-type(odd) { }
table.striped tr.bgBlack { background: #494c5d!important; color: #fff; }
table.striped tr.bgBlack.alt { background: #5f6379!important; color: #fff; }
td.endofsNotes { background: #red!important; color: #red; position: relative; z-index: 29 }
/* IMAGES */
 
img { margin: 0; padding: 0; display: inline-block; position: relative; zoom: 1; vertical-align: bottom; }
img.align-left, .img-wrap.align-left { float: left; margin: 0 10px 5px 0; }
img.align-right, .img-wrap.align-right { float: right; margin: 0 0 5px 10px; }
img.full-width { clear: both; display: block; width: 100%; height: auto; margin: 0 0 10px 0; }
/* equineList */

#equineList { }
#equineList tbody tr { }
#equineList tbody td { padding: 10px; min-height: 50px; }
.EQName { background: #000; color: #fff; font-weight: bold; font-size: 1.1em; }
a.clickTD { color: #fff; text-decoration: none; width: 100%; height: 100%; position: absolute; display: flex; top: 0; left: 0; justify-content: center; align-items: center; object-fit: cover; transition: .5s all; }
a.clickTD:hover { background: #555; }
.mediaPhotos { display: inline-block; margin: 4px; max-width: 44%; min-width:110px; text-align: center; ; }
.mediaPhotos img { vertical-align: middle; }
div.caption { background: #000; border: 1px solid #ddd; padding: 3px; max-width: 100%; /*display: inline-block; */ height: auto; }
div.caption img { display: block; padding: 0; margin: 0 0 6px 0; width: 100%; height: auto; }
div.caption span { display: block; text-align: center; margin-top: 6px; font-size: 1em; color: #fff; padding: 0px 5px; }
div.img-wrap.photo1.caption.align-right, .align-right.photo1, div.img-wrap.photo1.caption.align-left, .align-left.photo1, div.img-wrap.photo3.caption { width: 42%; }
.align-right.photo2 { width: 62%; }
div.img-wrap.photo1.caption.align-right img, div.img-wrap.photo1.caption.align-left img { width: 100%; }
#photoGalleryWrap { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; }
.mediaThumbBox img { max-height: 180px; width: auto; max-width: 100%!important; }
.gallery { }
.gallery a { display: inline-block; position: relative; margin: 3px; }
.gallery a img { display: block; position: relative; margin: 0; padding: 0; max-width: 100%!important }
/* other  */
.breakout { margin: 2em calc(50% - 50vw); overflow: auto; }
.breakout table { margin: 0 3em; overflow: auto; max-width: 95%; }
a:not('.button'), td { word-break: break-word; }
a.button.black, input[type=submit].black, input[type=button].black { color: #fff; text-decoration: none; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); background: rgba(0,0,0,1); /* #191919 */ border: 1px solid #141414; padding: 10px 25px; }
td a.button.black, td input[type=submit].black, td input[type=button].black { margin: 2px 0; margin-right: 0 }
a.button.black:active, a.button.black:focus, a.button.black:hover { box-shadow: 0 0 0 transparent inset; text-decoration:none; color: #fff }
div.multiColumn { padding: 1em 0 0 0; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
div.multiColumn3 { padding: 1em 0 0 0; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; text-align: left; }
.multiColumn li, .multiColumn4 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.multiColumn3 ul { list-style: none; }
.multiColumn3 a { text-decoration: none; color: #036; font-size: 1.0em; }
.multiColumn3 a:hover { text-decoration: underline; color: #009; font-size: 1.0em; }
.roundnum { float: left; display: inline-block; background: #15007f; color: #fff; -webkit-border-radius: 15px; border-radius: 15px; /*    font: 500 16px/16px 'Raleway';*/ width: 30px; height: 30px; text-align: center; margin-left: -38px; }
.card { width: 18.6%; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; margin: 5px; transition: box-shadow 0.3s ease-in-out; -moz-box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0; box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0; }
.card:hover { -moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 20px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 20px 0px; box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 20px 0px; }
.card-header { color: #fff; text-align: center; font-size: 1.3em; font-weight: 700; background-color: #000; padding: 8px 10px; }
.card-header span { font-size: 0.8em; }
.card-main { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 0 5px 0; }
.card-main.photoOnly { padding: 0; }
.material-icons { font-size: 36px; color: #000; margin-bottom: 5px; }
.main-description { color: #000; font-size: .9em; }
.cardWrap { display: flex; JUSTIFY-CONTENT: center; flex-flow: row wrap; align-items: stretch; width: 100%; }
.card ul, ol { padding: 0; margin: 10px 8px 20px 25px; }
.card li { padding: 0; }/*  Footer Nav */
footer ul.menus li { list-style: none; margin: 0; padding: 0; display: block; }
footer ul.menus li.listTitle { font-size: 1.6em; color: #7B8195; text-transform: uppercase; margin-bottom: .5em; }
footer a { color: #999; }
footer ul.menus a { color: #999; font-size: 1.0em; margin: 0; display: inline-block; line-height: 100%; width: 100%; }
footer ul.menus a:hover, footer a:hover { color: #fff; }/* CH FORM STUFF*/
.fullWidthlMainCol6 { width: 360px; }/* IR CALC FORM */
#userForm { }
#userForm textarea { resize: none; }
#userForm input[type='text'], textarea { width: 100%; }
#userForm .col_6 { margin: .5em 0; vertical-align: middle; overflow: auto; }
#userForm .col_6.label { padding: 3px 0; }
#userForm .col_12 { margin: 1em 0; vertical-align: middle; }
#userForm hr~.col_12 { margin: 0 0; }
/* auto complete editable TD*/
.ui-widget { font-family: inherit; font-size: inherit; }
.ui-menu { margin: 0; padding: 0; top: 0; background-color: #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15); }
.ui-menu-item-wrapper { display: block; padding: 4px 6px; }
.ui-menu-item-wrapper:hover, .ui-state-active { background-color: #34495E; color: #FFFFFF; cursor: pointer; }
.ui-helper-hidden-accessible { display: qnone; }
.ui-helper-hidden-accessible { padding: 4px 0 0 0; font-size: smaller; }

::-webkit-input-placeholder {
 color: #999;
}
::-moz-placeholder {
 color: #999;
}
:-ms-input-placeholder {
 color: #999;
}
::placeholder {
 color: #999;
}
tbody td { cursor: default; position: relative; }
td[contenteditable=true] { color: #040471; cursor: text; position: relative; }
td[contenteditable=true]:hover { background: #e7e7e7; outline: solid 2px #377bb5; outline-offset: -2px; }
td[contenteditable=true]:focus { background: #fff; outline: solid 2px #377bb5; outline-offset: -2px; }
.done { position: absolute; right: 6px; top: calc( 50% - 18px ); color: #499300; display: inline-block; width: 100%; background: none; font-size: 18px; text-align: right; }
.highValue { color: #900; }
.mediumValue { color: #F90; }
.lowValue { color: #393; }
section#homeSpeakers img { max-height: 230px; max-width: 96%; width: auto; display: inline-block; margin: .5em .25em }
section#homeSpeakers div { position: relative; background: #fff; padding: 0; height: 350px; border: 1px solid #ccc; transition: all 0.25s ease; }
section#homeSpeakers div:hover { background-color: #768258; color: #fff; border: 1px solid #768258; box-shadow: 0 0 16px rgba(0,0,0,.5) }
section#homeSpeakers div:hover a.button.special, a.button.special:hover { background: none; color: #fff; border: 2px solid #fff; }
section#homeSpeakers strong { line-height: 1.0em; position: absolute; left: 0; bottom: 12px; width: 100% }/* Benfactors Page */
#platBen, #diamBen, #goldBen { display: flex; justify-content: center; flex-wrap: wrap; text-align: center; max-width: 100%; }
#platBen div, #diamBen div.col_6, #goldBen div { max-width: 100%; display: inline-flex; justify-content: center; align-items: center; text-align: center; vertical-align: middle; align-content: center; background: #fff; }
#diamBen img { max-width: 400px; max-height: 200px; height: auto; width: auto; }
#platBen img { max-width: 275px; max-height: 124px; height: auto; width: auto; }
#goldBen img { max-width: 175px; max-height: 90px; height: auto; width: auto; }
#diamBen div { height: 200px; }
#platBen div { height: 124px; }
#goldBen div { height: 90px; }
.hide, form div[class*="hide"], .grid *[class*="col_"].hide, a.button.hide { display: none; }
.show, a.button.show { display: block; }
@media all and (min-width: 1024px) and (max-width: 1200px) {
#diamBen div.col_6 { width: 90%; }
#goldBen div { min-width: 175px; }
.card { width: 22.6%; }
}
@media all and (min-width: 820px) and (max-width: 1024px) {
.card { width: 31.6%; }
table.sortable thead th { padding-right: 10px; }
body, *, table { max-width: 100vw!important; }
#introAdd strong ~ p { margin-left: 2em; }
#content { padding: 0 1em; }
.padH { padding-left: 10%; padding-right: 10%; }
}
@media all and (max-width: 820px) {
.box span { font-size: 1.6em; }
.menuHeader { display: none; }
.menu-toggle, h1, h2, h3, h4, h5, h6, footer { text-align: center; }
.mainHeader { display: block; }
#content.col_9 { width: 99%; }
#content { padding-left: 1em; padding-right: 1em; }
.grid #mobileMenu .menu.vertical li { display: block!important; }
.clickme { opacity: .5; background: #000; }
#videoBanner { max-width: 100%; }
.padH { padding-left: 5%; padding-right: 5%; }
.card { width: 42.6%; }
/*body, * { max-width: 100vw; }*/
}
table td span { background: #eee; color: dimgrey; display: none; font-size: 10px; font-weight: bold; padding: 5px; position: absolute; text-transform: uppercase; top: 0; left: 0; }
 
table.cke_editor td span, table.cke_dialog_ui_hbox td span  {display:initial; position: relative; text-transform: none;     box-sizing: content-box;}
 
/* Simple CSS for flexbox table on mobile */
@media only screen AND (max-width: 800px) {
NOtable thead { left: -9999px; position: absolute; visibility: hidden; }
table thead th { width: 100%; text-align: center; width: 100% !important }
table tr { border-bottom: 0; display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 40px; }
table tr.sNotes { margin-top: -40px; }
table td { border: 1px solid #ccc; margin: 0 -1px -1px 0; padding-top: /*3*/5px; position: relative; width: 100%; text-align: center; }
table td span { display: block; }
.grid-item { width: 100%; padding: .5em 0em 3em 0em; }
/*html, body, footer { content: " "; width: 100%; display: block; position: relative }*/
.notice { border: 1px solid #333; background: #f1f1f1; padding: 10px 20px 10px 40px; margin: 10px 0; border-radius: 0px; display: block; }
a.clickTD { position: relative; }
form.inline { display: block; margin: 0em .25em .5em; ; }
form.inline:after { display: block; margin: 2em .25em; float: none; clear: both; }
form.inline input, form.inline input[type="submit"] { display: block; width: 100%; text-align: center; margin: 1em .25em; }
#selector button, .button.chooser, .button { display: inline-block; margin: 0 0 12px; }
label strong { display: block; }
label strong + br { display: none; height: 0; width: 0; }
div.multiColumn3, div.multiColumn { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}



/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically. and (max-device-width: 1024px)
	*/
	@media only screen and (max-width: 760px) {
/* Force table to not be like tables anymore */
table.rwd, table.rwd thead, table.rwd tbody, table.rwd th, table.rwd td { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
table.rwd thead tr { position: absolute; top: -9999px; left: -9999px; }
table.rwd tr { margin: 0 0 1rem 0; border-top: 18px solid #333; }
table.rwd tr:nth-child(odd) { /* background: #ccc;*/ }
table.rwd td { /* Behave  like a "row" */ position: relative; /*padding-left: 45%!important; */ min-height: 50px; display: flex; align-items: center; width: 100%!important; padding: 7px 6px; flex-wrap: wrap; }
/* ADD SYMPTOMS PAGE, MAYBE MO*/
.symptomNote { width: 100%; font-size: 1.2em; margin: 0 0em; }
table.rwd tr.ePop td, table.rwd tr.nPop td { width: 100%!important; text-align: left; display: block }
table.rwd tr.ePop td:before, table.rwd tr.nPop td:before { display: none; }
table.rwd tr.nPop div {/*display: block!important;*/ width: calc( 100vw - 44px); ; }
table.rwd td div:after { content: " "; }
table.rwd td:before { /* Now like a table header */ position: relative; /* Top/left values mimic padding */ top: 0; left: 2px; width: 40%; padding: 10px 5% 10px 4px; text-align: right; white-space: normal; display: flex; flex-direction: column; font-weight: bold; }
table.rwd td.noBEFORE:before { display: none; }
table.rwd td.noBEFORE, table.rwd td.noBEFORE input[type="text"], table.rwd td.noBEFORE input[type="number"], table.rwd td.noBEFORE select { text-align: center; ; }
table.rwd td.noBEFORE label, table.rwd td.noBEFORE radiogroup { display: block; width: 100%; text-align: center; margin-top: 18px; }
table.rwd td.noBEFORE label label { display: inline; width: 100%; text-align: center; margin-top: 0px; }
table.rwd td.fullBEFORE:before { top: 0; left: 6px; width: 100%; padding: 10px 5%; text-align: center; white-space: normal; display: flex; flex-direction: column; font-weight: bold; }
table.rwd td.fullBEFORE { width: 100%; }
table.rwd tr.sNotes td:before { display: none; }
table.rwd tr.sNotes td { /* Behave  like a "row" */ position: relative; margin-top: -20px; min-height: auto; display: block; align-items: center; }
table.rwd td.fullWidth { width: 100%!important; text-align: center; display: block }
table.rwd td.fullWidth:before { display: none; }
table.rwd td.fullWidth.right { width: 100%!important; text-align: center; display: block }
}
@media only screen and (max-width: 480px) {
h1, h2:not(.blackBar):not(.greyBar), h3:not(.blackBar):not(.greyBar), h4, h5, h6 { margin-left: 12px; margin-right: 12px; }
.card { width: 92.6%; }
div input.button:nth-child(n+1):not(input[type="submit"]) { margin: 1em; }
ul, ol { margin: 0 0 20px 15px; }
div.img-wrap.photo1.caption.align-right, .align-right.photo1, div.img-wrap.photo1.caption.align-left, .align-left.photo1, div.img-wrap.photo3.caption { width: 100%; }
.breakout { margin: 0; }
#ecirSymbol { margin: 2em 0 8em; }
#panic { height: 72px; }
#diamBen img { max-width: 100%; max-height: 200px; height: auto; width: auto; }
#diamBen div.col_6 { width: 100%; }
#content { padding: 0 .75em .1em; }
.padH { padding-left: 0%; padding-right: 0%; }
label.labelMain { width: 98%; text-align: left; }
form fieldset legend, .right { text-align: center; }
#horseForm label.labelMain { /*width: 40%; text-align: right;*/ }
#horseForm label { display: block; margin-top: 2em; padding-top: 0.6em; border-top: 1px dashed #bbb; }
#horseForm label > label { display: block; margin-top: 0; border-top: 0px dashed black; }
input[type='submit'] { width: 100%; text-align: center; margin-bottom: .5em; display: inline-block; }
.grid *[class*=" hide"] { display: none; }
table caption { display: block; }
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: border-box; max-width: 100vw;  /*overflow-x:hidden;overflow-wrap: break-word; */ }
ul.button-bar, ul.button-bar li, ul.button-bar li a { display: block; }
ul.button-bar li a { padding: .75em; font-size: 20px; }
input[type=text], input[type=submit] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; width: 100%; white-space: break-spaces; }
#panic { height: 48px; }
#login { display: block; padding: 1em 0; width: auto; }
#login input { }
#login input[type="submit"] { margin: 1em 0; }
#login input[type="text"], #login input[type="password"], #login input[type="submit"] { width: 100%; font-size: 1.3em; }
input[type="text"], input[type=""], input.datalist { width: calc( 100vw - 6em); }
.padH { padding-left: 5%; padding-right: 5%; }
/* Ad an Equine*/
#introAdd strong ~ p { margin-left: 1em; }
/* FORAGE*/
#theInfo, input[type="url"] { width: calc(100vw - 6em)!important; }
/* FEEDS */
div#feedInfowrap.right, #suppleInfowrap.left { text-align: center!important; }
/* meds */
.submitStop, .closeChangeMed { display: block!important; margin: 12px 25%!important; }
/* */
table caption { display: block; }
table.rwd td.noBEFORE { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100vw!important; padding: 7px 6px; }
.button, button { display: inline-block; margin: 8px; }
.button.plack, a.mediaPhotos img, a.mediaPhotos { display: block; width: 100%; clear: both; float: none; ; margin: 0 0 8px; }
a.mediaPhotos img, a.mediaPhotos.mediaPhotos { width: 100%; min-width: 160px; max-width: 100%; }
a.button.small { font-size: 1.15em!important; padding: 11px 10px!important; }
a.button.black, input[type=submit].black, input[type=button].black { margin-right: 0; width: 100%; #tiptip_content {
 width: 270px;
}
div label:first-of-type { display: block; margin-top: 18px }
tr.sympomRecord td { border-top: 1px solid #ccc; }
XXXXXtr.sympomRecord td:nth-child(2) { border-top: 8px solid #084a8e; }
table.rwd tr.sNotes td { padding: 0; margin-top: -35px; }
.sNoteInfo { align-items: center; flex-direction: column; }
br.clear { display: none; }
div.multiColumn3, div.multiColumn { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
.breakout table { margin: 0; overflow: auto; max-width: 100%; }
ul.button-bar { margin: 15px 0px; }
a.linkedNote { width: 100%; }
a.linkedNote:before { content: ' '; display: block; }
}
@media(max-width: 370px) {
#panic { height: 64px; }
}
 @media print {
body, #middle, footer { background: #fff; Xwidth: 1200px!important; }
footer * { color: #000; text-align: center; }
footer .col_6, footer .grid *[class*="col_"] { width: 100%; }
nav, menu, .menu, #leftcolumn, #panic, #socMedia, .clickme, #st-el-1, #st-el-3, #chMenu, .noprint, .button, .button-bar { display: none!important; }
.grid *[class*="col_"] { float: left!important; display: inine-block!important; clear: none!important; }
#mainContent { box-shadow: none; background: none; }
#content.col_9 { width: 100%; }
/*#content .col_6,#content .col_4,#content .col_3 {width:50%!important;}*/
body { -webkit-print-color-adjust: exact; color-adjust: exact !important; }
header .grid *[class*="col_"], .mainHeader.grid *[class*="col_"] { display: block; text-align: center; float: none!important; clear: both!important; }
.dimRow { opacity: 0.9; }
thead.hide-phone { width: 100%; display: table-header-group; }
table tr { width: 100%; }
.portgrid, h2, h3, table, h2+table, h3+table { page-break-inside: avoid; break-inside: avoid; }
.portgrid:after { content: ""; width: 100%; height: 12px; float: none; clear: both; }
@page {
size: portrait;
 margin: 20px;
color:#000;
 -webkit-print-color-adjust: exact;
}
}