/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,17): run-time error CSS1039: Token not allowed after unary operator: '-sg-green'
(126,22): run-time error CSS1039: Token not allowed after unary operator: '-sg-green'
(131,29): run-time error CSS1039: Token not allowed after unary operator: '-sg-green'
(136,28): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(138,29): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(177,44): run-time error CSS1039: Token not allowed after unary operator: '-sg-grad-edge'
(177,67): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(177,86): run-time error CSS1039: Token not allowed after unary operator: '-sg-grad-edge'
(360,32): run-time error CSS1030: Expected identifier, found '.'
(360,140): run-time error CSS1031: Expected selector, found ')'
(360,140): run-time error CSS1025: Expected comma or open brace, found ')'
(398,28): run-time error CSS1039: Token not allowed after unary operator: '-sg-light-green'
(399,28): run-time error CSS1039: Token not allowed after unary operator: '-sg-green'
(402,32): run-time error CSS1039: Token not allowed after unary operator: '-sg-green'
(403,35): run-time error CSS1039: Token not allowed after unary operator: '-sg-green'
(407,22): run-time error CSS1039: Token not allowed after unary operator: '-sg-green'
(409,29): run-time error CSS1039: Token not allowed after unary operator: '-sg-green'
(538,25): run-time error CSS1030: Expected identifier, found ','
(538,46): run-time error CSS1031: Expected selector, found ')'
(538,46): run-time error CSS1025: Expected comma or open brace, found ')'
(554,18): run-time error CSS1039: Token not allowed after unary operator: '-sg-line-h'
(555,44): run-time error CSS1039: Token not allowed after unary operator: '-sg-grad-edge'
(555,67): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(555,86): run-time error CSS1039: Token not allowed after unary operator: '-sg-grad-edge'
(562,18): run-time error CSS1039: Token not allowed after unary operator: '-sg-line-h'
(563,44): run-time error CSS1039: Token not allowed after unary operator: '-sg-grad-edge'
(563,67): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(563,86): run-time error CSS1039: Token not allowed after unary operator: '-sg-grad-edge'
(571,28): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(572,22): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(573,44): run-time error CSS1039: Token not allowed after unary operator: '-sg-grad-edge'
(573,67): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(573,86): run-time error CSS1039: Token not allowed after unary operator: '-sg-grad-edge'
(673,5): run-time error CSS1030: Expected identifier, found '.'
(673,35): run-time error CSS1031: Expected selector, found ')'
(673,35): run-time error CSS1025: Expected comma or open brace, found ')'
(678,9): run-time error CSS1030: Expected identifier, found '.'
(678,39): run-time error CSS1031: Expected selector, found ')'
(678,39): run-time error CSS1025: Expected comma or open brace, found ')'
(738,24): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(742,35): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(743,32): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
(744,33): run-time error CSS1039: Token not allowed after unary operator: '-sg-blue'
 */
/* SG CUSTOM CSS */
:root {
    --sg-blue: #2c5079;
    --sg-light-blue: #C2E0F2;
    --sg-green: #3e8b6b;
    --sg-light-green: #C6E8DC;
    --sg-grad-edge: #E0DFE9;
    --sg-line-h: 2px;
}
/* General font and background color */
body {
    background-color: #ededed;
    font-family: Montserrat;
}
#body section.featured {
    background-color: #ededed;
}
/* Headers */
h1, h2, h3, h4 {
    font-family: 'Roboto Slab';
}

/* Primary Buttons */
.btn.gb-main-button,
input[type="button"].gb-main-button,
input[type="submit"].gb-main-button {
    background-color: #2c5079;
    outline-color: #2c5079;
}
.gb-main-button {
    background-color: #2c5079;
}
/* Secondary Buttons */
a.btn.gb-secondary-button,
button.gb-secondary-button,
input[type="button"].gb-secondary-button,
input[type="submit"].gb-secondary-button {
    background-color: #3e8b6b;
    outline-color: #3e8b6b;
}

/* Notifications */
.notifications .fa-stack.error,
.notifications i.error,
.notifications span.error {
    color: #b14432 !important;
}

.notifications .fa-stack-1x,
.notifications  {
    color: #fff !important;
}

/* Icons */
.gb-main-text-color {
    color: #2c5079 !important;
}
.fas.fa-check.status-analyzed,  .font_green {
    color: #3e8b6b !important; /* green */
}

.fa-exclamation-triangle.status-in-progress {
    color: #bee295 !important; /* green yellow */
}

.fa-exclamation-triangle.status-failure, .font_darkYellow {
    color: #e89335 !important; /* orange */
}

.fa-exclamation-triangle.status-error,
.fa-exclamation-triangle.error,
.status-error {
    color: #B14432 !important; /* red */
}

i.help-draw-question-icon {
    color: #3e8b6b;
}
i.fas.fa-question.font_green.fa-lg {
    color: #3e8b6b !important;
}
.pdfReport {
    color: #3e8b6b;
}
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard .widgetWindow div.widgetContentWrapper .widgetContents .pdfReport {
    color: #3e8b6b;
}
/* slider handle */
.ui-slider .ui-slider-handle {
    background: #2c5079 !important;
}

/* drawer arrow */
#drawer-container-btn-icon {
    --fa-secondary-color: #2c5079 !important; 
    --fa-primary-color: #ffffff !important; 
    color: #2c5079 !important; 
}

/* Filled portion status bar*/
.ui-progressbar .ui-progressbar-value {
    background: #3e8b6b !important; /* your blue */
    border: 0 !important;
    background-image: none !important;
}

/* Welcome text*/
.welcome-text {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
}

/* Report Function Question Mark*/
i.fad.fa-question-circle.clickAction {
    --fa-secondary-color: #3e8b6b !important; 
}

.patientNodeContent a {
    color: var(--sg-green);
}

/* Admin widget headers */
#body .widgetAdminCaption,
#body .widgetAdminCaption.dragHandle.gb-admin-header-bar {
    background: var(--sg-green) !important;
    background-image: none !important;
    color: #fff !important;
    font-family: 'Roboto Slab', serif;
    border: solid 1px white;
    outline: solid 1px var(--sg-green);
}

/* Top nav text */
.topNavPanel .widgetUserCaption {
    background-color: var(--sg-blue);
    font-family: 'Roboto Slab';
    outline: 1px solid var(--sg-blue);
}

/* SG Banner */
.gb-nav-banner-general {
    background: url('/Images/Banners/SG Reports & General Banner 2.png') center/cover no-repeat !important;
    height: 80px;
    overflow: visible; 
}
.gb-nav-banner-general::before,
.gb-nav-banner-general::after {
    content: none !important;
}

/* Banner title */
.gb-nav-banner-general h1.gb-base-text-color {
    color: #ffffff;
    font-family: 'Roboto Slab';
    font-weight: normal;
}

/* Left menu */
.navLeft.navContainer {
    background-color: #2c5079;
}

.navLeft.navContainer li > a {
    color: #ffffff;
    font-family: 'Roboto Slab';
}

/* Tapered line (left nav) */
.taperedLine {
    height: 2px;
    background: linear-gradient(to right, #22405f 0%, #2c5079 50%, #22405f 100%);
}
/* Tapered line (top nav) */
.topNavTab .taperedLine {
    height: 2px;
    background: linear-gradient(90deg,var(--sg-grad-edge) 0%,var(--sg-blue) 50%,var(--sg-grad-edge) 100%) !important;
}

/* Left nav active */
.navLeft.navContainer li.active > a {
    background-color: #22405f;
    font-family: 'Roboto Slab';
}
/* Left nav hover */
.navLeft.navContainer ul li:hover,
.navLeft.navContainer ul li:hover > a {
    background-color: #22405f !important;
    color: #fff !important;
}
.navLeft.navContainer ul li > a:hover {
    text-decoration: none !important;
}

/* Menu btn (hamburger) */
button.opt.portalMenu {
    background-color: #001e47;
    color: #fff;
}

button.opt.portalMenu:hover,
button.opt.portalMenu:focus,
button.opt.portalMenu.jq-dropdown-open,
button.opt.portalMenu.active {
    background-color: #22405f;
    border-color: #22405f;
    color: #fff;
}

button.opt.portalMenu .fa-bars {
    color: currentColor;
}

/* MAIN (blue) */
.gb-main-header-bar,
.gb-main-header-bar-pdf,
.gb-inverse-text-color.ExecSectionHeader:not(.gb-secondary-header-bar):not(.gb-tertiary-header-bar):not(.gb-secondary-header-bar-pdf) {
    background-color: #2c5079 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    outline: 1px solid #2c5079 !important;
    background-image: none !important;
}

/* SECONDARY (green) */
.gb-secondary-header-bar,
.gb-secondary-header-bar-pdf,
.pdf-gb-main-header-bar,
.gb-inverse-text-color.ExecSectionHeader.gb-secondary-header-bar,
.gb-inverse-text-color.ExecSectionHeader.gb-secondary-header-bar-pdf {
    background-color: #3e8b6b !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    outline: 1px solid #3e8b6b !important;
}

/* TERTIARY (light green) */
.gb-tertiary-header-bar,
td.gb-tertiary-header-bar,
th.gb-tertiary-header-bar {
    background-color: #C6E8DC !important;
    color: #000 !important;
    border: 1px solid #3e8b6b !important;
}

/* enzyme/notes */
ul.SnpEnzymeContentMessages,
.SnpEnzymeRow .SnpEnzymeContent .SnpEnzymeContentMessages,
.SectionDisplayEndMsgDMSubSectionContentMessages {
    background-color: #C6E8DC !important; /* light green */
    border: 2px dashed #3e8b6b !important; /* green */
    outline: 0 !important;
}

/* section/panel messages */
.PanelDynamicMessages ul.SectionDisplayContentMessages,
.SectionDisplayContent ul.SectionDisplayContentMessages {
    background-color: #C2E0F2 !important; /* light blue */
    border: 2px dashed #2c5079 !important; /* blue */
    outline: 0 !important;
}

.SectionDisplayEndMsgDMContentMessages {
    background-color: #C2E0F2 !important; /* light blue */
    border: 2px dashed #2c5079 !important; /* blue */
    outline: 0 !important;
}

/* Remove double dash */
.PanelDynamicMessages ul.SectionDisplayContentMessages > *,
.PanelDynamicMessages ul.SectionDisplayContentMessages hr,
ul.SnpEnzymeContentMessages > *,
ul.SnpEnzymeContentMessages hr {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* Dropdown Menu */
#dropdown_portalMenu ul li.active > a,
.navContainer.portalMenu ul li.active > a {
    background-color: #2c5079;
    color: #fff;
}

#dropdown_portalMenu ul li > a:hover {
    background-color: #3a6591;
    color: #fff;
}

/* jquery UI Tabs */
#navJqueryTabs .ui-tabs-nav > li > a.ui-tabs-anchor {
    font-family: 'Roboto Slab';
}

#navJqueryTabs .ui-tabs-nav > li.ui-tabs-active,
#navJqueryTabs .ui-tabs-nav > li.ui-state-active {
    background-color: #2c5079;
}
/* Hover color*/
#navJqueryTabs .ui-tabs-nav > li:not(.ui-tabs-disabled) > a.ui-tabs-anchor:hover,
#navJqueryTabs .ui-tabs-nav > li:not(.ui-tabs-disabled) > a.ui-tabs-anchor.ui-state-hover,
#navJqueryTabs .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor:hover {
    background: #3c6a99 !important;
    border-color: #3c6a99 !important;
}

/* Contact Footer */
footer .f-miniNav a.f-navItems.no-style,
footer .f-miniNav a.f-navItems.no-style:link,
footer .f-miniNav a.f-navItems.no-style:visited {
    color: #2c5079 !important;
    text-decoration: none;
}
footer .greySection a,
footer .greySection a:link,
footer .greySection a:visited {
    color: #3E8B6B;
}

footer .greySection a:hover,
footer .greySection a:focus {
    color: #3e8b6b;
    text-decoration: underline;
}
.greySection a[href^="mailto:"] > span {
    color: #3E8B6B !important;
}
.greySection a[href^="mailto:"]:hover > span {
    color: #3e8b6b !important;
}

/* carousel font colors */
.ui-widget-content a.gb-secondary-text-color {
    color: #3e8b6b !important;
}

.ui-widget-content .error {
    color: #B14432 !important;
}

a.btn.btn-primary.no-style {
    background-color: #3e8b6b !important;
    outline-color: #3e8b6b !important;
}

.fa-link {
    color: #3e8b6b !important;
}

.fa-street-view {
    color: #2c5079 !important;
}
.fa-video {
    color: #464646;
}
/* SG overrides for HUD widgets (Office Dashboard, Patient Dashboard, etc.*/
/* widget header bars */
.grid-stack .widgetWindow :is( .gb-main-header-bar, .gb-bg-main-color, .widgetPatientCaption, .widgetQueueCaption, .widgetPreferenceCaption) {
    background-color: #2c5079 !important;
    color: #fff !important;
    background-image: none !important;
    outline-color: #2c5079 !important;
    border-color: #ffffff !important;
    font-family: 'Roboto Slab';
}

/* all section headers */
.gb-main-header-bar, .section-header[class*="gb-main-header-bar"], .reportActionBar .toggleBtnGroup > label.btn.active {
    background: #2c5079 !important;
    color: #fff !important;
    outline: 1px solid #2c5079;
    border: 1px solid #fff !important;
}

.gb-secondary-text-color {
    color: #3e8b6b !important;
}
.gb-nav-banner-other-info {
    background: url('/Images/Banners/SG Reports & General Banner 2.png') no-repeat;
    background-size: 1440px 100%;
    height: 80px;
    overflow: hidden;
}
.gb-base-text-color:not(.gb-icon-only-button) {
    color: #ffffff;
}
.patient-welcome-container p span[style*="color"] strong {
    color: #2c5079 !important;
}
.patientNodeContent h4 span {
    color: #3e8b6b !important;
}

.gb-tertiary-header-bar {
    color: #464646;
    background-color: var(--sg-light-green) !important;
    border: solid 1px var(--sg-green) !important;
}
.grsq-header {
    border-top: solid 2px var(--sg-green);
    border-bottom: solid 2px var(--sg-green);
}

.grid-stack .widgetWindow .gb-secondary-header-bar, .gb-secondary-header-bar {
    background: var(--sg-green) !important;
    color: #fff !important;
    outline: 1px solid var(--sg-green) !important;
    border: 1px solid #fff !important;
}

@-webkit-keyframes blink {
    0% {
        background-color: #E0DFE9;
    }

    25% {
        background-color: #2c5079;
    }

    50% {
        background-color: #E0DFE9;
    }

    75% {
        background-color: #2c5079;
    }

    100% {
        background-color: #E0DFE9;
    }
}

@keyframes blink {
    0% {
        background-color: #E0DFE9;
    }

    25% {
        background-color: #2c5079;
    }

    50% {
        background-color: #E0DFE9;
    }

    75% {
        background-color: #2c5079;
    }

    100% {
        background-color: #E0DFE9;
    }
}

ul#tabs.nav.nav-tabs li.active > a,
ul#tabs.nav.nav-tabs li.active > a:hover {
    background: #2c5079 !important;
    border-color: #2c5079 !important;
    color: #fff !important;
}

/* Modal tabs — make active tab blue */
.pn-drawer ul.nav.nav-tabs > li.active > a,
.pn-drawer ul.nav.nav-tabs > li.active > a:hover,
.pn-drawer ul.nav.nav-tabs > li.active > a:focus,
.modal-content ul.nav.nav-tabs > li.active > a,
.modal-content ul.nav.nav-tabs > li.active > a:hover,
.modal-content ul.nav.nav-tabs > li.active > a:focus {
    background: #2c5079 !important;
    border-color: #2c5079 !important;
    color: #fff !important;
    background-image: none !important;
}

/* (optional) blue on hover for inactive tabs */
.pn-drawer ul.nav.nav-tabs > li > a:hover,
.pn-drawer ul.nav.nav-tabs > li > a:focus,
.modal-content ul.nav.nav-tabs > li > a:hover,
.modal-content ul.nav.nav-tabs > li > a:focus {
    background: #3c6a99 !important;
    border-color: #3c6a99 !important;
    color: #fff !important;
}

div.dna-barcode {
    background: url(/Images/sg-barcode.png);
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    width: 235px;
    height: 83px;
    margin: auto;
}

.requestAnswer.requested {
    color: white;
    background-color: #2c5079;
    border: solid 1px white;
    outline: solid 1px #2c5079;
}

#ui-datepicker-div .ui-datepicker-calendar a.ui-state-active {
    color: white;
    background-color: #2c5079;
}

.switch-button-label.on {
    color: #2c5079 !important;
}

.navJqueryTabs .ui-tabs-nav:after {
    content: '';
    height: 2px;
    display: block;
    width: 124%;
    background: #2c5079;
    background: -ms-linear-gradient(left, #E0DFE9 0%, #2c5079 50%, #E0DFE9 100%);
    background: -o-linear-gradient(left, #E0DFE9 0%, #2c5079 50%, #E0DFE9 100%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#E0DFE9), to(#E0DFE9), color-stop(50%, #2c5079));
    background: -webkit-linear-gradient(left, #E0DFE9 0%, #2c5079 50%, #E0DFE9 100%);
    background: linear-gradient(left, #E0DFE9 0%, #2c5079 50%, #E0DFE9 100%);
}

/* Drawer tab gradient line */
.pn-drawer ul.nav.nav-tabs li::before {
    background: linear-gradient(90deg, #E0DFE9 0%, #2c5079 50%, #E0DFE9 100%) !important;
}
.pn-drawer ul.nav.nav-tabs li::after {
    background: linear-gradient(90deg, #E0DFE9 0%, #2c5079 50%, #E0DFE9 100%) !important;
}
.pn-drawer-suggested {
    background: #C6E8DC !important;
}

.btn:not(.gb-main-button,.gb-secondary-button):hover,
.btn:not(.gb-main-button,.gb-secondary-button):focus {
    color: #464646;
    outline: 1px solid #2c5079;
    outline-offset: 0;
}

/*Supplement Report*/
.Suggested {
    background-color: #C6E8DC;
}

/* Bootstrap tabs inside the right-side drawer */
.pn-drawer ul.nav.nav-tabs > li::before {
    content: "";
    display: block;
    height: var(--sg-line-h);
    background: linear-gradient(90deg,var(--sg-grad-edge) 0%,var(--sg-blue) 50%,var(--sg-grad-edge) 100%) !important;
}

/* tabs inside Bootstrap modals */
.modal .modal-content ul.nav.nav-tabs > li::before {
    content: "";
    display: block;
    height: var(--sg-line-h);
    background: linear-gradient(90deg,var(--sg-grad-edge) 0%,var(--sg-blue) 50%,var(--sg-grad-edge) 100%) !important;
}



/* big underline under nav tabs in pn drawer and modals (also all other modal locations) */
ul.nav-tabs:after,
ul.nav-tabs li:before {
    background-color: var(--sg-blue);
    background: var(--sg-blue);
    background: linear-gradient(90deg,var(--sg-grad-edge) 0%,var(--sg-blue) 50%,var(--sg-grad-edge) 100%) !important;
}
ul.nav-tabs li a:hover {
    background-color: #3c6a99 !important;
    background: #3c6a99 !important;
    color: #fff !important;
}
ul.nav-tabs li.active a,
ul.nav-tabs li.active a:hover {
    background-color: #2c5079 !important;
    background: #2c5079 !important;
    color: #fff !important;
}



/* PDF / toolbar header strip */
.widget-right-header-print,
.widget-right-header,
.gb-right-header-print,
.gb-right-header {
    background-color: #fff !important;
    border-color: #fff !important; /* if a faint grey border shows */
}

/* --- SG PDF --- */
@media print {
    html, body {
        background: #fff !important;
    }

    /* common PDF header used in reports */
    .gb-pdf-header,
    .ExecReportHeader,
    .ExecSectionHeader,
    .reportHeader,
    .gb-right-header,
    .widget-right-header,
    .pdf-header,
    .reportContainer,
    .pdf-page,
    .pdfSectionWrapper {
        background: #fff !important;
        background-image: none !important;
        border-color: #fff !important;
        box-shadow: none !important;
    }

    ul.SnpEnzymeContentMessages {
        font-family: Montserrat;
        background-color: transparent;
        border: dashed 2px #3e8b6b !important;
    }
}

.SnpGeneHeaderTable.gb-main-header-bar {
    color: #fff;
    background-color: #2c5079 !important;
    border: solid 1px white;
    outline: solid 1px #2c5079;
}

/* pathway maps */
.pm-summary-tab.active {
    background-color: #2c5079;
}

.pm-rcol .pm-details {
    background-color: #2c5079;
}

.InformationalSnpHeaderCell {
    padding: 3px;
    border-top: 2px solid #3e8b6b;
    border-bottom: 2px solid #3e8b6b;
    text-align: center;
    text-decoration: underline;
}

a.InformationSnpsLink {
    text-decoration: underline;
    color: #3e8b6b;
}

/* Toggle buttons (clinet practitioner)*/
.toggleBtnGroup .btn.active, /* selected */
.toggleBtnGroup .btn:active, /* mouse down */
.toggleBtnGroup input[type="radio"]:checked + label.btn,
.toggleBtnGroup input[type="radio"]:active + label.btn,
.btn-group-sm .btn.active,
.btn-group-sm .btn:active {
    background-color: #2c5079 !important;
    border-color: #ffffff !important;
    color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: 1px solid #2c5079 !important;
}

/* Active tabs for modals and page */
:is(.modal-content, .navJqueryTabs) .ui-tabs-nav > li:is(.ui-tabs-active, .ui-state-active) {
    background: #2c5079 !important;
    border-color: #2c5079 !important;
}

    :is(.modal-content, .navJqueryTabs) .ui-tabs-nav > li:is(.ui-tabs-active, .ui-state-active) > a.ui-tabs-anchor {
        color: #fff !important;
    }

#faq .supportCategoryContainer .gb-base-text-color {
    color: #464646 !important;
}

.gene-list-icon {
    color: #2c5079 !important;
}

.popover .notificationForm a {
    color: #3e8b6b !important;
}

a.pm-snp-genes-toggle {
    color: #3e8b6b !important;
}

.popover.popover-medium .popover-content a {
    color: #3e8b6b !important;
}

.SnpEnzymeRow .SnpEnzymeContent .SnpEnzymeContentMessages, .SectionDisplayEndMsgDMSubSectionContentMessages, ul.SnpEnzymeContentMessages {
    font-family: Montserrat;
    /*background-color: #C6E8DC !important;*/
    background-color: transparent;
    border: dashed 2px #3e8b6b !important;
}

.report-preferences {
    border: solid 1px #2c5079 !important;
}

.navJqueryTabs .ui-tabs-nav li:not(.ui-state-active) a:hover {
    background-color: #8fa8c1 !important;
}

.carousel-active-current {
    color: #2c5079;
}

/* Data tables sort arrows */
table.dataTable thead .sorting_asc {
    background: url('/Images/sg_sort_asc.png') no-repeat center right !important;
}

table.dataTable thead .sorting_desc {
    background: url('/Images/sg_sort_desc.png') no-repeat center right !important;
}

/* snp report pdf dashed border  */
ul.SnpEnzymeContentMessages {
    border: 2px dashed #3e8b6b !important;
    background-color: transparent;
}

/* right drawer border colors */
.drawer-wrapper.drawer-right .drawer-container {
    border-color: var(--sg-blue) !important;
}

.btn-left {
    border-bottom: solid 1px var(--sg-blue);
    border-top: solid 1px var(--sg-blue);
    border-left: solid 1px var(--sg-blue);
}

/* use hex colors (not variables) for pdf */
.gb-main-header-bar-pdf, .SnpGeneHeaderTable {
    background: #2c5079 !important; /*sg blue*/
    color: #fff !important;
    outline: 1px solid #2c5079;
    border: 1px solid #fff !important;
}

.gb-secondary-header-bar-pdf, .pdf-gb-main-header-bar {
    background: #3e8b6b !important; /*sg green*/
    color: #fff !important;
    outline: 1px solid #3e8b6b;
    border: 1px solid #fff !important;
}

.gb-bg-potential-interventions-header-pdf {
    background: #C6E8DC !important;
    color: #fff !important;
    outline: 1px solid #C6E8DC;
    border: 1px solid #fff !important;
}

@media print {
    .MgnaReportPdf .gb-main-header-bar-pdf,
    .MgnaReportPdf .pdf-gb-main-header-bar,
    .MgnaReportPdf .SnpGeneHeaderTable {
        background-color: #3e8b6b !important;
        background-image: none !important;
        color: #fff !important;
        border: 1px solid #fff !important;
        outline: 1px solid #3e8b6b !important;
    }
    .MgnaReportPdf table.SnpGeneHeaderTable.gb-main-header-bar {
        background-color: #2c5079 !important;
        background-image: none !important;
        color: #fff !important;
        border: 1px solid #fff !important;
        outline: 1px solid #2c5079 !important;
    }

    .MgnaReportPdf .gb-tertiary-header-bar,
    .MgnaReportPdf td.gb-tertiary-header-bar,
    .MgnaReportPdf th.gb-tertiary-header-bar {
        background-color: #C6E8DC !important;
        color: #000 !important;
        border: 1px solid #3e8b6b !important;
    }

    .MgnaReportPdf .grsq-header {
        border-top: 2px solid #3e8b6b !important;
        border-bottom: 2px solid #3e8b6b !important;
    }

    .MgnaReportPdf td.grsq-header,
    .MgnaReportPdf th.grsq-header {
        border-top-color: #3e8b6b !important;
        border-bottom-color: #3e8b6b !important;
    }

    .MgnaReportPdf .PanelDynamicMessages,
    .MgnaReportPdf .PanelDynamicMessages .SectionDisplayContent,
    .MgnaReportPdf .SnpEnzymeRow ul.SectionDisplayContentMessages,
    .MgnaReportPdf .SnpEnzymeContent ul.SectionDisplayContentMessages {
        border: 0 !important;
        outline: 0 !important;
    }

    /* enzyme message list (green dashed) */
    .MgnaReportPdf ul.SnpEnzymeContentMessages {
        background: transparent !important;
        border: 2px dashed #3e8b6b !important;
    }

    /* section message list single dashed box */
    .MgnaReportPdf .PanelDynamicMessages ul.SectionDisplayContentMessages {
        background: transparent !important;
        border: 2px dashed #2c5079 !important;
        outline: 0 !important;
    }

    .SectionDisplayEndMsgDMContentMessages {
        background: transparent !important;
        border: 2px dashed #2c5079 !important;
        outline: 0 !important;
    }

    /* remove any inner strokes/lines that create a double border */
    .MgnaReportPdf .PanelDynamicMessages ul.SectionDisplayContentMessages > *,
    .MgnaReportPdf .PanelDynamicMessages ul.SectionDisplayContentMessages hr {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .MgnaReportPdf .PanelDynamicMessages ul.SectionDisplayContentMessages hr {
        height: 0 !important;
        margin: 0 !important;
    }

    /* enzyme/notes */
    ul.SnpEnzymeContentMessages,
    .SnpEnzymeRow .SnpEnzymeContent .SnpEnzymeContentMessages,
    .SectionDisplayEndMsgDMSubSectionContentMessages {
        /*background-color: #C6E8DC !important;*/ /* light green */
        background-color: #fff !important;
        border: 2px dashed #3e8b6b !important; /* green */
        outline: 0 !important;
    }

    /* section/panel messages */
    .PanelDynamicMessages ul.SectionDisplayContentMessages,
    .SectionDisplayContent ul.SectionDisplayContentMessages {
        /*background-color: #C2E0F2 !important;*/ /* light blue */
        background-color: #fff !important;
        border: 2px dashed #2c5079 !important; /* blue */
        outline: 0 !important;
    }
} 
/* end @media print */

a.dm-viewrec {
    color: #3e8b6b !important;
}
.pm-summary-tab.active {
    background-color: #2c5079;
}
a.InformationSnpsLink {
    color: #3e8b6b;
}
.InformationalSnpHeaderCell {
    padding: 3px;
    border-top: 2px solid #3e8b6b;
    border-bottom: 2px solid #3e8b6b;
    text-align: center;
    text-decoration: underline;
}

/* wellness plan FGA Pyramid link */
.fgaPyramidLink {
    color: #2c5079 !important;
}

/* outer glow around the selected enzyme in the SNP Summary Modal */
.summaryEnzyme.active {
    border-top: solid 1px #3e8b6b;
    border-bottom: solid 1px #3e8b6b;
    box-shadow: 0px 0px 5px 4px rgb(62, 139, 107);
}

/* about us page */
h1.home-title.gb-base-text-color.text-center, h2.home-subtitle.gb-base-text-color.text-center {
    color: #2c5079;
}
.aAboutUs {
    color: #3e8b6b !important;
}
.aAboutUs:hover {
    color: #2c5079 !important;
}
/* survery selected answer on exec report */
.SelectedAnswer {
    width: 25%;
    height: 100%;
    background: #C6E8DC;
    border-radius: 35%;
}

img[src*="/Images/gear.gif"] {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/Images/SG-DNA-2s-120px.gif);
    background-image: url(/Images/SG-DNA-2s-120px.gif), none;
    width: 120px;
    height: 120px;
    margin: auto;
    padding-left: 120px; /* This is an attempt at moving the broken "alt" */
}

.franchiseSpinner {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/Images/SG-DNA-2s-120px.gif);
    background-image: url(/Images/SG-DNA-2s-120px.gif), none;
    width: 120px;
    height: 120px;
    margin: auto;
    background-size: contain;
}

.videoEditInfo {
    background-color: #C2E0F2;
    background: #C2E0F2;
}

.videoRow {
    background: #C2E0F2;
    border: 1px solid #2c5079;
    margin: 5px 5px 15px 5px;
}

.clickAction i.fas.fa-history {
    color: #3e8b6b !important;
}

div.styled-list ol > li::before {
    color: #3e8b6b !important;
}

.dropzone .dz-preview.dz-processing:not(.dz-error) .dz-progress .dz-upload {
    background: #3e8b6b !important;
}
.hiddenSuccessMessage h4 > a[href^="mailto:"] {
    color: #3e8b6b !important;
}

#gene-upload-complete .fa-check-square {
    color: #3e8b6b !important;
}
/*register & activate silver helix nutritional genetric test test kit*/
#statusBarcodeId, #RegisterActivateBarcode i.fa-check {
    color: #3e8b6b !important;
}


/* Styled Instructions list upload a gene file */
.styled-list ol {
    counter-reset: step;
    list-style: none; 
    margin: 0;
    padding: 0;
}

.styled-list ol > li {
    position: relative;
    margin: 0 0 12px; 
    padding-left: 38px; 
    color: inherit; 
}

.styled-list ol > li::before {
    content: counter(step) ".";
    counter-increment: step;
    position: absolute;
    left: 0;
    top: 0.05em;
    width: 28px;
    text-align: right;
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    color: #3e8b6b;
}

/* doc links in the View Documents modal */
.modal .dataTable tbody a {
    color: #3e8b6b !important;
}

/* Make the file icon match too */
.modal .dataTable tbody a i {
    color: #3e8b6b !important;
}

.resource-banner .resource-banner-item.fas {
    color: #464646;
}

#barcode-registration-complete i.fa-check-square {
    color: #3e8b6b !important;
}