/* input(196,124): run-time error CSS1035: Expected colon, found 'scaleX(' */

.copyright {position:fixed; bottom:0; width:100%; left:0; opacity:0.6; padding:0.25rem !important;}

/* Variables */
:root {
    --bs-custom-hover-color:#5d983a;
    --bs-custom-icon-hover-color:#2a6f00;
}

/* Global */
body {overflow:auto; height:100%; background:#f2f1f1 !important;}
html {overflow:hidden; height:100%;}

/* temp edits */
.section-nav {display:none;}

/* new styles */
.record-wrapper {padding:20px 40px;}
.account-input .readonly {padding-top:10px; padding-bottom:10px; color:#777;}
.ajax-upload-dragdrop {display:flex; align-items:center; gap:0 20px; box-sizing:border-box;}
.ajax-file-upload-error {margin:10px;}

/* onboarding */
body.onboard #nav ul li#li_membernav, body.onboard #nav ul li#li_auth {display:none !important;}
body.onboard #nav ul#main-nav {justify-content:space-around;}
body.onboard .site-alert {width:66.667%; margin:0 auto;}
membernav_wrapper {display:none !important;}
.onboarding-panel {position:relative; padding:12px 50px; background:#e1f4f9; border-radius:10px; border:1px solid #89bac6; font-size:15px; line-height:18px; color:#555;}
.onboarding-panel .ficon {margin-right:5px;}
.onboarding-panel .ficon:before {color:#69a75f; text-shadow: 0 0 0.5px #69a75f; font-size:28px;}
#content .nice-inputs .slick-inputs .validatorCalloutHighlight {border-color:red !important;}
.iti--fullscreen-popup.iti--container {z-index:9999;}

/* Add/Edit Health Record */
.list-group .doc-icon.bi::before {font-size:1.4rem;}
.doc-list .col-icon {min-width:45px; text-align:center;}
.doc-list .col-icon i.doc-icon {font-size:1.4rem;}
.doc-list .col-filename {word-break:break-all;}

/* Image edit */
.croppie-modal .modal-dialog {margin:0 auto;}
.croppie-modal .modal-body {background:#000 !important;}
iframe#frm-mod.cropper {display:block; margin:-55px auto 0; max-width:100%; height:calc(100% + 53px);}
.croppie-modal .modal-header {display:none;}

@media screen and (max-width:640px) {
    .record-wrapper {padding:20px;}
}

@media screen and (max-width:480px) {
    .account-onboarding .pad3 {padding:30px 15px;}
    .account-onboarding .buttons :not(.tier2-buttons) input[type=submit] {flex-basis:100% !important;}
    .onboarding-panel {padding:12px 10px; margin-top:0;}

    .nice-inputs .slick-inputs input[type="text"], .nice-inputs .slick-inputs input[type="password"], .nice-inputs .slick-inputs input[type=tel], .nice-inputs .slick-inputs input[type=number], .nice-inputs .slick-inputs input[type=email], .nice-inputs .slick-inputs .input, .nice-inputs .slick-inputs .dropdown-wrapper {margin:10px 0 !important;}
    .tier2-buttons {order:2;}
    .account-onboarding {padding:0 10px !important;}
    .onboarding-panel .ficon {left:12px !important;}
}


#footer {display:none;}
.account-main-col.cart-page, .account-main-col.auth-page {width:100%; margin-left:0;}
#account {margin:0 auto; box-sizing:border-box; max-width:1500px; padding:15px 50px 120px; transition:padding-top 0.3s ease;}
#account h1 {margin:10px 0; font-size:34px; font-weight:300;}

.ph-title-buttons {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:.5rem; margin-bottom:.5rem;}
.ph-title-buttons h1 {flex:1 1 0%; white-space:nowrap;}
.ph-top-buttons {display:flex; flex:1 1 0%; justify-content:end; align-items:center; gap:.5rem;}

.button_companion {line-height:34px;}
.sub-page-header {padding:30px 0 20px;}
.h2_buttons {margin:0 0 6px;}
h2.h2_buttons {margin-top:10px;}
.h2_wrapper {display:table; width:100%; margin-bottom:15px; min-height:33px;}
.h2_wrapper h2 {margin:0;}
.h2_wrapper h2, .h2_wrapper .h2_wrapper-cell {display:table-cell; vertical-align:middle; line-height:1em;}
h3 {font-family:Roboto, sans-serif; font-size:17px; font-weight:500;}
.breadcrumb {display:none;}
.pnl .gray_bg {background-color:#f5f5f5 !important;}
.input-section.admin-only {position:relative; border:2px dashed orange; margin-top:40px !important;}
.admin-only:after {position:absolute; right:0; top:-25px; content:"Admin"; width:70px; height:25px; background:orange; color:#fff; line-height:25px; text-align:center;}
/* Alerts */
.site_alert {margin:20px auto 0; box-shadow:0 1px 2px rgba(0,0,0,0.2); border-radius:8px; font-size:15px; box-sizing:border-box; min-height:80px;}
#account .site_alert {max-width:100% !important;} /* no responsive adjustments */
#main_ac .site_alert {max-width:100% !important; margin-left:auto !important; margin-right:auto !important;}
/* ios-style on/off slider */
.slide-switch {position:relative; display:inline-block; width:2.5em; height:1.2em; border-radius:1em; background-color:#2ca1ff; border:1px solid #008cea;}
.slide-switch:after {position:absolute; top:-1px; right:-1px; display:inline-block; content:""; width:1.2em; height:1.2em; border-radius:50%; background-color:#fff; border:1px solid #0b9bff; box-shadow:0 1px 5px rgba(0,0,0,0.25);}
.slide-switch.off {background-color:#ccc; border:1px solid #aaa;}
.slide-switch.off:after {left:-1px; right:auto; border-color:#bbb;}
.ficon.icon-map-pin:before {cursor:pointer;}
.account-input .easy-autocomplete {display:inline-block;}
.account-input .easy-autocomplete-container {top:37px; width:calc(100% - 4px);}
.gray_bg {background-color:#fff !important;}
.reverse_bg, .reverse_bg, .reverse_bg {background:rgba(0,0,0,0.03) !important;}
.no_photo {background-color:#fbfbfb;}
.sup.beta {color:#0c9aff !important;}
/* status bubbles */
span.bubble.status {width:60px; margin-left:0; padding:3px 15px; background-color:#888; color:#fff !important; border-radius:3px; line-height:21px;}
span.bubble.status.processing {background-color:#4ba5e0 !important;}
span.bubble.status.pending {background-color:#f39c12 !important;}
span.bubble.status.complete {background-color:#74bc59 !important;}
span.bubble.status.cancelled {background-color:#f74545 !important;}
.status .ficon.icon-check-md {margin-top:-1px;}
.status .ficon.icon-check-md:before {font-size:12px;}
/* notifications */
.bar-notification {display:none; left:0; z-index:9998; width:100%; padding:18px 25px 18px 15px; font-size:13px; color:#222; background:#fff; box-shadow:0 -3px 2px rgba(0,0,0,0.1);}
.bar-notification:before {float:left; font-family:openherd, sans-serif;  vertical-align:middle; font-size:18px;}
.bar-notification.success {border-top:3px solid #4fbb41;}
.bar-notification.success:before {content:"\e936"; color:#4fbb41;} /* checkmark */
.bar-notification.warning {border-top:3px solid #f7960d;}
.bar-notification.warning:before {content:"\e9bb"; color:#f7960d; font-size:22px;} /* triangle alert icon */
.bar-notification.error {color:#f74258; border-top:3px solid #f74258;}
.bar-notification.error:before {content:"\e937"; color:#f74258; font-size:21px;} /* exclamation icon */
.bar-notification .content {margin:0 10px 0 30px; line-height:16px;}
.bar-notification .content a {color:#222; text-decoration:underline;}
.bar-notification .close {position:absolute; top:5px; right:0; width:25px; height:25px; cursor:pointer; text-align:center;}
.bar-notification .close:before {font-family:openherd, sans-serif; content:"\e91a"; font-size:15px; line-height:25px; color:#222;}
/* tenant search */
#menu-drawer .tenant-search-results {border-top-left-radius:0; border-top-right-radius:0; margin-top:-8px; font-size:14px;}
#menu-drawer .tenant-search-results #tenant-list li {padding:3px 12px; border-radius:5px; font-size:13px; cursor: pointer;}
#menu-drawer .tenant-search-results #tenant-list li:hover {background-color:#f2f5ef;}
#menu-drawer .tenant-search-results #tenant-list li.selected, #menu-drawer .tenant-search-results #tenant-list li.selected:hover {background-color:#68a65f; color:#fff;}

/* Member Nav */
#app .transition {transition-duration:.15s; transition-property:width; transition-timing-function:cubic-bezier(.4,0,.2,1);}
#app .ease-in-out {transition-timing-function: cubic-bezier(.4,0,.2,1);}
nav.app-navbar {flex-direction:column; width:300px; background-color:#fff;}
#app .flex-1 {flex:1 1 0%;}
@media (min-width:768px) {
    #app .flex-md-1 {flex:1 1 0%;}
    #app .flex-md-0 {flex:0 0 auto;}
}
.transition-none {transition:none !important;}
.btn-account-nav-toggle {position:absolute; top:calc(50% - 17.5px); right:-12px; z-index:1050; width:22px; height:35px; line-height:0; padding:0; background:transparent; border:none;}
.btn-account-nav-toggle:after {content:""; position:absolute; top:0; right:0; width:12px; height:100%; background:#fff; border:1px solid #ccc; border-radius:0 7px 7px 0; border-left:none;}
.btn-account-nav-toggle i {position:relative; right:0; z-index:2;}
.btn-account-nav-toggle i:before {color:#777; font-size:0.9rem;}
.membernav_wrapper {position:relative; width:14rem !important; height:100%; font-size:1rem; background:#fff; transition:all 0.3s ease;}
/* desktop/all */
#membernav {height:100%; overflow-y:auto; -ms-overflow-style:none;  /* Internet Explorer 10+ */ scrollbar-width:none; /* Firefox */}
.admin #membernav {overflow:visible !important;}
#membernav::-webkit-scrollbar {width:16px; display:none; /* Safari and Chrome */}
#membernav::-webkit-scrollbar-thumb {background-color:#ccc; border:4px solid transparent; border-radius:8px; background-clip:padding-box;}
#membernav::-webkit-scrollbar-button {display:none;}
#membernav ul {padding:0 !important;}
#membernav ul li {display:block; position:relative; z-index:1049; /* lower than tooltips */ cursor:pointer;}
#membernav ul li a {display:flex; align-items:center; gap:0.5rem; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; color:#555; padding:.5rem .25rem .5rem .2rem; font-size:14px; line-height:18px; cursor:pointer;}
#membernav ul li a:hover, #membernav ul li a.active {cursor:pointer; color:var(--bs-custom-hover-color) !important;}
#membernav ul li a:hover .ficon {cursor:pointer;}
#membernav ul li a:hover .ficon:before, #membernav ul li a.active .ficon:before {color:var(--bs-custom-icon-hover-color); text-shadow:var(--bs-custom-icon-hover-color); cursor:pointer;}
#membernav ul li a:hover .bi:before, #membernav ul li a.active .bi:before {color:#6d9f4e; text-shadow:#6d9f4e; cursor:pointer;}
#membernav ul li.nav-section-break {margin-top:15px; padding-top:15px;}

/* desktop left menu
.membernav_wrapper.collapsed .btn-account-nav-toggle i:before {-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform scaleX(-1); transform:scaleX(-1); -ms-filter:fliph; filter:fliph;}
.membernav_wrapper.collapsed {width:4.375rem !important;}
#membernav ul .nav-section {display:none; flex-direction:column;}
.membernav_wrapper.collapsed #membernav ul .nav-section {padding:0.875rem 0;}
.membernav_wrapper.collapsed #membernav ul li a {flex-direction:column; font-size:11px; gap:0; letter-spacing:-0.2px;}
.membernav_wrapper.collapsed #membernav .membernav-sub.ficon, #membernav .membernav-sub.bi {flex:auto;}
.membernav_wrapper.collapsed #membernav [class*="bi-chevron-"] {display:none;}
.membernav_wrapper.expanded #membernav ul .nav-section {gap:.25rem; margin:0 0 1.2rem; padding:0.875rem;}
.membernav_wrapper.expanded #membernav ul li a {padding:.5rem; border:1px solid transparent;}
.membernav_wrapper.expanded #membernav ul li a.active {background-color:#f2f5ef; border:1px solid #eff2eb;}
.membernav_wrapper.expanded #membernav .ficon:before, .membernav_wrapper.expanded #membernav .bi:before {width:25px;}
.membernav_wrapper.expanded #membernav [class*="bi-chevron-"]:before {font-size:16px !important;}
#membernav .ficon, #membernav .bi {font-size:20px; line-height:20px; text-align:center; display:inline-block;}
#membernav .ficon:before, #membernav .bi:before {font-size:20px; line-height:20px; text-align:center; cursor:pointer; color:#000; text-shadow:0 0 0 #000;}
#membernav .bi:before {font-size:18px;color:#555; text-shadow:none; -moz-osx-font-smoothing:none; -webkit-font-smoothing:none;}
#membernav .ficon.icon-myherd:before {text-shadow:none;}
#dv_membernav_wrapper {display:none;}
#nav ul li#li_membernav {display:none !important;}
@media (max-width:767px) {
    .scroll #nav {box-shadow:none;}
    .content {flex-direction:column;}
    .membernav_wrapper {position:absolute; z-index:9997; box-shadow:0 0 1rem rgba(0,0,0,0.25);}
    .btn-account-nav-toggle {display:none;}
    #dv_membernav_wrapper {position:relative; display:block !important; width:100% !important; height:50px !important; border-right:0 !important; box-shadow:0 0 0.25rem rgba(0,0,0,0.25); transition:box-shadow 0.2s ease;}
    body:not(.scroll) #dv_membernav_wrapper {box-shadow:none !important;}
    #membernav {position:relative; height:50px !important; overflow-x:auto; overflow-y:hidden;}
    .membernav_wrapper #membernav ul {margin-bottom:0; height:100%;}
    #membernav ul .nav-section {position:relative; height:100%; flex-direction:row; padding:0 1rem !important; margin:0; gap:0.5em;}
    #membernav ul .nav-section:after {content:""; position:absolute; z-index:1050; right:0; top:0; height:calc(100% - 1px); width:20px; background:linear-gradient(90deg, transparent 0%, #fff 90%);}
    .membernav_wrapper.collapsed #membernav ul li .li-text {visibility:visible;}
    .membernav_wrapper #membernav ul li a {padding:.4rem 0 0 0; max-width:fit-content; min-width:40px;}
    .membernav_wrapper #membernav ul li:first-child a {min-width:auto;}
    .membernav_wrapper #membernav ul li:last-child {display:flex;}
    .membernav_wrapper #membernav ul li:last-child:after {display:block; height:100%; width:20px; content:"";}
    #membernav .ficon:before {font-size:18px; line-height:18px;}
} */


/* nav on top always */
.membernav_wrapper .btn-account-nav-toggle i:before {-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform scaleX(-1); transform:scaleX(-1); -ms-filter:fliph; filter:fliph;}
.membernav_wrapper {width:4.375rem !important;}
#membernav ul .nav-section {display:flex; flex-direction:row;}
.membernav_wrapper #membernav ul .nav-section {padding:0.875rem 0;}
.membernav_wrapper #membernav ul li a {flex-direction:column; font-size:11px; gap:0; letter-spacing:-0.2px;}
.membernav_wrapper #membernav .membernav-sub.ficon, #membernav .membernav-sub.bi {flex:auto;}
.membernav_wrapper #membernav [class*="bi-chevron-"] {display:none;}
#membernav .ficon, #membernav .bi {font-size:20px; line-height:20px; text-align:center; display:inline-block;}
#membernav .ficon:before, #membernav .bi:before {font-size:20px; line-height:20px; text-align:center; cursor:pointer; color:#000; text-shadow:0 0 0 #000;}
#membernav .bi:before {font-size:18px;color:#555; text-shadow:none; -moz-osx-font-smoothing:none; -webkit-font-smoothing:none;}
#membernav .ficon.icon-myherd:before {text-shadow:none;}
#dv_membernav_wrapper {display:none;}
#nav ul li#li_membernav {display:none !important;}
.scroll #nav {box-shadow:none;}
.content {flex-direction:column;}
.membernav_wrapper {position:absolute; z-index:9997; box-shadow:0 0 1rem rgba(0,0,0,0.25);}
.btn-account-nav-toggle {display:none;}
#dv_membernav_wrapper {position:relative; display:block !important; width:100% !important; height:50px !important; border-right:0 !important; box-shadow:0 0 0.25rem rgba(0,0,0,0.25); transition:box-shadow 0.2s ease;}
body:not(.scroll) #dv_membernav_wrapper {box-shadow:0 0 0.1rem rgba(0,0,0,0.25);}
#membernav {position:relative; height:50px !important; overflow-x:auto; overflow-y:hidden;}
.membernav_wrapper #membernav ul {margin-bottom:0; height:100%;}
#membernav ul .nav-section {position:relative; height:100%; flex-direction:row; padding:0 1rem !important; margin:0; gap:0.5em;}
#membernav ul .nav-section:after {content:""; position:absolute; z-index:1050; right:0; top:0; height:calc(100% - 1px); width:20px; background:linear-gradient(90deg, transparent 0%, #fff 90%);}
.membernav_wrapper #membernav ul li .li-text {visibility:visible;}
.membernav_wrapper #membernav ul li a {padding:.4rem 0 0 0; max-width:fit-content; min-width:40px;}
.membernav_wrapper #membernav ul li:first-child a {min-width:auto;}
.membernav_wrapper #membernav ul li:last-child {display:flex;}
.membernav_wrapper #membernav ul li:last-child:after {display:block; height:100%; width:20px; content:"";}
#membernav .ficon:before {font-size:18px; line-height:18px;}
/* end nav on top always */


@media (max-width:575px) {
    #membernav ul .nav-section {padding:0 1rem !important; gap:0.5em;}
}
@media (min-width:768px) {
    #dv_membernav_wrapper {border-bottom:0 !important;}
    #membernav ul li a {transition:width 0.2s ease; border-radius:8px;}
}
/* desktop left menu
@media (min-width:768px) {
    .membernav_wrapper .nav-section {display:block !important;}
} */



/* tooltips - not used on latest */
.tooltip.account-nav-link {display:block !important;}
.tooltip.account-nav-link .tooltip-inner {background-color:#fff !important; color:#444; box-shadow:0 2px 10px rgba(0,0,0,0.2); border:1px solid #d2d2d2; padding:0.5rem 0.75rem;}
.tooltip.account-nav-link .tooltip-arrow {width:10px; height:10px; transform:rotate(45deg) !important; background:#fff; border:1px solid #d2d2d2; border-width:0 0 1px 1px; z-index:1081; margin-top:14px; left:-5px;}
.tooltip.account-nav-link .tooltip-arrow:before {display:none;}
.membernav_wrapper.expanded + .tooltip {display:none !important;}
@media (pointer:coarse) and (min-width:768px) {
    .tooltip.account-nav-link.has-submenu {display:none !important;} /* hides tap > toolip on touch devices */
}
/* submenus */
#membernav .mn-submenu {margin:5px 0 5px 20px; border-left:2px solid #ebecee; padding-left:calc(0.5rem + 9px);}
#membernav .mn-submenu li a, #membernav .mn-submenu li strong {display:block; max-width:100%; text-decoration:none; color:#656565; transition:background-color 0.2s ease; padding:0.4rem .5rem; border-radius:5px; font-size:0.9rem; cursor:pointer; white-space:nowrap;}
.membernav_wrapper .mn-submenu li.submenu-heading {display:none !important;}
.membernav_wrapper.collapsed .mn-submenu li.submenu-heading {display:block !important;}
#membernav .mn-submenu li strong {display:flex; align-items:center; gap:8px; margin-top:0.5rem;}
#membernav .mn-submenu li strong .bi {margin-bottom:-0.25rem;}
#membernav .mn-submenu li a.active {color:var(--bs-custom-ficon-hover-color) !important;}
#membernav .mn-submenu li a:hover {}
#membernav .mn-submenu li a span {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* tippy submenus */
#membernav .tippy-box {background:#fff; border:1px solid #ccc; box-shadow:0 4px 10px rgba(0,0,0,0.2); border:1px solid #d2d2d2;}
#membernav .tippy-box .mn-submenu {padding:0; margin:5px 0 5px 0; border:none;}
/* mega menu */
#megaMenuModal {display:none; position:absolute; top:calc(100% - 8px); left:10px; width:320px; border:8px solid #eaede6; max-width:calc(100vw - 20px); max-height:calc(100vh - 70px); overflow-y:scroll; background:#fff; z-index:9999; box-shadow:0 4px 20px -3px rgba(0,0,0,0.5); border-radius:20px;}
/* #megaMenuModal:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1rem; background:linear-gradient(180deg, transparent 0%, rgba(255,255,255,1) 100%);} */
#megaMenuModal .modal-content {max-height:calc(100vh - 73px - 0.8rem);}
#megaMenuModal .modules-grid {grid-template-columns:repeat(auto-fit, minmax(100px, 1fr)); padding:2px; gap:0.5rem;}
#megaMenuModal .mm-item {position:relative;}
#megaMenuModal .mm-item a, #megaMenuModal .mm-item a:hover {height:95px; color:#555; border-radius:8px; text-decoration:none; transition:background-color 0.2s ease; padding-top:0.35rem; padding-bottom:0.5rem;}
#megaMenuModal .mm-item a:hover {background-color:#f2f5ef;}
#megaMenuModal .mm-item .mm-icon {height:2.5rem; width:2.5rem;}
#megaMenuModal .mm-item .mm-icon i {width:100%; height:100%;}
#megaMenuModal .mm-item a h6 {max-width:90%; overflow:hidden; text-overflow:ellipsis !important; white-space:nowrap; display:block !important; font-size:15px; line-height:18px; font-weight:400; text-align:center;}
#megaMenuModal .mm-item.highlighted a {background-color:#d8effc;}
#megaMenuModal .mm-item.highlighted a:hover {background-color:#cde6f5;}
#megaMenuModal .mm-item.new:before {position:absolute; right:8px; top:8px; content:"NEW"; text-align:center; border-radius:4px; padding:2px 8px; background-color:#1e7c83; color:#fff; font-size:10px; pointer-events:none;}
#megaMenuModal .mm-item.soon:before {position:absolute; left:0; bottom:4px; width:100%; content:"- Coming Soon -"; text-align:center; color:#999; font-size:10px; pointer-events:none;}
#megaMenuModal .mm-item a .bi-info-circle {display:none; position:absolute; right:0; bottom:2px; z-index:2; color:#777;}
#megaMenuModal .mm-item a:hover .bi-info-circle {display:block;}


/* My Herd */
td.herd-alerts .ficon {margin-right:3px;}
td.herd-alerts .icon-pictures span.t10 {margin-left:1.5px;}
@media (min-width:1025px) {
    td.herd-alerts .ficon {margin-right:5px;}
}
.paging-size, .paging-custom {flex-grow:1; flex-basis:0;}
.paging-size select {width:130px;}


/* Health Records */
/* Radio Scoring */
.score-radios {column-gap:10px;}
@media (max-width:1400px) {
    .score-radios {column-gap:5px;}
}
.score-radios .form-check-inline {flex:1 1 auto; padding:5px 0 0; background-color:#fff; text-align:center; border:1px solid transparent; border-radius:5px; margin:0; overflow:hidden;}
.score-radios .form-check .form-check-input {margin:0 0 0.125rem 0; float:none;}
.score-radios .form-check-inline .score-radio {flex-direction:column;}
.score-radios.famacha .form-check-inline .score-radio {margin:0.375rem 0 0.125rem;}
/* FAMACHA Score */
.score-radios.famacha .form-check-inline {border:1px solid #ccc;}
.score-radios.famacha .form-check-inline:after {display:block; content:""; height:1.75rem; width:100%;}
.famacha-1, .famacha-1:after {background-color:#cd3c54;}
.famacha-2, .famacha-2:after {background-color:#d96c79;}
.famacha-3, .famacha-3:after {background-color:#d894a6;}
.famacha-4, .famacha-4:after {background-color:#e3bdc5;}
.famacha-5, .famacha-5:after {background-color:#ebe6e4;}
.td-famacha .bubble {border-radius:4px; margin:0 !important;}
.td-famacha .bubble.famacha-1 {color:#fff;}
.td-famacha .bubble.famacha-2 {color:#fff;}
.td-famacha .bubble.famacha-3 {color:#fff; text-shadow:0 0 6px #cd3c54;}
.td-famacha .bubble.famacha-4 {color:#fff; text-shadow:0 0 6px #d96c79;}
.td-famacha .bubble.famacha-5 {color:#000; border:1px solid #e5e1df;}
/* Fiber Records */
/* Fleece Weights */
.fleece-weights, .lab-data {gap:10px;}
.fleece-weights .col {flex:0 0 calc(50% - 5px);}
/* Lab Data */
.lab-data .col {flex:0 0 calc(33.333% - 10px);}


/* Input Sections */
.grid table tr:first-child th:first-child, .grid table tr:first-child td:first-child, .grid table tr:first-child th.firstcol {border-top-left-radius:8px;}
.grid table tr:first-child th:last-child, .grid table tr:first-child td:last-child {border-top-right-radius:8px;}
.grid table tr:last-child td:first-child, .grid table tr:last-child td.firstcol {border-bottom-left-radius:8px;}
.grid table tr:last-child td:last-child {border-bottom-right-radius:8px;}
/* advanced toggle section */
.advanced-click .ficon {margin-left:8px;}
.rotate .ficon {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
/* category/tool/function grid/tabs */
.grid.action, .grid2.action {padding:15px; margin:20px 0;}
.link-arrow {display:flex; align-items: center; font-size:15px;}
.link-arrow .ficon:before {color:#777; font-size:18px;}
/* grid filtering */
.inputs-action, .inputs-action .resp-break {display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:20px 0;}
.inputs-action .resp-break {margin:0; width:100%;}
.edit_page.nice-inputs .inputs-action .dropdown-wrapper {margin:0; height:25px; padding-top:5px; /* match height of button */}
.inputs-action select {width:100%;}
.inputs-action .button {flex:0 0 90px;}


/* Account */
#account table {width:100%;}
#account-info-table td {padding:5px 0;} /* new v2 style */
#account-info-table td:first-child {text-align:right; padding-right:10px;} /* new v2 style */
table.ac_info {margin-top:20px;}
table.ac_info td {padding-bottom:8px;}
table.ac_info td.col1 {width:150px; padding-right:10px; text-align:right;}
h3.category {font-size:16px; letter-spacing:-0.2px; font-family:Roboto, sans-serif; margin:12px 0 5px; border-bottom:4px solid rgba(0,0,0,0.15);}
h3.category-sub {border-bottom-width:1px; margin:12px 0;}
h3.category span.count {color:#222;}
h2.category {border-bottom:4px solid rgba(0,0,0,0.15);}
h3.category span.rfl {font-size:14px; font-weight:normal;}
h3.category-sub span.rfl {font-size:12px;}
h3.category-sub.wicon span.rfl {line-height:34px;}
#account .panel p {padding:4px 0 5px;}
table.grid_lines {font-size:14px; line-height:16px; margin-bottom:10px;}
table.grid_lines .header {font-size:11px;}
table.grid_lines tr {border-bottom:1px solid #eee;}
table.grid_lines td {padding-top:2px; padding-bottom:3px;}
table.grid_lines td:last-child {text-align:right;}
table.herd_count td {text-align:right;}
table.herd_count tr td:first-child {text-align:left; width:80%;}


/* Account Settings */
.member_admin h3 {margin-top:30px;}
table.account_info {width:100%; margin-top:10px;}
table.account_info td {vertical-align:middle; padding-bottom:8px;}
table.account_info td.label {width:150px; padding-right:10px; text-align:right;}
table.account_info td.info {}
table.billing_info {margin:10px 0;}
table.billing_info td {vertical-align:middle; padding-bottom:8px;}
table.billing_info td table td {padding-bottom:0;}
table.billing_info input, table.billing_info select {margin-top:3px;}


/* Edit Pages */
.input-section h3 {
    margin:0 !important;
    padding:0 10px;
    line-height:45px;
    background-color: var(--bs-custom-secondary-bg);
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom: 1px solid var(--bs-border-color-rgba);
}

#photo:hover {cursor:pointer;}
.edit_page #main_ac, .edit_page .main_ac {width:70%;}
.edit_page.left-menu-page #main_ac {float:right; width:calc(100% - 300px);}
.edit_page.left-menu-page #left_ac {width:280px;}
.edit_page #right_ac, .edit_page .right_ac {width:calc(30% - 20px);}
.edit_page #right_ac h3 {margin-bottom:15px;}
.edit_page #photo img {width:100%;}
.edit_page .no_photo:after {background-position:50% 45%;}
.edit_page .no_photo:before {position:absolute; top:60%; content:"No photos uploaded"; display:block; width:160px; left:50%; margin-left:-80px; color:#888; font-size:15px; padding:6px 0 7px; font-family:'helvetica neue', helvetica, arial, sans-serif; text-align:center;}
.edit_page .no_photo:hover:before {content:"Upload Photos"; color:#777; transition:all 0.2s ease-out 0s; background:#eee url(/images/button_gradient.png) repeat-x; box-shadow:0 1px 2px rgba(0,0,0,0.2); border-radius:2px; cursor:pointer;}
.tab_disabled {opacity:0.5;}
.dropdown-wrapper.big select {font-size:18px !important;}
.edit_page .categories h4 {font-size:15px; padding-bottom:5px; margin:0 0 12px; font-weight:normal !important; font-family:Roboto, sans-serif;}


/* Edit Panels */
.pnl.edit_panels {margin-top:20px;}
.edit_panels h5 {display:flex; align-items:center; gap:10px; font-size:inherit; line-height:30px; margin:0; flex:1 1 100%; padding:8px 10px; border:1px solid #e9e9e9; cursor:pointer; font-weight:normal; white-space:nowrap; border-radius:0.5rem;}
.edit_panels h5.tab_inactive, .edit_panels h5.tab_inactive .ficon:before {color:#aaa !important;}
.edit_panels h5 a, .edit_panels h5 a:hover {color:inherit; text-decoration:none;}
.edit_panels h5 a.button, .edit_panels h5 a.button:hover {color:#fff;}
.edit_panels h5:hover {background-color:rgba(0,0,0,0.02);}
.edit_panels h5 .ficon.tab-icon {width:35px; text-align:center; margin-right:5px;}
.edit_panels h5 .ficon.tab-icon:before {font-size:22px;}
.edit_panels h5 .ficon.icon-seo:before, .edit_panels h5 .ficon.icon-details:before {font-size:34px !important;}
.edit_panels h5 .ficon.icon-social-airbnb:before {font-size:38px !important; color:#7a7a7a !important;}
.edit_panels h5 .ficon.icon-comments:before {font-size:34px !important;}
.edit_panels h5 .ficon.md:before {margin-left:7px; font-weight:bold !important;}
.edit_panels h5 span.chevron {display:inline-block; margin-left:auto; padding-left:20px; width:6px; height:30px; background:url(/images/icons.png) no-repeat -283px -180px; transform:none; border:none;}
.edit_panels h5 .ficon.icon-arrow-heavy-right {width:15px; margin-left:auto; text-align:right;}
.edit_panels h5 .ficon.icon-arrow-heavy-right:before {font-size:16px; color:#444;}
.edit_panels div .thumb {position:relative; z-index:2; display:inline-block; vertical-align:middle; text-align:center; margin:0 7px 5px 2px; width:50px;}
.edit_panels div .thumb img {width:50px;}
.edit_panels.pnl-photos {display:flex; flex-wrap:wrap; gap:10px; padding:10px;}
.edit_panels #tabs {display:contents;}
.edit_panels #dv-images {display:contents;}
.edit_panels #item_album:empty {display:none;}
.ding {font-family:'helvetica neue', helvetica, arial, sans-serif;}
.ding.green {display:inline-block; vertical-align:top; margin-left:3px; font-size:16px; font-weight:normal; color:#7ca900;}
.ding.green:before {content:"✓";}
.ding.red {display:inline-block; vertical-align:top; margin-left:2px; font-size:22px; font-weight:normal; color:#e82f4e;}
.ding.red:before {content:"*";}
/* social share tab */
.edit_panels h5 .ficon.tab-icon.icon-move-up-right:before {font-size:28px;}
.edit_page .social-share-icons span {margin:0 4px;}
.edit_page .social-share-icons .ficon.icon-email:before {color:#777;}
.edit_page .social-share-icons .icon_social {width:20px; height:20px;}



/* Edit Shells */
#es_wrapper {padding:30px;}
#es_wrapper .no_photo {background-color:#f1f1f1;}
#es_wrapper .no_photo.generic:after {background-size:60%;}
.es_buttons {margin-top:10px; text-align:right;}
.link_v {position:relative; margin:0 auto; width:18px; height:92px; background:url(/images/icon_link_v.png) no-repeat;}
.link_v a {position:absolute; top:24px; left:0; padding:15px 0 15px 24px; font-size:12px;}
ul.discounts {display:inline-block; line-height:13px;}
ul.discounts li {display:inline-block; padding:5px 15px; border-radius:20px; margin:5px 5px 5px 0;}
ul.discounts.editable li {position:relative; display:block; padding:5px 30px 6px 15px;}
ul.discounts li .disc-descr {margin-left:5px;}
ul.discounts.editable li .ficon {position:absolute; right:8px;}
ul.discounts.editable li .ficon:before {color:#fff; font-weight:bold !important; font-size:12px;}


/* Progress Bar */
.progress-statusbar {width:100%; margin:10px auto;}
.progress-status {vertical-align:middle; margin:10px 0; position:relative; width:100%; display:inline-block; background-color:#ddd; border-radius:50px; overflow:hidden; font-size:0.8rem;} /* total upload */
.progress-bar {background-color:#3093ec; width:0; height:23px; color:#fff;} /* completed so far */
.progress-remainder {flex:1 1 auto;} /* remaining */
.gestation-bar {position:relative; border:1px solid #ccc; border-width:0 1px; height:15px;}
.gestation-bar:before {position:absolute; width:100%; height:0; border-top:1px solid #ccc; left:0; top:50%; content:"";}
.gestation-bar span {background:#fff; padding:0 20px; position:relative; top:-0.15rem;}


/* New Non-Table Responsive Grids */
.grid2 {background-color:#fff; border-radius:8px; box-shadow:0 1px 5px rgba(0,0,0,0.05);}
.grid2, .grid2 .grid-item h3, .grid2 .grid-item h4 {font-family:'Open Sans', sans-serif;}
.grid2, .grid2 .grid-item {font-weight:500; font-size:14px; line-height:18px;}
.grid2 .grid-item.grid-section {background:#d4e8f7; border-bottom:none; margin-top:-1px;}
.grid2 .grid-item.grid-section:first-child {border-top-left-radius:8px; border-top-right-radius:8px;}
.grid2 .grid-item {position:relative; border-bottom:1px solid #d8d8d8; padding:12px 20px 15px;}
.grid2 .grid-item.grid-section h4 {margin-top:3px;}
.grid2 .grid-item h3 {font-size:17px; line-height:20px; margin:0;}
.grid2 .grid-item h4 {font-size:15px; line-height:19px; font-weight:700; margin:0;}
.grid2 .grid-item p {padding:2px 0;}


/* Data Tables */
.table tr th {white-space:nowrap;}
.table tr td {line-height:1rem;} /* not header row */
td.text-truncate {max-width:0;}
.td-tag {width:60px;}
.td-name {width:40%;}
.td-name-short {width:30%;}
.td-date {width:90px;}
.td-status {width:80px;}
.td-icon {width:50px;}
.td-icon:not(:first-child), .td-icon2:not(:first-child) {padding-left:0.25em !important;}
.td-icon:not(:last-child), .td-icon2:not(:last-child) {padding-right:0.25em !important;}
.td-sort {width:50px; white-space:nowrap;}
td.td-sort {font-size:0; /*remove whitespace between adjacent icons*/}
.td-10 {width:10%;}
.td-15 {width:15%;}
.td-20 {width:20%;}
.td-25 {width:25%;}
.td-30 {width:30%;}
.td-35 {width:35%;}
.td-40 {width:40%;}
.td-45 {width:45%;}
.td-50 {width:50%;}
.td-60 {width:60%;}
.td-70 {width:70%;}
.td-80 {width:80%;}
.td-90 {width:90%;}


/* Reports */
#report-results.loading {display:none !important;} /* not used */
#report-filters {/* Visibility controlled by JavaScript and server-side logic */}
#report-results .records-count-top {display:none;} /* print only */
/* pin colors */
.bg-pinned-01 {background-color:#69b2b9;}
.bg-pinned-02 {background-color:#f3c359;}
.bg-pinned-03 {background-color:#f6875c;}
.bg-pinned-04 {background-color:#b4c864;}
.bg-pinned-05 {background-color:#c899e0;}
.bg-pinned-06 {background-color:#82b562;}
.bg-pinned-07 {background-color:#7a9ef1;}
.bg-pinned-08 {background-color:#f27ba2;}
.pinned-color:before {color:#fa5f53; font-size:1.08rem;}
.unpinned-color:before {color:#999;}
/* saved reports */
.table .report-theme {display:inline-flex; align-items:center; justify-content:center; text-align:center; width:21px; height:21px;}
.table .report-theme .bi:before {font-size:0.75rem; color:#fff; vertical-align:-.05em;}
.table .report-theme .bi.ci:before {text-shadow:0 0 0.4px #fff, 0 0 #fff;}
.table .report-theme .bi.ci[class*="-outline"]:before {font-size:1rem; text-shadow:0 0 #fff, 0 0 #fff, 0 0 #fff;}
/* pinned reports */
.pinned-reports-grid {grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:0.75rem; justify-items:normal;}
.pinned-reports-grid .pinned-report {display:flex; align-items:center; justify-content:center; height:55px; background:#fff; gap:0.5rem; border:4px solid #dbe3d2 !important; padding:0.4rem 0.5rem; box-shadow:0 1.5px 5px -1px rgba(0,0,0,0.4); cursor:pointer; transition:all 0.1s ease; position:relative; text-decoration:none !important;}
.pinned-reports-grid .pinned-report:hover {background:#f9f9f9;}
.pinned-reports-grid .pinned-report:active {filter:brightness(85%);}
.pinned-reports-grid .pinned-report.active {border-color:rgba(104,166,95,0.85) !important; background:rgba(219, 227, 210, 0.3);}
.pinned-reports-grid .pinned-report i {flex:0 0 auto; width:30px !important; height:30px !important; display:flex; justify-content:center; align-items:center;}
.pinned-reports-grid .pinned-report i.bi:before {width:auto !important; font-size:1.1rem;}
.pinned-reports-grid .pinned-report i.bi.ci:before {width:30px; text-align:center; text-shadow:0 0 0.4px #fff;}
.pinned-reports-grid .pinned-report i.bi:not(.drag-handle):before {padding:0.4rem; color:#fff;}
.pinned-reports-grid .pinned-report i.bi.ci:not(.drag-handle):before {text-shadow:0 0 #fff, 0 0 #fff, 0 0 #fff;}
.pinned-reports-grid .pinned-report i.bi.ci[class*="-outline"]:not(.drag-handle):before {font-size:1.5rem;}
.pinned-reports-grid .pinned-report i.bi:not(.drag-handle):after {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; content:""; background:linear-gradient(0deg, transparent 0%, rgba(255,255,225,0.3) 100%); pointer-events:none;}
.pinned-reports-grid .pinned-report i:not(.drag-handle) {position:relative; overflow:hidden;}
.pinned-reports-grid .pinned-report i.bi.drag-handle {margin-left:auto;}
.pinned-reports-grid .pinned-report > span {display:grid;}
.pinned-reports-grid .pinned-report span.report-title {flex:0 1 auto; line-height:1rem; color:#656565; max-height:100%; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.pinned-reports-grid .pinned-report span.report-category-pill {display:block; font-size:0.7rem; line-height:0.7rem; margin-bottom:0.1rem;}

/* edit report */
/* Edit banner selected styles */
#editColorThemeGrid .color-option.selected, #editIconGrid .icon-option.selected {border-color:#0d6efd !important; box-shadow:0 0 0 2px rgba(13,110,253,0.25); background-color:rgba(13,110,253,0.1);}
#editColorThemeGrid .color-option.selected .pinned-tab-chip {transform:scale(1.1); transition:transform 0.2s ease;}
/* export toolbar */
.export-links i:not(:last-child) {margin-right:0.5rem;}
.export-links .bi.md:before {font-size:1.3rem; vertical-align:-.3em;}
.export-links i[role="button"] {cursor:pointer; transition:opacity 0.2s ease, transform 0.1s ease;}
.export-links i[role="button"]:hover {opacity:0.7;}
/* report results sorting */
.sortable {user-select:none; position:relative;}
.sortable:hover {cursor:pointer;}
.sortable .sort-indicator {display:inline-block; width:19.2px;}
.sortable .sort-icon:before {font-size:1.2rem;}
.sortable .sort-icon:not(.d-none):before {color:var(--bs-primary);}
.sortable .sort-icon.bi-sort:before {content:"\F283"; color:var(--bs-body-color)!important; font-size:1rem; opacity:0.4;}
.sortable .sort-icon.bi-sort:hover:before {opacity:1;}
/* reorder mode */
.pinned-report .drag-handle {visibility:hidden; cursor:grab;}
.pinned-report.reorder-mode {cursor:default; transition:move 0.5s ease-in-out};
.pinned-report.reorder-mode i {cursor:grab;}
.pinned-report.reorder-mode i:active {cursor:grabbing;}
/* reorder mode */
.reorder-wrapper {margin-left:auto;}
.pinned-report.reorder-mode:nth-child(1n) {animation:jiggle 0.5s infinite;}
.pinned-report.reorder-mode:nth-child(2n) {animation:jiggle 0.5s infinite; animation-delay:0.2s;}
.pinned-report.reorder-mode:nth-child(3n) {animation:jiggle 0.5s infinite; animation-delay:0.35s;}
@keyframes jiggle {
    0% {transform:translateX(0); transform-origin:center 0;}
    25% {transform:translateX(-2px) rotate(-2deg); transform-origin:center 0;}
    50% {transform:translateX(2px) rotate(2deg); transform-origin:center 0;}
    75% {transform:translateX(-2px) rotate(-2deg); transform-origin:center 0;}
    100% {transform:translateX(0); transform-origin:center 0;}
}
@media (max-width:767px) {
    /* mobile mode - change pinned tabs to large icons */
    .pinned-reports-grid {grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap:0;}
    .pinned-reports-grid .pinned-report {flex-direction:column; align-items:center; gap:0.4rem; height:auto; background:transparent; border:none !important; padding:0 0.5rem 0.75rem; cursor:pointer; transition:all 0.1s ease; position: relative; box-shadow:none; cursor:default;}
    .pinned-reports-grid .pinned-report:hover {background:transparent !important;}
    .pinned-reports-grid .pinned-report.active {border-color:transparent !important; background:transparent !important;}
    .pinned-reports-grid .pinned-report i {width:48px !important; height:48px !important;}
    .pinned-reports-grid .pinned-report i.bi:before {font-size:1.3rem; color:#656565;}
    .pinned-reports-grid .pinned-report i.bi:not(.drag-handle):before {font-size:1.5rem; padding:0.8rem; color:#fff;}
    .pinned-reports-grid .pinned-report i.bi.ci:not(.drag-handle):before {font-size:1.6rem; text-shadow:0 0 0.5px #fff, 0 0 0.5px #fff, 0 0 0.5px #fff, 0 0 0.5px #fff, 0 0 0.5px #fff;}
    .pinned-reports-grid .pinned-report i.bi.ci[class*="-outline"]:not(.drag-handle):before {font-size:2rem;}
    .pinned-reports-grid .pinned-report i:not(.drag-handle) {border-radius:0.75rem !important; box-shadow:0 2px 10px rgba(0,0,0,0.2); cursor:pointer;}
    .pinned-reports-grid .pinned-report i.bi.drag-handle {position:absolute; left:calc(50% - 12px); top:-12px;}
    .pinned-reports-grid .pinned-report span {line-height:0.9rem; font-size:0.8rem; text-align:center; color:#656565; cursor:pointer;}
    .pinned-reports-grid .pinned-report.active i {outline:3px solid #68a65f !important; border:1px solid #fff;}
    .pinned-reports-grid .pinned-report.active span {font-weight:600;}
    .saved-reports .td-desc {display:none;}
    .saved-reports .td-name-short {width:auto;}
}
@media (max-width:575px) {
    .report-actions button {flex:1 1 0;}
    .export-links {order:3; flex:0 0 100%; text-align:center;}
}
@media (max-width:480px) {
    .saved-reports .table .td-name-short {width:auto;}
    .saved-reports .table .td-desc {display:none;}
}
@media (min-width:768px) {
    .pinned-reports-grid.no-pinned-reports .pinned-report {width:250px;}
    .reports-dashboard .pinned-reports-grid .pinned-report span.report-title {-webkit-line-clamp:1; white-space:nowrap;}
}


/* Photo Upload */
.photo {width:100%; margin-bottom:20px;}
.photo_alert {display:block;}
.photo img {width:100%; border:none !important; margin-bottom:5px;}
.no_photo {margin-bottom:5px;}
.photo_caption input {width:calc(100% - 10px); display:block; box-sizing:border-box; margin:0 auto 5px !important;}
input.change, input.remove {width:88px !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important;}
.default_caption {color:#555 !important; font-style:italic;}
.reorder {width:255px; margin:0 auto;}
.reorder table {width:100%; border-width:1px 1px 2px 1px; border-style:solid; border-color:#a19d80; background-image:none !important; margin:4px 0; font-size:12px;}
.reorder td.drag {width:200px; cursor:move;}
.reorder ul {margin-top:30px;}
body.iframebg {background:#fff;}
.farm_logo .photo {margin-bottom:0;}
table.doc_upload {width:100%; margin-bottom:20px;}
table.doc_upload td {width:50%; vertical-align:top;}
.doc {margin:5px 0;}


/* Messages */
body.body_read_message {background:#fff; font-size:12px;}
table.read_message td {vertical-align:middle; padding-bottom:5px;}
table.read_message td.label {width:105px; text-align:right; padding-right:5px; font-weight:bold;}
table.read_message td.data {text-align:left;}
.separator {height:8px; background:#D9D9D9; border-top:1px solid #fff; border-bottom:1px solid #909090;}
.message {padding:10px; line-height:15px;}


/* |||||||||| responsive |||||||||| */
@media screen and (max-width:1220px) {
	#account {padding:15px 20px 50px;}
}

@media screen and (max-width:991px) {
    #account h1 {font-size:32px;}
    .section-nav ul {column-gap:10px; row-gap:0;}
    .section-nav ul li a {font-size:16px; line-height:18px; height:30px; min-width:70px;}
    .inputs-action .resp-break {display:contents;}
    .inputs-action .button {margin-left:auto; flex-basis:150px;}
    .edit_panels #item_album:empty + #tab-photo-upload {}
}

@media screen and (max-width:991px) and (min-width:576px) {
    .edit_page .no_photo:before {content:"";}
    .edit_panels #item_album:empty {display:inline-block; width:50%;}
    .edit_panels.pnl-photos h5 {flex:1 1 calc(50% - 10px);}
    #item_album_p1 > div {display:contents;}
}

@media screen and (max-width:767px) {
    .section-nav ul li a {font-size:15px; min-width:60px; height:25px;}
    #nav ul li.tab-notifications, #nav ul li.tab-cart {display:none !important;}
    .membernav_wrapper .nav-section {display:flex !important;}
}

@media screen and (max-width:700px) {
    .edit_panels h5 {width:auto;}
}

@media screen and (max-width:640px) {
    #account h1 {font-size:28px;}
    .grid span.bubble.status {padding:3px 5px;}
}

@media screen and (max-width:590px) {
    #membernav ul li .submenu_inner .submenu-col {width:100%;}
    #membernav ul li .submenu_inner h4 .limitations-key {display:block; float:none; margin:10px 0 5px -7px;}
    #membernav ul li ul li a, #membernav ul li ul li a:hover {padding:5px 5px 5px 10px !important; font-size:14px !important; line-height:16px !important;}
}

@media screen and (max-width:540px) {
    #nav ul li#li_auth a.tab:before {display:none;}
}

@media screen and (max-width:480px), screen and (max-height:640px) {
    #account h1.lfl {float:none; display:inline-block; margin-top:15px;}
    #account h1 {font-size:26px;}
    .h1_buttons {float:none; display:block; margin:20px 0 0; padding-left:0; max-width:none; text-align:right;}
    #account {padding:5px 10px 50px;}
    .edit_panels.pnl-photos h5 {flex:1 1 100%;}
}

@media screen and (max-width:480px) {
    .account-input td.col1, .account-input td.col2 {display:block; text-align:left; height:auto; width:100% !important; padding:0 !important;}
    .account-input td.col1 {margin-top:10px;}
    .account-input .responsive-full-width {width:100% !important;}
    .account-input input.responsive-full-width {width:calc(100% - 10px) !important; max-width:none !important;}
    .account-input .dropdown-wrapper.responsive-full-width {width:calc(100% - 12px) !important; max-width:none !important;}
    .account-input .dropdown-wrapper.responsive-full-width select {width:100% !important; max-width:none !important;}
    .account-input .responsive-full-width.with-tooltip {width:calc(100% - 30px) !important; max-width:none !important;}
    .account-input tr.no-responsive-wrap {display:flex; align-items:center; margin-top:15px;}
    .account-input tr.no-responsive-wrap td.col1, .account-input tr.no-responsive-wrap td.col2 {display:inline; width:auto !important; margin-top:0; padding-right:0;}
    .account-input tr.no-responsive-wrap.no-col1 td.col1 {display:none !important;}
    .account-input tr.no-responsive-wrap .nrw-flip {float:left;}
    .account-input tr.spacer td {padding-top:0; padding-bottom:0;}
    .inputs-action .button {margin-right:auto; flex-basis:100%;}
}

@media (max-device-width:420px) {
    .wrapping-date-range {display:contents !important;}
    .from-date-label .d-none-custom {display:none !important;}
    .wrapping-date-range .to-date-label {display:block !important;}
    .wrapping-date-range .to-date {display:flex;}
    .wrapping-date-range .to-date-label.px-1 {padding-left:.75rem !important; padding-right:.75rem !important;}
}

@media (min-device-width:421px) {
    .wrapping-date-range .input-group {display:contents !important;}
    .wrapping-date-range .from-date-input {border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; border-right:0 !important;}
    .wrapping-date-range  .input-group-text {border-right:0 !important;}
    .wrapping-date-range .to-date-input-icon {border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;}
}

@media screen and (min-width:1025px) {
    .inputs-action .resp-break {display:contents;}
}

@media print {
    body {background:#fff !important; height:auto;}
    #nav, .bar-impersonate, iframe#launcher, .nav_icons, .grid_view, .grid_delete, .grid_print, .grid_status.preview, #ContentPlaceHolder1_btn_Update {display:none;}
    #account {max-width:none; padding:15px 0 80px;}
    .membernav_wrapper {display:none;}
    .account-main-col {width:100%; margin-left:0; display:block;}
    .subtabs_options {display:flex; background:transparent;}
    .subtabs_options div {display:contents;}
    .subtabs_options #ContentPlaceHolder1_up_categories select {width:100% !important;}
}