/* input(61,78): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
input(585,1): run-time error CSS1019: Unexpected token, found '@import'
input(585,9): run-time error CSS1019: Unexpected token, found 'url(/css/oh-global.css?v=10-15-24)' */

@font-face {
  font-family:'openherd';
  src: url('/fonts/openherd.woff2?v=0dzkKKYQ8_Doo9aD9vQGkMQE4hw&v=11-15-25') format('woff2'),
       url('/fonts/openherd.ttf?v=4UuQtAWkJ8LHIlNtiDVSADi5rrk&v=11-15-25') format('truetype'),
       url('/fonts/openherd.woff?v=dzFQIm-NfaCHKIXEwiVG3VFFn0I&v=11-15-25') format('woff'),
       url('/fonts/openherd.svg?v=gHZNOcQFYKiNFqcVyhOzYGFBaNA&v=11-15-25#openherd') format('svg');
  font-weight:normal;
  font-style:normal;
  font-display: swap;
}

/* Non-supported browser alert */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {/* IE 11 & older */
    body {padding-top:50px;}
    #browser-alert {display:block !important;}
    #form1 {display:none !important;}
    #browser-alert h1 {font-size:48px;}
    #browser-alert h3 {font:18px/24px 'Open Sans', 'Roboto', sans-serif;}
    #browser-alert ul.browsers {text-align:center;}
    #browser-alert ul.browsers li {display:inline-block; vertical-align:top; width:180px; height:165px; background:#eee; border-radius:12px; text-align:center; margin:20px 10px; font-size:18px;}
    #browser-alert ul.browsers li img {display:block; width:80px; margin:25px auto 20px;}
}
.brand-font {font-family:poppins, sans-serif; font-weight:500; letter-spacing:-0.5px;}
/* module icons */
.mi {display:block; width:32px; height:32px; background-repeat:no-repeat; background-position:center; background-size:100%;}
.mi.mi-herdhealth {background-image:url(/images/menu-icons/mi-h.svg?v=6hz0Z3tHx1t7YkkUAfa6PibTSK8);}
.mi.mi-reports {background-image:url(/images/menu-icons/mi-r.svg?v=l0bOHRK16Z3uhXvRtg76oxC6t8w);}
.mi.mi-financial {background-image:url(/images/menu-icons/mi-f.svg?v=x9g1NmE7a8h4Srj7aksdtcCcAhk);}
.mi.mi-account {background-image:url(/images/menu-icons/mi-a.svg?v=6hz0Z3tHx1t7YkkUAfa6PibTSK8);}
.mi.mi-users {background-image:url(/images/menu-icons/mi-u.svg?v=l0bOHRK16Z3uhXvRtg76oxC6t8w);}
.mi.mi-nutrition {background-image: url(/images/menu-icons/mi-n.svg?v=IK45SEhFUrckGKTFraPSuhI2qtQ);}
.mi.mi-breeding {background-image: url(/images/menu-icons/mi-b.svg?v=x4cJhJP-66UBmVCFo_fyKnt3Q4M);}
.mi.mi-pasture {background-image: url(/images/menu-icons/mi-p.svg?v=x4cJhJP-66UBmVCFo_fyKnt3Q4M);}
/* font icons */
.ficon, .ficon:hover {display:inline-block; vertical-align:middle; font-family:openherd, sans-serif !important; font-weight:normal !important; font-style:normal !important; color:#222; font-size:24px; line-height:24px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
a.ficon, a.ficon:active, a.ficon:visited {color:#222;}
.ficon:before {display:inline-block; cursor:default; font-family:openherd, sans-serif !important; font-size:24px;}
/* custom icons */
.bi {width:1.25rem;}
.bi.ci::before {font-family:Openherd !important; text-shadow:0 0 0.4px var(--bs-body-color); font-size:1.1rem;}
.btn .bi.ci::before {text-shadow:0 0 0.4px var(--bs-btn-color);}
/* customize icons */
.bi-info-circle-tooltip:before {content:"\f431"; color:#0086cc; background-color:#fff; border-radius:50%;}
.bi.fw-bold:before {font-weight:bold !important;}
.input-group-text .bi.ci.icon-animal {line-height:1rem;}
.input-group-text .bi.ci.icon-animal:before {font-size:1.4rem !important; color:#000; text-shadow:0 0 1px #000; margin-left:-0.1rem;}
.bi.bi-cloud-upload:before {font-size:1.2rem;}
.input-group-text .bi.ci.icon-dna:before {font-size:1.3rem;}
.input-group-text .bi.ci.icon-hand-reach-down:before {font-size:1.2rem !important;}
/* modified */
.bi.ci.icon-x.sm:before {font-size:0.75rem;}
.bi.ci.icon-x:before {font-size:1rem;}
.bi.ci.icon-x.lg:before {font-size:1.25rem;}
/* icon size/weight/display */
.ficon.md, .ficon.md:before {font-size:18px; line-height:18px;}
.ficon.sm, .ficon.sm:before {font-size:14px; line-height:14px;}
.ficon.b:before {font-weight:bold !important;}
.ficon.fade {opacity:0.7;}
.ficon.fade:hover {opacity:1;}
.ficon.alert, table tr td span.alert {padding:0 !important; margin-bottom:0; !important;} /* negate bootstrap padding */
/* icon colors */
.ficon.negative:before {color:#fff;}
.ficon.green:before {color:#67a514;}
.ficon.lightgreen:before {color:#8eca34;}
.ficon.orange:before {color:#f56e01;}
.ficon.red:before {color:#de0025;}
.ficon.blue:before {color:#0b9bff;}
.ficon.purple:before {color:#9846af;}
.ficon.pink:before {color:#ff9cea !important;}
.ficon.pink2:before {color:#d3438e !important;}
.ficon.blue:before {color:#66bcff !important;}
.ficon.blue2:before {color:#3c7cdc !important;}
.ficon.alert:before {color:#ED4401 !important;}
.icon-openherd:before {content:"\e957"; color:#f22f54;}
/* icons */
.icon-trigram:before {content:"\e905";}
.icon-user:before {content:"\e9f1";}
.icon-users:before {content:"\e91e";}
.icon-lock:before {content:"\e906";}
.icon-lock-solid:before {content:"\e958";}
.icon-lock-solid-open:before {content:"\e961";}
.icon-key:before {content:"\e907";}
.icon-mypen:before {content:"\e904";}
.icon-cart:before {content:"\e903";  cursor:pointer;}
.icon-basket:before {content:"\e9b1"; cursor:pointer;}
.icon-email:before {content:"\e902"; cursor:pointer;}
.icon-message:before {content:"\e9fd"; cursor:pointer;}
.icon-messages:before {content:"\e9fe"; cursor:pointer;}
.icon-gear:before {content:"\e900";}
.icon-barn:before {content:"\e901";}
.icon-barn-solid:before {content:"\e931";}
.icon-myherd:before {content:"\e908";}
.icon-bag:before {content:"\e909";}
.icon-syringe:before {content:"\e90a";}
.icon-syringe-list:before {content:"\e9f2";}
.icon-drugs:before {content:"\e9f3";}
.icon-stats:before {content:"\e90b";}
.icon-calendar:before {content:"\e90d";}
.icon-reschedule:before {content:"\ea4c";}
.icon-calendar2:before {content:"\e90c";}
.icon-event:before {content:"\e9f4";}
.icon-events:before {content:"\e9f5";}
.icon-support:before {content:"\e90e";}
.icon-brain:before {content:"\e9ae";}
.icon-bulb:before {content:"\e9af";}
.icon-admin:before {content:"\e90f";}
.icon-crm:before {content:"\e910";}
.icon-bag-oh:before {content:"\e911";}
.icon-move-left:before {content:"\e912"; cursor:pointer;}
.icon-move-up:before {content:"\e913"; cursor:pointer;}
.icon-move-right:before {content:"\e914"; cursor:pointer;}
.icon-move-down:before {content:"\e915"; cursor:pointer;}
.icon-move-up-left:before {content:"\e916"; cursor:pointer;}
.icon-move-up-right:before {content:"\e917"; cursor:pointer;}
.icon-move-down-right:before {content:"\e918"; cursor:pointer;}
.icon-move-down-left:before {content:"\e919"; cursor:pointer;}
.icon-refresh:before {content:"\e962";}
.icon-undo:before {content:"\e963";}
.icon-switch:before {content:"\e945";}
.icon-x:before {content:"\e91a"; cursor:pointer;}
.icon-plus:before {content:"\e91b";}
.icon-minus:before {content:"\e91c"; cursor:pointer;}
.icon-search:before {content:"\e91d"; font-size:22px;}
.icon-search.md:before {font-size:15px; line-height:15px;}
.icon-search-plus:before {content:"\e9ba";}
.icon-arrow-left:before {content:"\e91f"; cursor:pointer;}
.icon-arrow-right:before {content:"\e920"; cursor:pointer;}
.icon-arrow-up:before {content:"\e921"; cursor:pointer;}
.icon-arrow-down:before {content:"\e922"; cursor:pointer;}
.icon-bred:before {content:"\e924"; color:#ff72bb;}
.icon-bred-text:before {content:"\e925"; color:#ff72bb;}
.icon-wreath:before {content:"\e9b0";}
.icon-wreath.green:before {color:#008331 !important;}
.icon-bt-sv:before {content:"\e926"; cursor:pointer;}
.icon-copy:before {content:"\e927";  cursor:pointer;}
.icon-camera:before {content:"\e928"; cursor:pointer;}
.icon-activity:before {content:"\e929"; cursor:pointer;}
.icon-milk:before {content:"\e92a";}
.icon-pedigree:before {content:"\e92b"; transform:scaleX(-1);}
.icon-progeny:before {content:"\e92b";}
.icon-microscope:before {content:"\e92c";}
.icon-dna:before {content:"\e943";}
.icon-histogram:before {content:"\e944";}
.icon-clipboard:before {content:"\e934";}
.icon-arrow-heavy-left:before {content:"\e92d"; cursor:pointer;}
.icon-arrow-heavy-right:before {content:"\e92e"; cursor:pointer;}
.icon-arrow-heavy-up:before {content:"\e92f"; cursor:pointer;}
.icon-arrow-heavy-down:before {content:"\e930"; cursor:pointer;}
.icon-arrow-heavy-up.md:before, .icon-arrow-heavy-down.md:before {font-size:15px; line-height:15px;} /* edit grids */
.icon-barn-solid:before {content:"\e931";}
.icon-male:before {content:"\e932";}
.icon-male.color:before {color:#4aa7f7;}
.icon-female:before {content:"\e933";}
.icon-female.color:before {color:#fea5fe;}
.icon-clipboard:before {content:"\e934";}
.icon-check:before {content:"\e923"; color:#58b30f;}
.icon-check-md:before {content:"\e935"; color:#58b30f;}
.icon-check-bd:before {content:"\e936"; color:#58b30f;}
.icon-check-friendly:before {content:"\ea12";}
/*.icon-checkbox {display:inline-block; width:18px; height:18px; border:1px solid #aaa; margin-right:10px;}
.icon-checkbox:before {width:105%; height:100%; line-height:140%; text-align:center;} where is this used? */
.icon-alert:before, .icon-alert-solid:before {content:"\e937"; color:#ff6c01; background:#fff; border-radius:50%;}
.icon-alert.white_bg {border-radius:50%;}
.icon-alert-solid:before {color:#fff; background:#ff5555; border-radius:50%;}
.icon-alert-triangle-solid:before {content:"\e9bb";}
.icon-alert-triangle:before {content:"\e9bc";}
.icon-www:before {content:"\e938";}
.icon-subwww:before {content:"\e942";}
.icon-cloud-server:before {content:"\e939";}
.icon-cloud-storage:before {content:"\e93a";}
.icon-cloud-lock:before {content:"\e93b";}
.icon-cloud-up:before {content:"\e93c";}
.icon-cloud-down:before {content:"\e93d";}
.icon-multisite:before {content:"\e93e"; color:#999;}
.icon-monitor:before {content:"\e93f";}
.icon-compare:before {content:"\e940";}
.icon-featured:before {content:"\e9f6";}
.icon-bullhorn:before {content:"\e941";}
.icon-gavel:before {content:"\e9b8";}
.icon-arrow-triangle:before {content:"\e946";}
.icon-slideshow-play:before {content:"\e9b2";}
.icon-view-detail:before {content:"\e947";}
.icon-view-thumb:before {content:"\e948";}
.icon-view-list:before {content:"\e949";}
.icon-view-masonry:before {content:"\e94a";}
.icon-certificate:before {content:"\e94b";}
.icon-certificate-check:before {content:"\e9f9";}
.icon-document-cert:before {content:"\e94c";}
.icon-document:before {content:"\e94d";}
.icon-page:before {content:"\e94e";}
.icon-pages:before {content:"\e9b9";}
.icon-page-text:before {content:"\e94f";}
.icon-page-details:before {content:"\e950";}
.icon-brochure:before {content:"\e976";}
.icon-blog:before {content:"\e9fc";}
.icon-photos:before {content:"\e951";}
.icon-picture:before {content:"\e9bd";}
.icon-pictures:before {content:"\e9be";}
.icon-video:before {content:"\e952";}
.icon-array:before {content:"\e959";}
.icon-array-solid:before {content:"\e965";}
.icon-tiles:before {content:"\e966";}
.icon-tiles-solid:before {content:"\e967";}
.icon-group:before {content:"\e9f8";}
.icon-link:before {content:"\e95a";}
.icon-details:before {content:"\e95b";}
.icon-printer:before {content:"\e95c";}
.icon-award:before {content:"\e95d";}
.icon-award-solid:before {content:"\e95e";}
.icon-map-pin:before {content:"\e9b5";}
.icon-map-pin-solid:before {content:"\e95f";}
.icon-phone:before {content:"\e960";}
.icon-mailbox:before {content:"\e968";}
.icon-info:before {content:"\e953"; color:#0b9bff; background:#fff; border-radius:50%;}
.icon-info-solid:before {content:"\e954"; color:#0b9bff;}
.icon-dollar:before {content:"\e972";}
.icon-dollar-solid:before {content:"\e964";}
.icon-dollar-solid.finance:before {color:#76ad6c;}
.icon-text:before {content:"\e955";}
.icon-text-solid:before {content:"\e956";}
.icon-tag:before {content:"\e969"; cursor:pointer;}
.icon-tag-whitebg .path1:before {content:"\e96a"; color:rgb(255,255,255); cursor:pointer;}
.icon-tag-whitebg .path2:before {content:"\e96b"; margin-left:-1em; cursor:pointer;}
.icon-tag-solid:before {content:"\e96c"; cursor:pointer;}
.icon-tag-sale:before {content:"\e96d";}
.icon-edit:before {content:"\e96e"; cursor:pointer;}
.icon-checkbox:before {content:"\e96f";}
.icon-checkedbox:before {content:"\e977"; color:#2f8fe5;}
.icon-shield:before {content:"\e970";}
.icon-shield-solid:before {content:"\e971";}
.icon-package:before {content:"\e974";}
.icon-package-male:before {content:"\e975";}
.icon-package-male.color:before {color:#4aa7f7;}
.icon-package-arrow:before {content:"\e9fa";}
.icon-mask:before {content:"\e978";}
.icon-mask-solid:before {content:"\e979";}
.icon-circle:before {content:"\e9b6";}
.icon-circle-solid:before {content:"\e9b7";}
.icon-box-expand:before {content:"\e9aa";}
.icon-box-shrink:before {content:"\e9ab";}
.icon-box-launch:before {content:"\e9ad";}
.icon-rss:before {content:"\e9a2";}
.icon-button-click:before {content:"\e9c0";}
.icon-send:before {content:"\e997";}
.icon-chart-grow:before {content:"\e9c1";}
.icon-handshake:before {content:"\e9c2";}
.icon-plant:before {content:"\e9c3";}
.icon-tags:before {content:"\e9e4";}
.icon-comments:before {content:"\e9e3";}
.icon-giftcard:before {content:"\e9e5";}
.icon-seo:before {content:"\e9e2";}
.icon-receipt:before {content:"\e9e6";}
.icon-percent:before {content:"\e9ea";}
.icon-card:before {content:"\e9eb";}
.icon-card-gear:before {content:"\e9ec";}
.icon-banner:before {content:"\e9ed";}
.icon-truck:before {content:"\e9ee";}
.icon-store:before {content:"\e9ef";}
.icon-checklist:before {content:"\e9f0";}
.icon-listing:before {content:"\e9fe";}
.icon-message-edit:before {content:"\e9f7";}
.icon-sold:before {content:"\e9ff"; cursor:pointer;}
.icon-sold-rotated:before {content:"\ea00"; cursor:pointer;}
.icon-swatch-fan:before {content:"\ea01";}
.icon-world:before {content:"\ea02";}
.icon-cart-check:before {content:"\ea04";}
.icon-report-arrow:before {content:"\ea05";}
.icon-email-open-check:before {content:"\ea06";}
.icon-email-open:before {content:"\ea07";}
.icon-grid-select:before {content:"\ea08";}
.icon-g-analytics:before {content:"\ea0a";}
.icon-listmirror:before {content:"\ea0b";}
.icon-code:before {content:"\ea0c";}
.icon-compass-edit:before {content:"\ea0d";}
.icon-container-specs:before {content:"\ea0e";}
.icon-website-footer:before {content:"\ea0f";}
.icon-website-gear:before {content:"\ea10";}
.icon-website-sections:before {content:"\ea11";}
.icon-cart-gear:before {content:"\ea03";}
.icon-package-gear:before {content:"\ea09";}
.icon-laptop:before {content:"\ea13";}
.icon-laptop-check:before {content:"\ea14";}
.icon-share:before {content:"\ea15";}
.icon-logo:before {content:"\ea16";}
.icon-logos:before {content:"\ea17";}
.icon-favicon:before {content:"\ea18";}
.icon-feed:before {content:"\ea19";}
.icon-feature-boxes:before {content:"\ea1a";}
.icon-ear-tag:before {content:"\ea1b";}
.icon-package-location:before {content:"\ea1c";}
.icon-julie:before {content:"\ea1d";}
.icon-expiring:before {content:"\ea1f";}
.icon-flag:before {content:"\ea20";}
.icon-flag-solid:before {content:"\ea21"; color:#fc3d39;}
.icon-sign-arrow:before {content:"\ea22";}
.icon-alpaca-copy:before {content:"\ea23";}
.icon-herd-upload:before {content:"\ea24";}
.icon-www-private:before {content:"\ea25";}
.icon-www-click:before {content:"\ea26";}
.icon-website-concierge:before {content:"\ea27";}
.icon-website-branding:before {content:"\ea28";}
.icon-website-idea:before {content:"\ea48";}
.icon-concierge:before {content:"\ea29";}
.icon-website-edit:before {content:"\ea2a";}
.icon-mobile:before {content:"\ea2b";}
.icon-devices:before {content:"\ea2c";}
.icon-herd-new:before {content:"\ea2d";}
.icon-finance:before {content:"\ea40";}
.icon-meat:before {content:"\ea41";}
.icon-fiber:before {content:"\ea42";}
.icon-herd-cloud:before {content:"\ea45";}
.icon-listing-mktpl:before {content:"\ea46";}
.icon-crop-rotate:before {content:"\ea47";}
.icon-rocket:before {content:"\ea49"; color:#e22850;}
.icon-rocket.b:before {font-weight:normal !important; text-shadow:0 0 0 #e22850;}
.icon-add-inline:before {content:"\ea4a"; color:#1b80fb;}
.icon-add-display:before {content:"\ea4b"; color:#1b80fb;}
.icon-add-inline.b:before, .icon-add-display.b:before  {font-weight:normal !important; text-shadow:0 0 0 #1b80fb;}
.icon-stop:before {content:"\ea4d";}
.icon-play:before {content:"\ea4e";}
.icon-pause:before {content:"\ea4f";}
.icon-eye:before {content:"\ea50";}
.icon-duplicate:before {content:"\ea51";}
.icon-tickets:before {content:"\ea56";}
.icon-ticket-manage:before {content:"\ea57";}
.icon-ticket-plus:before {content:"\ea58";}
.icon-ticket-calendar:before {content:"\ea59";}
.icon-tickets-give:before {content:"\ea5a";}
.icon-faq:before {content:"\ea5e";}
.icon-bullet-push:before {content:"\ea5f";}
.icon-confusion:before {content:"\ea60";}
.icon-email-journey:before {content:"\ea61";}
.icon-users-gear:before {content:"\ea66";}
.icon-video-call:before {content:"\ea67";}
.icon-video-presentation:before {content:"\ea68";}
.icon-webinar:before {content:"\ea69";}
.icon-embed:before {content:"\ea6a";}
.icon-website-affiliate:before {content:"\ea6b";}
.icon-profile:before {content:"\ea6c";}
.icon-profile-affiliate:before {content:"\ea6d";}
.icon-association:before {content:"\ea6e";}
.icon-rotate-image:before {content:"\ea76";}
.icon-rotate-image.clockwise:before {transform:scaleX(-1);}
.icon-trash:before {content:"\ea78";}
.icon-trash-recover:before {content:"\ea79";}
.icon-clipboard-report:before {content:"\ea7a";}
.icon-clipboard-shield:before {content:"\ea7f";}
/* herd health */
.icon-vial:before {content:"\ea72";}
.icon-syringe-dose:before {content:"\ea73";}
.icon-scale:before {content:"\ea74";}
.icon-route:before {content:"\ea75";}
.icon-microchip:before {content:"\ea77";}
.icon-ultrasound:before {content:"\ea7b";}
.icon-ultrasound-detailed:before {content:"\ea7c";}
.icon-male-female:before {content:"\ea7d";}
.icon-hand-reach-down:before {content:"\ea7e";}
.icon-report-checklist:before {content:"\ea80";}
.icon-report-animal-nomore:before {content:"\ea81";}
.icon-report-deceased:before {content:"\ea82";}
.icon-report-drug:before {content:"\ea83";}
.icon-report-female:before {content:"\ea84";}
.icon-report-financial:before {content:"\ea85";}
.icon-report-herd:before {content:"\ea86";}
.icon-report-labels:before {content:"\ea87";}
.icon-report-lineage:before {content:"\ea88";}
.icon-report-male:before {content:"\ea89";}
.icon-report-offspring:before {content: "\ea8a";}
.icon-report-sold:before {content:"\ea8b";}
.icon-report-spraycan:before {content:"\ea8c";}
.icon-report-syringe:before {content:"\ea8d";}
.icon-bell-ring-dot:before {content:"\ea8e";}
.icon-user-list:before {content:"\ea8f";}
.icon-animal-nomore:before {content:"\ea90";}
.icon-labels:before {content:"\ea91";}
.icon-spraycan:before {content:"\ea92";}
.icon-stork:before {content:"\ea93";}
.icon-semen-straw:before {content:"\ea94";}
.icon-clipboard-syringe:before {content:"\ea95";}
.icon-syringe-list-plus:before {content:"\ea96";}
.icon-animal-add:before {content:"\ea97";}
.icon-dial:before {content:"\ea98";}
.icon-dial2:before {content:"\ea98"; transform:scaleX(-1);}
.icon-famacha1:before {content:"\ea99";}
.icon-famacha2:before {content:"\ea9a";}
.icon-animal-dollar:before {content:"\ea9b";}
.icon-hand-quantity:before {content:"\ea9c";}
/* social */
.icon-social-airbnb:before {content:"\e998";}
.icon-social-etsy:before {content:"\e999";}
.icon-social-facebook:before {content:"\e99a"; color:#1b80fb;}
.icon-social-facebook-messenger:before {content:"\ea1e";}
.icon-facebook-messenger:before {content:"\ea1e"; color:#fff !important; background-color:#1b80fb !important; border-radius:50%; padding:3px;}
.icon-social-flickr:before {content:"\e99b";}
.icon-social-instagram:before {content:"\e99c";}
.icon-social-linkedin:before {content:"\e99d";}
.icon-social-myspace:before {content:"\e99e";}
.icon-social-pinterest:before {content:"\e99f";}
.icon-social-ravelry:before {content:"\e9a0";}
.icon-social-reddit:before {content:"\e9a1";}
.icon-social-rss:before {content:"\e9a2";}
.icon-social-stumbleupon:before {content:"\e9a3";}
.icon-social-tripadvisor:before {content:"\e9a4";}
.icon-social-tumblr:before {content:"\e9a5";}
.icon-social-twitter:before {content:"\e9a6";}
.icon-social-vimeo:before {content:"\e9a7";}
.icon-social-vrbo:before {content:"\e9a8";}
.icon-social-youtube:before {content:"\e9a9";}
.icon-social-mewe:before {content:"\e9b4";}
.icon-social-google:before {content:"\e9e9";}
/* ||||| Multicolor Icons ||||| */
/* ribbon icons */
.ficon.ribbon, .ficon.multi {position:relative; width:30px; height:30px; font-size:30px; line-height:30px;}
.ficon.ribbon {width:18px; text-shadow:0 1px 2px rgba(0,0,0,0.15);}
.ficon.ribbon.icon-ribbon-banner {width:18px;}
.ficon.ribbon.md {width:14px; height:20px; font-size:20px; line-height:20px;}
.ficon.ribbon.md.icon-ribbon-banner {width:15px;}
.ficon.ribbon span, .ficon.multi span {position:absolute; left:0; top:0; width:100%; height:100%;}
/* single color + white */
.icon-ribbon .path2:before {content:"\ea32"; color:#fff; text-shadow:none;}
.icon-ribbon .path1:before {content:"\ea31";}
.icon-ribbon.blue .path1:before {color:#213cf3;}
.icon-ribbon.red .path1:before {color:#ed294d;}
.icon-ribbon.white .path1:before {color:#888;}
.icon-ribbon.pink .path1:before {color:#fa74b3;}
.icon-ribbon.yellow .path1:before {color:#feab1c;}
.icon-ribbon.green .path1:before {color:#4aa725;}
/* 2 color + white */
.icon-ribbon-3color .path1:before {content:"\ea33";}
.icon-ribbon-3color .path2:before {content:"\ea34"; color:#fff;}
.icon-ribbon-3color .path3:before {content:"\ea35"; color:#777;}
.icon-ribbon-3color.best .path1:before {color:#9122a6;}
.icon-ribbon-3color.best .path2:before {color:#fff038;}
.icon-ribbon-3color.best .path3:before {color:#c16ffc;}
/* 3 color + white */
.icon-ribbon-4color .path1:before {content:"\ea37";}
.icon-ribbon-4color .path2:before {content:"\ea38"; color:#999;}
.icon-ribbon-4color .path3:before {content:"\ea39"; color:#bbb;}
.icon-ribbon-4color .path4:before {content:"\ea3a"; color:#fff;}
.icon-ribbon-4color.black-yellow .path1:before {color:#333;}
.icon-ribbon-4color.black-yellow .path2:before {color:#c0c72f;}
.icon-ribbon-4color.black-yellow .path3:before {color:#fdec9a;}
/* 4 color */
.icon-ribbon-4color-b.spirit1 .path1:before {content:"\ea62"; color:#3f2118;}
.icon-ribbon-4color-b.spirit1 .path2:before {content:"\ea63"; color:#dc2e31;}
.icon-ribbon-4color-b.spirit1 .path3:before {content:"\ea64"; color:#febf00;}
.icon-ribbon-4color-b.spirit1 .path4:before {content:"\ea65"; color:#c05f6c;}
.icon-ribbon-4color-c.spirit2 .path1:before {content:"\ea52"; color:#00556a;}
.icon-ribbon-4color-c.spirit2 .path2:before {content:"\ea53"; color:#4abdff;}
.icon-ribbon-4color-c.spirit2 .path3:before {content:"\ea54"; color:#afe9f7;}
.icon-ribbon-4color-c.spirit2 .path4:before {content:"\ea55"; color:#389dae;}
/* banners */
.icon-ribbon-banner .path2:before {content:"\ea2f";}
.icon-ribbon-banner .path1:before {content:"\ea2e"; color:#ffca27;}
.icon-ribbon-banner .path3:before {content:"\ea30"; color:rgba(0,0,0,0.2);}
.icon-ribbon-banner .path2:before, .icon-ribbon-banner .path3:before {text-shadow:none;}
.icon-ribbon-banner.purple .path2:before {color:#c073e3;}
.icon-ribbon-banner.violet .path2:before {color:#d89edb;}
.icon-ribbon-banner.black .path2:before {color:#333;}
.icon-ribbon-banner.red .path2:before {color:#cd2145;}
.icon-ribbon-banner.orange .path2:before {color:#e36926;}
.icon-ribbon-banner.pale-orange .path2:before {color:#e89441;}
/* sashes */
.icon-ribbon-sash .path1:before {content:"\ea5b"; color:#ffca27;}
.icon-ribbon-sash .path2:before {content:"\ea5c"; color:#fff;}
.icon-ribbon-sash .path3:before {content:"\ea5d";}
.icon-ribbon-sash .path2:before, .icon-ribbon-sash .path3:before {text-shadow:none;}
.icon-ribbon-sash.purple .path3:before {color:#c073e3;}
.icon-ribbon-sash.violet .path3:before {color:#d89edb;}
/* purchase type */
.icon-promo:before {content:"\e973"; color:#f93f3f;}
.icon-lease:before {content:"\ea3c"; color:#ff7705;}
.icon-trade .path1:before {content:"\ea36"; color:#65adf8;}
.icon-trade .path2:before {content:"\ea3b"; color:#86ab00;}
.icon-interest .path1:before {content:"\ea3d"; color:#c26839;}
.icon-interest .path2:before {content:"\ea3e"; color:#edc893;}
.icon-interest .path3:before {content:"\ea3f"; color:#fff;}
/* document font icons */
.ficon.icon-page.doc {width:22px; margin-right:5px; position:relative; line-height:26px; font-size:10px; text-align:center;}
.ficon.icon-page.doc:before {position:absolute; left:0; width:22px; font-weight:bold !important; font-size:23px;}
.ficon.icon-page.doc.excel {font-size:12px; color:#4da952;}
.ficon.icon-page.doc.excel:before {color:#4da952;}
.ficon.icon-page.doc.pdf {font-size:9px; color:#e72222;}
.ficon.icon-page.doc.pdf:before {color:#e72222;}
/* animal font icons */
.icon-alpaca-outline:before {content:"\e9c4";}
.icon-bird-outline:before {content:"\e9c5";}
.icon-bison-outline:before {content:"\e9c6";}
.icon-camel-outline:before {content:"\e9c7";}
.icon-cat-outline:before {content:"\e9c8";}
.icon-cattle-outline:before {content:"\e9c9";}
.icon-chicken-outline:before {content:"\e9ca";}
.icon-chinchilla-outline:before {content:"\e9cb";}
.icon-deer-outline:before {content:"\e9cc";}
.icon-dog-outline:before {content:"\e9cd";}
.icon-donkey-outline:before {content:"\e9ce";}
.icon-duck-outline:before {content:"\e9cf";}
.icon-emu-outline:before {content:"\e9d0";}
.icon-goat-outline:before {content:"\e9d1";}
.icon-goose-outline:before {content:"\e9d2";}
.icon-guineafowl-outline:before {content:"\e9d3";}
.icon-horse-outline:before {content:"\e9d4";}
.icon-llama-outline:before {content:"\e9d5";}
.icon-miniature-cattle-outline:before {content:"\e9d6";}
.icon-miniature-horse-outline:before {content:"\e9d7";}
.icon-mule-outline:before {content:"\e9d8";}
.icon-ostrich-outline:before {content:"\e9d9";}
.icon-paco-vicuna-outline:before {content:"\e9e7";}
.icon-peafowl-outline:before {content:"\e9da";}
.icon-quail-outline:before {content:"\e9dc";}
.icon-rabbit-outline:before {content:"\e9dd";}
.icon-reptile-outline:before {content:"\ea43";}
.icon-sheep-outline:before {content:"\e9de";}
.icon-swan-outline:before {content:"\e9df";}
.icon-swine-outline:before {content:"\e9db";}
.icon-turkey-outline:before {content:"\e9e0";}
.icon-yak-outline:before {content:"\e9e1";}
.icon-alpaca:before {content:"\e97a";}
.icon-bird:before {content:"\e97b";}
.icon-bison:before {content:"\e97c";}
.icon-camel:before {content:"\e97d";}
.icon-cat:before {content:"\e97e";}
.icon-cattle:before {content:"\e97f";}
.icon-chicken:before {content:"\e980";}
.icon-chinchilla:before {content:"\e9bf";}
.icon-deer:before {content:"\e981";}
.icon-dog:before {content:"\e982";}
.icon-donkey:before {content:"\e983";}
.icon-duck:before {content:"\e984";}
.icon-emu:before {content:"\e985";}
.icon-goat:before {content:"\e986";}
.icon-goose:before {content:"\e987";}
.icon-guineafowl:before {content:"\e988";}
.icon-horse:before {content:"\e989";}
.icon-llama:before {content:"\e98a";}
.icon-miniaturecattle:before {content:"\e98b";}
.icon-miniaturehorse:before {content:"\e98c";}
.icon-mule:before {content:"\e98d";}
.icon-ostrich:before {content:"\e98e";}
.icon-paco-vicuna:before {content:"\e9e8";}
.icon-peafowl:before {content:"\e98f";}
.icon-swine:before {content:"\e990";}
.icon-quail:before {content:"\e991";}
.icon-rabbit:before {content:"\e992";}
.icon-reptile:before {content:"\ea44";}
.icon-sheep:before {content:"\e993";}
.icon-swan:before {content:"\e994";}
.icon-turkey:before {content:"\e995";}
.icon-yak:before {content:"\e996";}
/* color ficons */
.ficon.color {background-repeat:no-repeat; background-size:100% auto; background-position:center;}
.ficon.icon-monitor.color {background-image:url(/images/icon-dab-monitor-lg.png); background-size:102% auto;}
.ficon.icon-bullhorn.color {background-image:url(/images/icon-dab-bullhorn-lg.png);}
.ficon.icon-chart-grow.color {background-image:url(/images/icon-dab-grow-lg.png); background-size:112% auto;}
.ficon.icon-bulb.color {background-image:url(/images/icon-dab-lightbulb-lg.png);}
.ficon.icon-support.color {background-image:url(/images/icon-dab-agent-lg.png);}
.ficon.icon-www-click.color {background-image:url(/images/icon-dab-web-click-md.png);}
.ficon.icon-www-private.color {background-image:url(/images/icon-dab-web-privacy-md.png);}
.ficon.icon-herd-upload.color {background-image:url(/images/icon-dab-herd-upload-md.png);}
.ficon.icon-website-concierge.color {background-image:url(/images/icon-dab-web-concierge-md.png);}
.ficon.icon-website-branding.color {background-image:url(/images/icon-dab-web-branding-md.png);}
.ficon.icon-myherd.color {background-image:url(/images/icon-dab-herd-md.png);}
.ficon.icon-herd-upload.color {background-image:url(/images/icon-dab-herd-upload-lg.png);}
.ficon.icon-herd-cloud.color {background-image:url(/images/icon-dab-herd-cloud-lg.png);}
.ficon.icon-store.color {background-image:url(/images/icon-dab-store-lg.png);}
.ficon.icon-syringe.color {background-image:url(/images/icon-dab-syringe-lg.png);}
.ficon.icon-website-idea.color {background-image:url(/images/icon-dab-monitor-bulb-md.png);}
/* credit card icons */
.icon-credit-card {display:inline-block; vertical-align:middle; margin-right:1em; width:40px;}
.icon-credit-card:after {display:block; content:""; width:100%; padding-bottom:69%; background-repeat:no-repeat; background-position:left top; background-size:100% auto;}
.icon-credit-card.visa:after {background-image:url(/images/icon-credit-card-visa.png) !important;}
.icon-credit-card.mastercard:after {background-image:url(/images/icon-credit-card-mastercard.png) !important;}
.icon-credit-card.amex:after {background-image:url(/images/icon-credit-card-amex.png) !important;}
.icon-credit-card.discover:after {background-image:url(/images/icon-credit-card-discover.png) !important;}
.icon-credit-card.paypal:after {background-image:url(/images/icon-credit-card-paypal.png) !important;}
/* other sized icons */
h3 .bi:before {margin-right:0.25rem; color:#656565;}
h3 .bi.ci:before {font-size:1.5rem !important; vertical-align:-.18em !important;}
h3 .bi:not(.ci):before {font-size:1.2rem !important; vertical-align:-.2em !important;}
/* end copy of oh-global.css */


/* begin copy of base.css */
@import url(/css/oh-global.css?v=10-15-24);


/* ||||| Browser Reset |||||
* {margin:0; padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong {font-size:1em; font-weight:normal; font-style:normal;}
fieldset, img {border:none; border-style:none; outline:none;}
img {vertical-align:middle;}
:focus {-moz-outline-style:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
iframe {background:transparent;} */


/* ||||| Global/Modifiers ||||| */
.female.circle, .male.circle {display:inline-block; width:10px; height:10px; border-radius: 50%;}
.female {background-color:#ffafed;}
.male {background-color:#91c8ff;}
a.screened, a.screened:link {opacity:0.7;}
a.screened:hover {opacity:1;}
.dimmed {opacity:0.4;}
.disabled {opacity:0.5;}
a.nohover {cursor:default !important; text-decoration:none !important;}
.clear {clear:both;}
.clearl {clear:left;}
.clearer {clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px;}
.lfl {float:left;}
.rfl {float:right;}
.nofloat, .nofloat input {float:none !important;}
.inl {display:inline;}
.block {display:block;}
.inlblock {display:inline-block;}
.nowrap {white-space:nowrap;}
.overflow-text {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prel {position:relative;}
.prelz1 {position:relative; z-index:1;}
.radius {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.radius4 {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.radius10 {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.radius15 {-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.no-radius {border-radius:0 !important;}
.nopad, tr.nopad td, table.nopad td {padding:0 !important;}
.nopadv, .nopadv td, .nopadv th {padding-top:0 !important; padding-bottom:0 !important;}
.pad1, tr.pad1 td {padding:15px 15px 50px;}
.pad1a, tr.pad1a td {padding:15px;}
.pad2, tr.pad2 td {padding:10px 20px;}
.pad2a, tr.pad2a td {padding:0 20px;}
.pad2b, tr.pad2b td {padding:20px 10px;}
.pad3, tr.pad3 td {padding:10px;}
.pad3a, tr.pad3a td {padding:0 10px;}
.pad3b {padding:10px 0;}
.pad4, tr.pad4 td {padding:5px;}
.pad5, tr.pad5 td {padding:30px;}
.pad6, tr.pad6 td {padding:5px 10px;}
.pad7 {padding:20px 40px;}
.padv1, tr.padv1 td {padding:15px 0;}
.padv2, tr.padv2 td {padding:10px 0;}
.padv2, tr.padv2 td {padding:10px 0;}
.pad20 {padding:20px;}
.pad20a {padding:0 20px;}
.pad20b {padding:20px 0;}
.pad30 {padding:30px;}
.pad1520 {padding:15px 20px;}
.pad0 {padding:0 !important;}
.margin0 {margin:0 !important;}
.width100 {width:100%;}
.bulletspacer {padding-bottom:20px;}
.spacer10 {margin-right:10px;}
.spacer20 {margin-right:20px;}
.hide {visibility:hidden;}
.none {display:none !important;}
.minimize {padding:0; height:1px; line-height:1px; font-size:1px;}
.nostyle, .dropdown-wrapper select {background:none !important; border:none !important; padding:0 !important; margin:0 !important; box-shadow:none !important; text-shadow:none !important;}
.noscroll {overflow-y:hidden;}
.l {text-align:left;}
.ll {text-align:left !important;}
.c {text-align:center;}
.cc {text-align:center !important;}
.r {text-align:right;}
.rr {text-align:right !important;}
.justify {text-align:justify;}
.n {font-weight:normal !important; font-style:normal !important; font-family:'Roboto', sans-serif;}
.ii {font-style:italic !important;}
.uc {text-transform:uppercase;}
.underl {text-decoration:underline !important;}
del, .strike {text-decoration:line-through !important;}
.break-word {word-wrap:break-word;}
.blink {text-decoration:blink;}
.pointer {cursor:pointer !important;}
.cursor_help {cursor:help !important;}
.colorinherit {color:inherit !important;}
.scroll_y {overflow-x:hidden; overflow-y:scroll;}
.truncate {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
td.truncate {max-width:1px; padding-right:10px !important;}
.flip-h {transform:scaleX(-1);}
.ltr {color:#777;}
.ltrr {color:#777 !important;}
.vlt {color:#999;}
.vltt {color:#999 !important;}
.t9 {font-size:9px;}
.t10 {font-size:10px;}
.t11 {font-size:11px;}
.t12 {font-size:12px;}
.t13 {font-size:13px;}
.t14 {font-size:14px;}
.t15 {font-size:15px;}
.t16 {font-size:16px;}
.t17 {font-size:17px;}
.t18 {font-size:18px;}
.t20 {font-size:20px;}
.t21 {font-size:21px;}
.t24 {font-size:24px;}
.lh10 {line-height:10px;}
.lh11 {line-height:11px;}
.lh12 {line-height:12px;}
.lh13 {line-height:13px;}
.lh14 {line-height:14px;}
.lh15 {line-height:15px;}
.lh16 {line-height:16px;}
.lh18 {line-height:18px;}
.lh21 {line-height:21px;}
.lh24 {line-height:24px;}
sup, .sup {padding-left:1px; font-size:0.7em !important; font-weight:normal !important; vertical-align:top; position:relative; top:-0.15em; color:#777 !important; font-family:'helvetica neue', helvetica, arial, sans-serif !important;}
h1 .sup {font-size:0.28em !important; top:-0.8em;}
h2 .sup {font-size:0.4em !important; top:-0.6em;}
.norecords {padding:15px; font-style:italic; color:#999; height:24px; line-height:24px;}
.breadcrumb {height:50px; line-height:44px; padding:5px 0; font-size:13px !important;}
.breadcrumb {color:#999;}
.breadcrumb a:hover {text-decoration:none !important;}
.footnote, .smallprint {font-size:12px !important; line-height:16px !important;}
.footnote {padding:20px 0;}
.asterisk {font-size:1.5em !important; vertical-align:middle;}
.valt, table.valt td {vertical-align:top !important;}
.valm {vertical-align:middle !important;}
.valb {vertical-align:bottom !important;}
.dashed {border-style:dashed;}
.nobdr {border:none !important;}
table.nobdr td {border:none !important;}
.color00 {color:#ffffff !important;}
.color10 {color:#568b02 !important;} /* green taglines */
.color11 {color:#E3FF75 !important;} /* pale green */
.color12 {color:#75C300 !important;} /* bright green taglines */
.color20 {color:#3f66e9 !important;} /* blue: sort dropdowns */
.color21 {color:#002130 !important;} /* blue/gray/dark: farm */
.color22 {color:#004276 !important;} /* blue/link: link/highlight */
.color23 {color:#006FA4 !important;} /* blue/light: light link/highlight */
.color24 {color:#0066d4 !important;} /* action blue */
.color30 {color:#E2004B !important;} /* red: h1 titles */
.color31 {color:#cd1343 !important;} /* red for prices */
.color32 {color:#D20028 !important;} /* red/bright: highlighted text */
.color33 {color:#ED1846 !important;} /* red/primary: hot text */
.color34 {color:#F27D00 !important;} /* orange: save */
.color40 {color:#FFF8AD !important;} /* pale yellow: auctions */
.color_f {color:#ffafee !important;}
.color_f2 {color:#d3438e !important;}
.color_m {color:#8accff !important;}
.color_m2 {color:#3c7cdc !important;}
.highlighter {background:url(/images/highlighter.png) repeat-x; padding:3px 5px;}
.white_bg {background-color:#fff !important;}
.cyan_bg {background-color:#daf3f8 !important;}
.mediumcyan_bg {background-color:#50c4d2 !important; color:#fff;}
.blue_bg {background-color:#0c9aff !important; color:#fff;}
.blue_bdr {border-color:#349ae6 !important;}
.lightblue_bg {background-color:#d4e8f7 !important;} /* same as grid header */
.lightcyan_bg {background-color:#d2e5ec !important;} /* was ccedf5 */
.lightpink_bg {background-color:#fce3e8 !important;}
.gray_bg, .gray_bgg {background-color:rgba(0,0,0,0.03) !important;}
.gray2_bg {background-color:rgba(0,0,0,0.05) !important;}
.orange_bg {background-color:#e57700 !important; color:#fff;}
.orange2_bg, .alert_bg {background-color:#ff6b07 !important; color:#fff;}
.red_bg {background-color:#df2149 !important; color:#fff !important;}
.red2_bg {background-color:#f72a48 !important; color:#fff;}
.maroon_bg {background-color:#c7307e !important; color:#fff;}
.teal_bg {background-color:#1796a8 !important; color:#fff;}
.green_bg {background-color:#95bc32 !important; color:#fff;}
.purple_bg {background-color:#a848b3 !important; color:#fff;}
.manilla_bg {background-color:#fffbd7 !important;}
.yellow_bg {background-color:#fffdba !important;}
.gold_bg {background-color:#b4a77d !important; color:#fff;}
.paleyellow_bg {background-color:#fbfce6 !important;}
.palegreen_bg {background-color:#f3fbcf !important;}
.lightgreen_bg {background-color:#eaf2cf !important;}
.tan_bg {background-color:#efe2c8 !important;}
.brown_bg {background-color:#ce9b52 !important; color:#fff;}
.medbrown_bg {background-color:#b17830 !important; color:#fff;}
.darkbrown_bg {background-color:#73471d !important; color:#fff;}
.paletan_bg {background-color:#f7f1e1 !important;}
.darkgray_bg {background-color: #777 !important; color:#fff;}
.black_bg {background-color:#222 !important; color:#fff;}
.black_bg .ltr, .auction_bg .ltr, .auction-bg .ltr {color:#999 !important;}
.white_bg {background-color:#fff !important;}
.tint_bg {background-color:rgba(0,0,0,0.02) !important;}
.white2yellow_bg {background:#FBFCE6 url(/images/bg_white2yellow.gif) repeat-x;}
.white2gray_bg {background:#ededdd url(/images/bg_white2gray.gif) repeat-x;}
.white2palegreen_bg {background:#EAF69D url(/images/bg_white2palegreen.gif) repeat-x;}
.blue2white_bg {background:#fff url(/images/bg_blue2white.gif) repeat-x 0 27px;}
.white2green_bottom_bg {background:transparent url(/images/bg_white2green.gif) repeat-x 0 105%;}
.beige2green_bg {background:#FFFBD7 url(/images/gradient_bottom_green.png) repeat-x 0 bottom !important;}
.lcyan2cyan_bg {background:#dcfafb url(/images/gradient_bottom_cyan.png) repeat-x 0 bottom !important;}
.white_alpha_bg {background:url(/images/bg_gradient_top_white.png) repeat-x 0 top !important;}
.white_alpha2_bg {background:url(/images/bg_gradient_top_white2.png) repeat-x 0 top !important;}
.white_alpha3_bg {background:url(/images/bg_gradient_top_white3.png) repeat-x 0 top !important;}
.lightblue_gr {background:url(/images/gradient_lightblue.png) repeat-x;}
.vline {display:inline-block; margin:0 12px; border-left:1px solid rgba(0,0,0,0.15); height:18px; vertical-align:middle;}
.notebox {margin:10px 0 20px; padding:10px 15px; border:1px solid #dcdbce; background-color:#FFFCDB;}
.gradient_lgray {background-color:#dcdbce; background:-moz-linear-gradient(top, #f9f9ef, #dcdbce); background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9ef), to(#dcdbce)); background-image: -webkit-linear-gradient(top, #ffffff, #dcdbce); background-image: -o-linear-gradient(top, #f1f1ef, #dcdbce); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1ef', endColorstr='#A07654')"; background-image: -ms-linear-gradient(top, #f1f1ef, #dcdbce);}
.no-shadow {box-shadow:none !important;}
.hovernote {display:none; position:absolute; left:20px; top:5px; width:200px; padding:10px; background-color:#fbfcb4; border:1px solid #fef693; text-align:left; box-shadow:0 2px 4px rgba(0,0,0,0.15);}
.hovernote.right {right:20px; left:auto;}
.attach:hover .hovernote {display:block;}
.chevron {display:inline-block; vertical-align:middle; width:0; height:16px; margin:0 10px; border-right: 1px solid #aaa; transform:rotate(20deg);}
span.bubble {display:inline-block; vertical-align:middle; margin-left:8px; padding:1px 6px 0; min-width:7px; line-height:18px; font-weight:normal !important; text-align:center; color:#fff; font-size:12px; border-radius:12px;}
span.bubble.larger {padding:2px 18px; line-height:25px; font-size:15px; border-radius:15px;}
span.bubble.green {background-color:#7dbe16;}
span.bubble.red {background-color:#de0025;}
span.bubble.orange {background-color:#f56e01;}
span.bubble.blue {background-color:#2b8dd4;}
span.bubble.brightblue {background-color:#1b9fff;}
span.bubble.purple {background-color:#a848b3;}
.divider:before {content:"|"; color:#555; opacity:0.5; padding:0 10px; font-size:15px;}

/* highlighting */
@keyframes highlight {
  0% {outline:2px solid rgba(255,165,0,0);}
  6% {outline:2px solid orange;}
  8% {outline:2px solid rgba(255,165,0,0.4);}
  10% {outline:2px solid orange;}
  12% {outline:2px solid rgba(255,165,0,0.4);}
  14% {outline:2px solid orange;}
  16% {outline:2px solid rgba(255,165,0,0.4);}
  18% {outline:2px solid orange;}
  20% {outline:2px solid rgba(255,165,0,0.4);}
  25% {outline:2px solid orange;}
  40% {outline:2px solid orange;}
  75% {outline:2px solid transparent;}
  100% {outline:0 solid transparent;}
}

.highlight-section {animation:highlight 12s;}

/* highlighting */
@keyframes flashbg {
  0% {background-color:var(--bs-alert-bg);}
  6% {background-color:#f8dfb9;}
  8% {background-color:var(--bs-alert-bg);}
  10% {background-color:#f8dfb9;}
  12% {background-color:var(--bs-alert-bg);}
  14% {background-color:#f8dfb9;}
  16% {background-color:var(--bs-alert-bg);}
  18% {background-color:#f8dfb9;}
  20% {background-color:var(--bs-alert-bg);}
  25% {background-color:#f8dfb9;}
  40% {background-color:#f8dfb9;}
  75% {background-color:var(--bs-alert-bg);}
  100% {background-color:var(--bs-alert-bg);}
}

.flash-bg {animation:flashbg 12s;}
/* ph loader */
.loader {position:absolute; left:calc(50% - 6px); top:calc(50% - 14px); font-size:11px; color:#57bbcc; background:#57bbcc; animation:escaleY 1s infinite ease-in-out; animation-delay:-0.16s;}
.loader, .loader:before, .loader:after {border-radius:0.5em; width:0.8em; height:2.5em;}
.loader:before, .loader:after {content:''; position:absolute; top:0; left:1.5em; animation:escaleY 1s infinite ease-in-out;}
.loader:before {color:#3c8c96; background:#3c8c96;}
.loader:after {color:#65ba68; background:#65ba68;}
.loader:before {left:-1.5em; animation-delay:-0.32s;}
@keyframes escaleY {
    0%, 65%, 100% {box-shadow:0 0; height:2.5em;}
    30% {box-shadow:0 -0.75em; height:3.25em;}
}
/* loading spinner */
.spinner, .simplemodal-container:after, .button-loading:after {content:" "; display:block; height:50px; width:50px; position:absolute; z-index:-1; left:50%; top:50%; margin-top:-25px; margin-left:-25px; -webkit-animation:rotation .6s infinite linear; -moz-animation:rotation .6s infinite linear; -o-animation:rotation .6s infinite linear; animation:rotation .6s infinite linear; border:2px solid rgba(0,0,0,0.1); border-top-color:rgba(0,0,0,0.5); border-radius:100%;}
.spinner.white {border-color:rgba(255,255,255,0.3) !important; border-top-color:#fff !important;}
.spinner.small, .spinner.tiny, .button-loading:after {display:inline-block; vertical-align:middle; height:25px; width:25px; position:static; margin:0 !important; border-width:1px !important;}
.spinner.tiny {height:20px; width:20px; margin-top:-10px; margin-left:-10px;}
.button-loading:after {margin-left:15px !important; border:2px solid rgba(255,255,255,0.4); border-top-color:rgba(255,255,255,1);}
.simplemodal-container.no-spinner:after {display:none;}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}
@-moz-keyframes rotation {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);}}
@-o-keyframes rotation {from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);}}
@keyframes rotation {from {transform: rotate(0deg);} to {transform: rotate(359deg);}}
/* loading overlay */
#load, .load {display:none; position:fixed; z-index:9999; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; width:100% !important; height:100% !important; background:rgba(255,255,255,0.5);}
.load {display:block;}
/* panels */
.pnl {position:relative; z-index:1; *zoom:1; margin:10px 0; border:1px solid #e1e1e1; border-radius:2px; box-shadow:0 1px 1px rgba(0,0,0,0.07);}
.pnl_alert {width:500px; min-height:180px; margin:50px auto 0 !important; padding:60px 40px; box-shadow:0 10px 50px rgba(0,0,0,0.2); text-align:center; border:0; border-radius:10px;}
.pnl_alert h1 {color:#222 !important;}
.error {align-self:flex-start;/* negate flex height*/ margin-top:100px; background:url(/images/icon-alert-color.svg) no-repeat 50% 50px; background-size:47px auto; padding:100px 40px 60px;}
.maint {display:none; margin-top:100px; background:url(/images/icon_maint_lg.png) no-repeat 50% 50px; padding-top:100px;}
.pnl_alert p {font-size:14px; line-height:21px; padding:4px 0 8px;}
/* new alert messages */
.notification {margin:20px 0; padding:15px; background-color:#fef9dd; box-shadow:0 1px 2px rgba(0,0,0,0.2); border-radius:5px; color:#777;}
.notification.lg {padding:30px;}
.notification:before {display:inline-block; vertical-align:middle; font-family:openherd, sans-serif; margin-right:5px; font-size:18px;}
.notification.lg:before {margin-right:20px; font-size:32px;}
.notification.success {text-align:right;}
.notification.success:before {content:"\e923"; color:#58b30f; font-weight:bold;}
.notification.error {text-align:right; color:#ff6c01;}
.notification.error:before {content:"\e937"; color:#ff6c01;}
.notification.info {background-color:#ecf6fb;}
.notification.info:before {content:"\e953"; color:#0b9bff;}
.notification.warning {text-align:right; background-color:#ffeed3; color:red;}
.notification.warning:before {content:"\e937"; color:red;}
.notification h2, .notification h3 {margin-top:0;}
.notification p {padding:0;}
/* icon alerts */
.notification-bell {display:inline-block; transition:all 0.3s ease; transform-origin:center;}
.notification-bell:hover {cursor:pointer;}
.bell-dot {position:absolute; top:-7px; right:7px; width:8px; height:8px; background-color:#ff3b2f; border-radius:50%;}
 @keyframes shake {
     0%, 100% {transform:rotate(0deg);}
     20% {transform:rotate(-10deg);}
     40% {transform:rotate(10deg);}
     60% {transform:rotate(-8deg);}
     80% {transform:rotate(8deg);}
}
.shake {animation:shake 0.6s ease-in-out; color:#fff !important; filter:drop-shadow(0 0 12px rgba(255,255,255,0.6)); text-shadow:0 0 15px rgba(255,255,255,0.6); z-index:10; position:relative;}
.sound-blocked {opacity:0.7; filter:grayscale(50%); transition:all 0.3s ease;}
.sound-blocked:hover {opacity:1; filter:none; color:#fff !important; text-shadow:0 0 10px rgba(255,255,255,0.6);}
.truncate-2 {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.mark-read-notification:hover {color:green !important;}
.mark-read-notification:hover::before {content:"\f26a"; font-family:"Bootstrap Icons";}
/* Prevent notification item from getting Bootstrap dropdown focus styling when check icon is clicked */
.notification-item:active, .notification-item:focus, .notification-item.active, .notification-item.focus {background-color:transparent !important; color:inherit !important; outline:none !important; box-shadow:none !important;}
#notification-bell:before {font-size:1.2rem;}
/* merge below into styles above */
.site_alert, .site_info {margin:20px 0 20px; padding:15px 30px 15px 65px; font-size:13px; line-height:16px; font-family:'helvetica neue', helvetica, arial, sans-serif; color:#555; box-shadow:0 1px 2px rgba(0,0,0,0.2); border-radius:5px;}
.site_alert {background:#fef9dd url(/images/icon-alert-color.svg) no-repeat 15px 50%; background-size:36px auto;}
.site_alert.sml, .site_info.sml {background-size:20px auto; padding:15px 30px 15px 45px; background-position:15px 15px;}
.site_info {background:#e2f4fc url(/images/icon-info-color.svg) no-repeat 15px 20px;}
.site_alert h3 {margin-top:0 !important; font-weight:normal; font-size:18px; line-height:21px;}
#help_alert {display:none; margin:10px 0 20px; padding:10px 20px;}
#help_alert h2 {margin:10px 0 !important;}
.xclose {position:absolute; right:4px; top:3px;}
.site-alert-arrow {position:absolute; bottom:-14px; -ms-transform:rotate(45deg); transform:rotate(45deg); width:24px; height:24px; background-color:#fef9dd; border-width:0 1px 1px 0; border-style:solid; border-color:#dfdfdf;}
.site_info .site-alert-arrow {background-color:#e2f4fc; border-color:#dfdfdf;}
.site-alert-arrow.sml {width:18px; height:18px; bottom:-8px;}
.site-alert-arrow.top {bottom:auto; top:-14px; -ms-transform:rotate(-135deg); transform:rotate(-135deg); border-color:#e7e7e7;}
.site-alert-arrow.sml.top {top:-8px;}
/* sub-tabs */
.subtabs {position:relative; z-index:2; margin:20px 0;}
.subtabs > ul {display:flex; align-items:center; gap:15px; flex-wrap:wrap;}
.subtabs > ul > li, .subtabs ul.rtsUL > li {position:relative; z-index:9996;}
.subtabs > ul > li > a, .subtabs ul li a.rtsLink {display:block; min-width:90px; width:max-content; height:35px; font-size:17px; line-height:20px; text-align:center; color:#777; border-bottom:4px solid rgba(255,255,255,0);}
.subtabs > ul > li:hover > a {border-bottom-color:#ccc; text-decoration:none; color:#333;}
.subtabs > ul > li.selected > a, .subtabs > ul > li.selected > a:hover, .subtabs > ul > li > a.active, .subtabs > ul > li > a.active:hover, .subtabs ul li a.rtsSelected {border-bottom-color:#f50a50; text-decoration:none; color:#333;}
.subtabs ul li .subtabs-submenu {position:absolute; z-index:9998; top:27px; margin-left:-1px; visibility:hidden; opacity:0; width:200px; box-shadow:0 4px 8px -2px rgba(0,0,0,0.4); transition:opacity 0.1s ease; padding:10px; background:#fff;}
.subtabs ul li:hover .subtabs-submenu {visibility:visible; opacity:1;}
.subtabs ul li ul.submenu li a {display:block; padding:10px 7px; font-size:14px;}
.subtabs ul li:hover .subtabs-submenu .lcat:first-child {border-top:none !important;}
.subtabs ul li:hover .subtabs-submenu .lcat:last-child {border-bottom:none !important;}
.subtabs_options {background-color:#f2f2f2; padding:8px 10px;}


/* ||||| Icons ||||| */
h2 .ficon {margin:0 5px;} /* detail page titles */
h2 .ficon.md {margin:0 1px;} /* detail page titles */
/* svg icons */
.icon_mypen {width:33px; height:32px; background:url(/images/icon-mypen-color.svg) no-repeat 50% 50%;}
.icon_cart {width:34px; height:32px; background:url(/images/icon-cart.svg) no-repeat 50% 50%;}
.icon_message {width:32px; height:32px; background:url(/images/icon-message-color.svg) no-repeat 50% 50%;}
.icon-multisync {width:28px; height:28px; background:url(/images/icon-multisync-color.svg) no-repeat 50% 50%; background-size:100% auto;}
.icon-google {width:18px; height:18px; background:url(/images/icon-google.svg) no-repeat 50% 50%; background-size:100% auto;}
.icon-google.md {width:28px; height:28px;}
.icon-sign-alert {width:20px; height:20px; background:url(/images/icon-alert-color.svg) no-repeat center top; background-size:100% auto;}
.icon-sign-alert.md {width:28px; height:28px;}


/* ||||| Modals ||||| */
body.modal_email {background:#fff;}
.modal_email #email input[type=text] {box-sizing:border-box;}
.modal_email #email textarea, .modal_email #email textarea:focus {width:100%; height:170px; padding:10px; box-sizing:border-box; border-radius:0 !important; border-width:1px 0 !important; resize:none; background-color:#fff !important;}
.modal_email #email table td {padding:3px 0;}
.modal_email #email table td:first-child {padding-left:10px; padding-right:5px;}
.modal_email #captcha {margin:10px 10px 0 0;}
.modal_email #captcha #googleRecaptcha {margin-bottom:10px;}
.modal_email #captcha div {display:inline-block;}
.modal_email #btn_Submit {display:inline-block; vertical-align:bottom; margin:0 0 4px 10px;}


/* ||||| Modal ||||| */
#slideshow, #cboxOverlay, #cboxWrapper, #simplemodal-overlay, #ob_overlay {position:absolute; top:0; left:0; z-index:9999 !important; overflow:hidden; outline:none; height:100%; width:100%;}
#simplemodal-overlay, #ob_overlay {position:fixed; background:rgba(0,0,0,0.6);}
.simplemodal-container {z-index:9999 !important; background:#fff; overflow:hidden; box-shadow:0 5px 30px rgba(0,0,0,0.3); border-radius:10px; max-width:calc(100% - 40px); max-height:calc(100% - 40px);}
 /* onboarding modals */
.simplemodal-container.onboard, .simplemodal-container.checkout {position:fixed; width:600px; left:calc(50% - 300px); top:110px !important; max-height:calc(100% - 150px) !important; overflow:auto;}
.simplemodal-container iframe {background:#fff; width:100% !important; overflow:scroll !important;}
.simplemodal-container.page-sticker {position:absolute; z-index:9996 !important; min-width:auto !important;}

@media screen and (max-width:640px) {
    .simplemodal-container {min-width:90% !important;}
}

@media screen and (max-width:590px) {
    .simplemodal-container.onboard, .simplemodal-container.checkout {left:20px; max-width:calc(100% - 40px) !important;}
}

@media screen and (max-width:480px) {
    .simplemodal-container, .simplemodal-container.onboard, .simplemodal-container.checkout {right:20px !important; left:20px !important; max-width:calc(100% - 40px) !important;}
}

@media screen and (min-width:591px) and (max-width:640px) {
    .simplemodal-container.onboard, .simplemodal-container.checkout {left:20px; width:calc(100% - 40px) !important;}
}


/* ||||| Photos ||||| */
/* default photos */
.no_photo {position:relative; z-index:1; width:100%; background-color:#e5e5e5; height:0; padding-top:100%;}
.no_photo:after {position:absolute; top:0; display:block; width:100%; height:100%; content:""; background-position:50% 50%; background-repeat:no-repeat; background-size:80% auto;}
/* sizes */
.t_photo_sml .no_photo, .d_photo_sml .no_photo {width:80px; padding-top:110%;} /* 80px thumbs */
.t_photo_sml .no_photo:after, .d_photo_sml .no_photo:after {background-size:90% auto;} /* 80px thumbs */
.profile {position:absolute; display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
.alpaca.profile, .alpaca .no_photo:after, .alpaca .icon_animal {background-image:url(/images/icon-animal-alpaca.png); opacity:0.2;}
.bird.profile, .bird .no_photo:after, .bird .icon_animal {background-image:url(/images/icon-animal-bird.png); opacity:0.2;}
.bison.profile, .bison .no_photo:after, .bison .icon_animal {background-image:url(/images/icon-animal-bison.png); opacity:0.2;}
.camel.profile, .camel .no_photo:after, .camel .icon_animal {background-image:url(/images/icon-animal-camel.png); opacity:0.2;}
.cat.profile, .cat .no_photo:after, .cat .icon_animal {background-image:url(/images/icon-animal-cat.png); opacity:0.2;}
.cattle.profile, .cattle .no_photo:after, .cattle .icon_animal {background-image:url(/images/icon-animal-cattle.png); opacity:0.2;}
.chicken.profile, .chicken .no_photo:after, .chicken .icon_animal {background-image:url(/images/icon-animal-chicken.png); opacity:0.2;}
.chinchilla.profile, .chinchilla .no_photo:after, .chinchilla .icon_animal {background-image:url(/images/icon-animal-chinchilla.png); opacity:0.2;}
.deer.profile, .deer .no_photo:after, .deer .icon_animal {background-image:url(/images/icon-animal-deer.png); opacity:0.2;}
.dog.profile, .dog .no_photo:after, .dog .icon_animal {background-image:url(/images/icon-animal-dog.png); opacity:0.2;}
.donkey.profile, .donkey .no_photo:after, .donkey .icon_animal {background-image:url(/images/icon-animal-donkey.png); opacity:0.2;}
.duck.profile, .duck .no_photo:after, .duck .icon_animal {background-image:url(/images/icon-animal-duck.png); opacity:0.2;}
.emu.profile, .emu .no_photo:after, .emu .icon_animal {background-image:url(/images/icon-animal-emu.png); opacity:0.2;}
.goat.profile, .goat .no_photo:after, .goat .icon_animal {background-image:url(/images/icon-animal-goat.png); opacity:0.2;}
.goose.profile, .goose .no_photo:after, .goose .icon_animal {background-image:url(/images/icon-animal-goose.png); opacity:0.2;}
.guineafowl.profile, .guineafowl .no_photo:after {background-image:url(/images/icon-animal-guineafowl.png); opacity:0.2;}
.horse.profile, .horse .no_photo:after, .horse .icon_animal {background-image:url(/images/icon-animal-horse.png); opacity:0.2;}
.llama.profile, .llama .no_photo:after, .llama .icon_animal {background-image:url(/images/icon-animal-llama.png); opacity:0.2;}
.miniature.cattle.profile, .miniature.cattle .no_photo:after, .miniature.cattle .icon_animal {background-image:url(/images/icon-animal-miniature-cattle.png); opacity:0.2;}
.miniature.horse.profile, .miniature.horse .no_photo:after, .miniature.horse .icon_animal {background-image:url(/images/icon-animal-miniature-horse.png); opacity:0.2;}
.mule.profile, .mule .no_photo:after, .mule .icon_animal {background-image:url(/images/icon-animal-mule.png); opacity:0.2;}
.ostrich.profile, .ostrich .no_photo:after, .ostrich .icon_animal {background-image:url(/images/icon-animal-ostrich.png); opacity:0.2;}
.paco-vicuna.profile, .paco-vicuna .no_photo:after, .paco-vicuna .icon_animal {background-image:url(/images/icon-animal-pacovicuna.png); opacity:0.2;}
.peafowl.profile, .peafowl .no_photo:after, .peafowl .icon_animal {background-image:url(/images/icon-animal-peafowl.png); opacity:0.2;}
.swine.profile, .swine .no_photo:after, .swine .icon_animal, .pig.profile, .pig .no_photo:after, .pig .icon_animal  {background-image:url(/images/icon-animal-pig.png); opacity:0.2;}
.quail.profile, .quail .no_photo:after, .quail .icon_animal {background-image:url(/images/icon-animal-quail.png); opacity:0.2;}
.rabbit.profile, .rabbit .no_photo:after, .rabbit .icon_animal {background-image:url(/images/icon-animal-rabbit.png); opacity:0.2;}
.reptile.profile, .reptile .no_photo:after, .reptile .icon_animal {background-image:url(/images/icon-animal-reptile.png); opacity:0.2;}
.sheep.profile, .sheep .no_photo:after, .sheep .icon_animal {background-image:url(/images/icon-animal-sheep.png); opacity:0.2;}
.swan.profile, .swan .no_photo:after, .swan .icon_animal {background-image:url(/images/icon-animal-swan.png); opacity:0.2;}
.turkey.profile, .turkey .no_photo:after, .turkey .icon_animal {background-image:url(/images/icon-animal-turkey.png); opacity:0.2;}
.yak.profile, .yak .no_photo:after, .yak .icon_animal {background-image:url(/images/icon-animal-yak.png); opacity:0.2;}
.no_photo.generic:after {background-image:url(/images/icon_camera_lg.png); background-size:40%; opacity:0.2;} /* add class "animal" to all animal listsings */


/* ||||| Input ||||| */
/* Jquery combo box - dropdown with images (awards modal)*/
.dd .ddTitle {overflow:hidden; height:23px; color:#444;}
.dd .ddTitle span.arrow {display:none;}
.dd .ddTitle span.ddTitleText {overflow:hidden; line-height:25px;}
.dd .ddTitle img.selected {padding:0 3px 0 0; vertical-align:top;}
.dd .ddChild {position:absolute; left:-2px; top:0; border:1px solid #a5a5a5; border-color:#cacaca #b8b8b8 #a5a5a5 #bfbfbf; border-radius:5px; box-shadow:0 4px 25px rgba(0,0,0,0.25); padding:4px 0; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#eef0f0; font-size:15px;} /* match Chrome */
.dd .ddChild a {display:block; padding:2px 0 2px 8px; text-decoration:none; color:#444; overflow:hidden; white-space:nowrap; cursor:default;}
.dd .ddChild a:hover, .dd .ddChild a.selected {background-color:#4598ff; color:#fff;} /* match Chrome */
.hidden {display:none;}
/* end combo */
.slide-toggle .off {position:relative; z-index:1; box-shadow:0 1px 5px rgba(0,0,0,0.3) inset; background:#b8b6b2 !important;}
.slide-toggle .on {position:relative; z-index:2; margin:0 -5px;}
.slide-toggle .on:hover {color:#fff;}
/* modal overlay */
.input_specialsearch {width:445px; height:24px; font-size:15px; padding:4px 5px; border:1px solid #8E8D81; border-top:1px solid #6E6D5E;}
input.inactive, select.inactive {border-color:#D0D0D0 !important; background:#fff !important; color:#8C8D8D;}
/* Live search box results */
.ac_results {border:1px solid #7F7F7F; border-top:none; background:#fff; padding-bottom:5px; overflow:hidden; z-index:9999; -moz-box-shadow:0 4px 10px rgba(0, 0, 0, 0.65); -webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.65); box-shadow:0 4px 10px rgba(0, 0, 0, 0.65);}
.ac_results ul {width:1000px; overflow:hidden;}
.ac_results li {padding:5px 0 5px 5px; cursor:default; display:block; overflow:hidden; font-size:12px; font-family:arial;}
.ac_odd {background-color:#fff;}
.ac_over {background-color:#1472BA; color:#fff;}
/* edit-in-place */
.editable {border-bottom:1px dashed #ccc; padding-bottom:4px;}
.editable .input-caption {width:calc(100% - 16px); margin-bottom:8px;}
#es_wrapper .editable .input-caption {width:calc(100% - 10px);}
.editable .button, .editable .button:hover, .editable .button:active {padding:1px 5px 2px; height:24px; min-width:40px; margin:0 5px 5px 0;}

/* end copy of base.css */


/* begin original openherd.css */
h4.category {margin:10px 0 8px; padding-bottom:2px; border-bottom:1px solid rgba(0,0,0,0.15);}

.modal_title {padding:15px 30px; transition:box-shadow 0.2s ease; font-weight:300;}
.scroll .modal_title {box-shadow:0 1px 5px rgba(0,0,0,0.15); position:relative; z-index:2;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.6; z-index:9998;}
/* unsupported browser alert */
#browser-alert {background:#f7f7f7; margin:30px; padding:20px; border-radius:15px; box-shadow:0 1px 3px rgba(0,0,0,0.2); border:1px solid red;}
#browser-alert h1 {margin:0 0 10px;}
#browser-alert ul.browsers li {font-size:18px;}
#browser-alert ul.browsers li img {width:60px; height:auto; margin-right:10px;}


/* ||||| Old Site Nav ||||| */
#nav {position:sticky; z-index:9998; top:0; left:0; width:100%; height:65px; transition:box-shadow 0.8s ease;}
.scroll #nav {box-shadow:0 2px 3px rgba(0,0,0,0.2);}
#nav_outer {position:absolute; top:0; right:0; bottom:0; left:0; max-width:none !important;}
#nav_inner {height:65px; margin:0 auto; text-align:justify; transition:all 0.1s ease-out 0s;} /* copied from main2.css */
#nav ul#main-nav {height:100%; width:auto; display:flex; justify-content:space-between; align-items:center; padding:0;}
#nav ul .left-tabs {margin-right:auto;}
#nav ul li {list-style:none; white-space:nowrap;}
#nav ul li.main-nav-li {font-family:'Open Sans', sans-serif; color:#fff;}
#nav ul li.main-nav-li .icon-tiles:before {font-size:24px; vertical-align:-.22em;}
#nav ul #topNavigationContainer {margin-left:-0.25em;}
#nav ul li#li_modules, #nav ul li#li_modules * {cursor:pointer !important;}
#nav ul li#li_modules #modules-label {max-width:21vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px;}
#nav ul li#li_modules .bi-chevron-down:before {font-size:1rem !important; color:#ddd;}
#nav ul li#li_modules img.module-icon {width:25px;}
#nav ul li a.nav-link i {margin-right:0.5rem;}
#nav ul li a.nav-link i:before {color:#ddd !important;}
#nav ul li a.nav-link i.icon-cart:before {font-weight:bold !important; vertical-align:-.08em;}
#nav ul li a.tab {display:block; padding:0 12px; height:65px; color:#fff; font-size:16.5px; line-height:61px; white-space:nowrap; text-decoration:none;}
#nav ul li a.tab:hover, #nav ul li a.tab.hover, #nav ul li a.tab:active, #nav ul li a.tab.active {color:rgba(255,255,255,0.85); text-decoration:none;}
#nav ul li a.tab:hover .icon_lock_wire2 {opacity:0.7;}
#nav ul li.logo {flex-basis:180px; flex-grow:0; flex-shrink:0; transition:flex-basis 0.3s ease; margin-left:auto; position:absolute; top:-1px; left:calc(50% - 90px); height:66px; width:180px;}
#nav ul li.logo a.tab {text-indent:-9999px; width:100%; padding:0; background:url(/images/identity/ph-logo-app.png?v=eiHC3iKhemYqvZWtd4xz6geD_TI&v=2) no-repeat center; background-size:90% auto;}
#nav ul li.last a.tab {padding:0;}
#menu_wrap li.last {position:absolute; right:90px;}
#menu_wrap li.last .tab_body {padding:10px 20px; border-radius:4px; font-size:16px; margin:0 -15px 0 0; line-height:65px; background:#3093ec; background:linear-gradient(#28a2f3, #3093ec); background-image:-ms-linear-gradient(#28a2f3, #3093ec); white-space:nowrap;}
#menu_wrap li.last a:hover {color:#fff !important;}
/* hamburger */
#nav ul li#li_membernav {display:none; cursor:pointer;}
#nav ul li#li_membernav:after {display:inline-block; position:relative; top:-1px; vertical-align:middle; width:26px; height:26px; margin:10px 0; font-family:openherd; font-size:26px; line-height:26px; content:"\e905"; color:#fff; padding-left:1px;}
/* #nav ul li#li_modules {padding:9px 10px; border:1px solid rgba(255,255,255,0.4); border-radius:5px; background:rgba(255,255,255,0.15); cursor:pointer;} */
/* nav auth */
#nav ul li#li_auth {position:relative; flex-grow:0; flex-shrink:0; white-space:nowrap;}
#nav ul li#li_auth a.tab {display:flex; align-items:center; justify-content:right; height:41px; line-height:41px; margin:12px 0; cursor:pointer; padding:0; border:1px solid rgba(255,255,255,0.4); border-radius:30px; background:#4f656a; margin-left:15px;}
#nav ul li#li_auth a.tab .tenant-name {display:inline-block; margin:0 10px 0 20px; font-size:14px; color:#fff; font-style:normal; max-width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* #nav ul li#li_auth a.tab:before {display:inline-block; content:"\e905"; margin-right:9px; font-family:openherd, sans-serif; font-size:18px; color:#fff;} tri-bar handle - removed 4-21-25 */
#nav ul li#li_auth a.tab span {display:inline-block; width:39px; height:39px; border-radius:50%; border:2px solid #f5f5f5; line-height:30px; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#fff;}
#nav ul li#li_auth a.tab span.no_logo:after {display:block; content:"\e9f1"; font-family:openherd, sans-serif; font-size:22px; line-height:34px; color:#999; font-weight:bold; text-align:center; cursor:pointer;}
/* new nav */
#nav ul li.cta-tab {margin:0 15px;}
#nav ul li.cta-tab .tab a, .oh-footer .action-button {white-space:nowrap; height:39px; font-size:16px; line-height:39px; border-radius:25px; background:#2e99f5; border:1px solid rgba(255,255,255,0.4); padding:0 20px;}
/* member tab */
#ac_menu {position:absolute; right:0; top:65px;}
/* drawer menu */
#menu-drawer {position:absolute; z-index:9998; right:0; width:280px; max-height:calc(100vh - 200px); background-color:#fff; text-align:left; box-shadow:0 4px 20px -3px rgba(0,0,0,0.5); overflow-y:scroll; border-radius:0 0 10px 10px; color:var(--bs-body-color);}
#menu-drawer .pad30 {padding:0;}
#menu-drawer .icon-x:before {font-size:22px;}

#menu-drawer #drawer-header {position:relative; text-align:right;}
#menu-drawer #drawer-header h6 {font-weight:600; letter-spacing:-0.5px; margin-bottom:0.25rem;}
#menu-drawer #drawer-header .account-email {font-size:0.8rem;}
#menu-drawer #drawer-header .icon-x {display:none;}
#menu-drawer #drawer-header .tenant-mb {display:none; height:33px; line-height:31px; border:1px solid #96a3a6; border-radius:30px; padding:0 15px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; background:rgba(82,107,113,0.7); margin-right:-4px;}
#menu-drawer #drawer-header #user-info {display:inline-block; font-size:16px; line-height:1.3em; max-width:220px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
#menu-drawer .icon_count {background-color:#9bc400; color:#fff; box-shadow:none; margin-left:8px; padding:1px 6px 2px; font-size:11px; font-weight:bold; position:static;}
#menu-drawer .pad20b.r {text-align:left !important; padding:10px 30px 30px;}
#menu-drawer ul {padding:0;}
#menu-drawer ul li {display:block; float:none !important; border:none; font-family:'Open Sans', sans-serif; padding:0;}
.no-pointerevents #menu-drawer ul li#show-save-buttons, .no-pointerevents #show-edit-buttons {display:none !important;}
#menu-drawer ul li a {display:block; font-size:15px; line-height:18px; padding:5px 10px !important; border:none !important; cursor:pointer; color:#444; border-radius:5px;}
#menu-drawer ul li a:hover {text-decoration:none; background:#f5f5f5;}
#menu-drawer .ficon {font-size:inherit !important;}
#menu-drawer .ficon:before, #menu-drawer .bi:before {width:21px; text-align:center; margin-right:10px; color:#555; font-weight:bold; font-size:18px;}
#menu-drawer .rel-pages {padding:15px 0 30px; border-top:1px solid #ddd; margin-top:15px;}
#menu-drawer .rel-pages.margin0 {padding:15px 0;}



/* ||||| Footer ||||| */
.oh-footer {position:fixed; z-index:9999; left:0; bottom:0; width:100% !important; min-height:auto !important; padding:0 !important;}
.oh-footer-min, .oh-footer-max {position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; background:#fff; box-shadow:0 -2px 3px rgba(0,0,0,0.1); font:13px/18px 'Open Sans', sans-serif; overflow:hidden;}
.oh-footer-min {padding:10px 50px;}
.oh-footer-min .vline {margin:0 5px;}
.oh-footer-max .oh-footer-inner {padding:0 50px;}
.oh-footer-max {border-radius:15px 15px 0 0; z-index:2; height:auto; opacity:0; box-shadow:0 -2px 15px rgba(0,0,0,0.3); max-height:75vh;}
.oh-footer-max .footer-toggle {text-align:right;}
.oh-footer-max .oh-footer-inner {overflow:scroll; max-height:75vh; box-sizing:border-box;}
.oh-footer-min .oh-footer-inner, .oh-footer-max .oh-footer-inner .oh-footer-content {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.oh-footer-max .oh-footer-inner .oh-footer-content {padding:20px 0;  align-items:start; column-gap:20px;}
.footer-toggle.ficon:before {font-size:16px; line-height:20px; font-weight:bold !important;}
.footer-toggle-max {margin-top:-2px;}
.footer-toggle-min {position:absolute; right:20px; top:15px;}
.legal-links-wrapper {display:contents;}
.oh-footer-min .legal {order:1; flex:1; margin-right:auto;}
.oh-footer-min .get-started-mobile {order:2; display:none; justify-content:center; margin:0 20px;}
.oh-footer-min .site-links {order:3; flex:1; margin-left:auto; text-align:right;}
/* minimized footer */
.oh-footer-min a, .oh-footer a:hover {color:#555 !important;}
.oh-footer-min .site-links {font-size:14px; font-weight:600; color:#444; white-space:nowrap;}
.oh-footer-min .site-links a:hover {text-decoration:none !important; color:#222;}
.oh-footer .action-button {display:inline-block; height:30px; font-size:15px; line-height:28px; padding:0 30px; color:#fff !important;}
.oh-footer .action-button:hover {color:#fff !important; text-decoration:none !important;}
/* maximized footer */
.oh-footer-inner section {padding:20px 0; flex:1 1 280px;}
.oh-footer-inner h3 {font:18px 'Open Sans', sans-serif; font-weight:600 !important; margin:0 0 10px;}
.oh-footer ul li {font-size:14px; line-height:21px; padding-bottom:5px;}


/* ||||| Panels ||||| */
.pnl_hdr {height:50px; line-height:48px !important; margin:0; padding:0 20px; font-weight:normal;}
h2.pnl_hdr, h3.pnl_hdr {line-height:38px; font-size:17px; font-family:'Roboto', sans-serif;}
.pnl .pnl_hdr {position:relative; z-index:2; width:auto;}
.feature .pnl .pnl_hdr {height:50px; line-height:48px; font-size:16px; padding:0 15px;}
h3.pnl_hdr .ficon {height:52px; line-height:44px; margin-right:8px;}
h3.pnl_hdr .ficon:before {color:#fff; line-height:50px;}


/* ||||| Impersonation ||||| */
.btn-impersonate-off {border-radius:21px 0 0 21px; height:41px; width:55px; margin:0 -22px 0 5px; position:relative; z-index:0; text-align:left; padding-left:10px; animation-name:pulse1; animation-duration:3.5s; animation-iteration-count:infinite;}
@keyframes pulse1 {
    30% {background-color:#bb2d3b;}
    50% {background-color:#dc3545;}
}
.impersonating #nav ul li#li_auth a.tab {margin-left:0;}
.impersonating #nav ul li#cart-link {margin-right:15px;}


/* ||||| Responsive - for all pages ||||| */
@media screen and (max-width:991px) {
    #nav ul li#li_auth a.tab .tenant-name {display:none;}
    #menu-drawer #drawer-header .tenant-mb {display:inline-block;}
    .btn-impersonate-off {margin:0 -22px 0 5px;}
}
@media screen and (max-width:575px) {
    #nav ul li#li_membernav:after {width:24px; font-size:23px;}
    #nav ul li.logo {flex-basis:150px; width:150px; left:calc(50% - 75px);}
    .btn-impersonate-off {height:37px; width:51px; padding-left:8px;}
    #nav ul li#li_auth a.tab {height:37px; line-height:37px; margin:14px 0;}
    #nav ul li#li_auth a.tab span {width:35px; height:35px; line-height:28px;}
    #nav ul li#li_modules #modules-label {font-size:14px;}
    #nav ul li#li_modules .bi-chevron-down:before {font-size:0.9rem !important;}
    .mi {width:25px; height:25px;}
}
@media screen and (max-width:480px) {
    #nav ul li.logo {flex-basis:37px; width:37px; left:calc(50% - 18px);}
    #nav ul li.logo a.tab {background-position:left center; background-size:140px;}
}
@media screen and (max-width:640px) {
	#browser-alert {margin:20px;}
	#browser-alert h1 {font-size:26px;}
	#browser-alert ul.browsers li img {width:50px;}
}
@media screen and (max-width:480px) {
	#browser-alert h1 {font-size:22px;}
	#browser-alert ul.browsers li {font-size:16px;}
	#browser-alert ul.browsers li img {width:40px;}
    #nav ul .left-tabs.gap-4 {gap:1rem !important;}
}
@media screen and (max-width:400px) {
    #nav ul li#li_modules #modules-label {font-size:13px;}
}
@media screen and (max-width:320px) {
	#menu-drawer {width:100%; position:fixed;}
}
@media screen and (min-width:992px) {
    #nav ul li#li_modules #modules-label {font-size:16px;}
}
@media screen and (min-width:1561px) {
	#browser-alert {margin:30px 50px;}
}