/* Minification failed. Returning unminified contents.
(239,34): run-time error CSS1030: Expected identifier, found ','
(239,45): run-time error CSS1031: Expected selector, found ')'
(239,45): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Generated by Glyphter (http://www.glyphter.com) on  Wed Aug 28 2019*/
/* When adding new icons load the existing glyphter.svg file located in content/fonts/glyphter/*/
@font-face {
    font-family: 'Glyphter';
    src: url(/Content/fonts/glyphter/Glyphter.eot);
    src: url(/Content/fonts/glyphter/Glyphter.eot?#iefix) format('embedded-opentype'), url(/Content/fonts/glyphter/Glyphter.woff) format('woff'), url(/Content/fonts/glyphter/Glyphter.ttf) format('truetype'), url(/Content/fonts/glyphter/Glyphter.svg#Glyphter) format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-dna:before {
    content: '\0041';
}

.icon-dna-Thicc:before {
    content: '\0042';
}

.icon-pn:before {
    content: '\0043';
}

.icon-buccal:before {
    content: '\0044';
}

.icon-pn_v2:before {
    content: '\0048';
}



/*
    THE FOLLOWING SECTION IS GOOGLE OPENSANS
*/

@font-face {
    font-family: 'Open Sans Semibold';
    src: url(/Content/fonts/Open-Sans/OpenSans-Semibold.ttf);
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url(/Content/fonts/Open-Sans/OpenSans-Semibold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url(/Content/fonts/Open-Sans/OpenSans-Semibold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url(/Content/fonts/Open-Sans/OpenSans-Semibold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url(/Content/fonts/Open-Sans/OpenSans-Bold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url(/Content/fonts/Open-Sans/OpenSans-ExtraBold.ttf);
    font-weight: 900;
}

@font-face {
    font-family: 'Open Sans Italic';
    src: url(/Content/fonts/Open-Sans/OpenSans-Italic.ttf);
}

@font-face {
    font-family: 'Open Sans Italic';
    src: url(/Content/fonts/Open-Sans/OpenSans-Italic.ttf);
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url(/Content/fonts/Open-Sans/OpenSans-Regular.ttf);
}

/*https://stackoverflow.com/a/61006886*/
select, option {
    font: -moz-pull-down-menu;
}



/*
    THE FOLLOWING SECTION IS GOOGLE OPENSANS
*/

@font-face {
    font-family: 'Open Sauce Semibold';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-SemiBold.ttf);
}

@font-face {
    font-family: 'Open Sauce Semibold';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-SemiBold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: 'Open Sauce Semibold';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-SemiBold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: 'Open Sauce Semibold';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-SemiBold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: 'Open Sauce Semibold';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-Bold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: 'Open Sauce One ExtraBold';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-ExtraBold.ttf);
    font-weight: 900;
}

@font-face {
    font-family: 'Open Sauce Italic';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-Italic.ttf);
}

@font-face {
    font-family: 'Open Sauce Italic';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-Italic.ttf);
    font-style: italic;
}

@font-face {
    font-family: 'Open Sauce One';
    src: url(/Content/fonts/Open-Sauce-Fonts/OpenSauceOne-Regular.ttf);
}





@font-face {
    font-family: 'Elephant';
    src: url(/Content/fonts/ELEPHNT.ttf);
}

@font-face {
    font-family: 'Elephant Italic';
    src: url(/Content/fonts/ELEPHNTI.ttf);
}

@font-face {
    font-family: 'Elephant Italic';
    src: url(/Content/fonts/ELEPHNTI.ttf);
    font-style: italic;
}




@font-face {
    font-family: 'Glacial Indifference-Bold';
    src: url(/Content/fonts/glacial-indifference.bold.otf);
}

@font-face {
    font-family: 'Glacial Indifference-Bold';
    src: url(/Content/fonts/glacial-indifference.bold.otf);
    font-weight: bold;
}

@font-face {
    font-family: 'Glacial Indifference-Bold';
    src: url(/Content/fonts/glacial-indifference.bold.otf);
    font-weight: 600;
}

@font-face {
    font-family: 'Glacial Indifference-Bold';
    src: url(/Content/fonts/glacial-indifference.bold.otf);
    font-weight: 700;
}

@font-face {
    font-family: 'Glacial Indifference-Bold';
    src: url(/Content/fonts/glacial-indifference.bold.otf);
    font-weight: 800;
}

@font-face {
    font-family: 'Glacial Indifference-Bold';
    src: url(/Content/fonts/glacial-indifference.bold.otf);
    font-weight: 900;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url(/Content/fonts/glacial-indifference.regular.otf);
}



/*
* ============================== IXXD Global ==============================
*/
body {
    font-family: 'Open Sans Regular', sans-serif;
}

/*
* — Button Styling —
*/
/* input type = "button"  */
input[type="button"],
input[type="button"].btn,
/* button  */
button.btn:not([data-jq-dropdown],.btn-white),
button.btn-default:not([data-jq-dropdown],.btn-white),
button.btn-primary:not([data-jq-dropdown],.btn-white),
/* anchor */
a.btn,
a.btn-default,
/* ul li a */
.ui-tabs .ui-tabs-nav li a,
/* ul li a for modal windows */
ul.nav-tabs li a {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0.5em 1.2em 0.5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #FFFFFF;
    border-color: #cccccc;
    background: -ms-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* IE10+ */
    background: -moz-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Mozilla Firefox */
    background: -o-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Opera */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #454445), color-stop(100, #7F7E7E)); /* Webkit (Safari/Chrome 10) */
    background: -webkit-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Webkit (Chrome 11+) */
    background: linear-gradient(to top, #454445 0%, #7F7E7E 100%); /* W3C Markup */
}

/* input type = "button" - focus, active and hover */
input[type="button"]:focus,
input[type="button"]:active:focus,
input[type="button"].active:focus,
input[type="button"]:hover,
input[type="button"].btn:focus,
input[type="button"].btn:active:focus,
input[type="button"].btn.active:focus,
input[type="button"].btn:hover,
/* button - focus, active and hover */
button.btn:not([data-jq-dropdown]):focus,
button.btn:not([data-jq-dropdown]):active:focus,
button.btn:not([data-jq-dropdown]).active:focus,
button.btn:not([data-jq-dropdown]):hover,
button.btn-default:not([data-jq-dropdown]):focus,
button.btn-default:not([data-jq-dropdown]):active:focus,
button.btn-default:not([data-jq-dropdown]).active:focus,
button.btn-default:not([data-jq-dropdown]):hover,
button.btn-primary:not([data-jq-dropdown]):focus,
button.btn-primary:not([data-jq-dropdown]):active:focus,
button.btn-primary:not([data-jq-dropdown]).active:focus,
button.btn-primary:not([data-jq-dropdown]):hover,
/* anchor - focus, active and hover */
a.btn:focus,
a.btn:active:focus,
a.btn.active:focus,
a.btn:hover,
a.btn-default:focus,
a.btn-default:active:focus,
a.btn-default.active:focus,
a.btn-default:hover {
    /* chrome button focus shows blue outline */
    outline: none;
    color: #FFFFFF;
    background-color: #454445;
    border-color: #adadad;
}

/* class close */
button.btn.close {
    background: none;
    color: #000;
}

button.btn.close:hover, 
button.btn.close:active:focus,
button.btn.close.active:focus,
button.btn.close:focus {
    background: none;
    color: #000;
    border-radius: 0px;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* jQuery ui */
.ui-widget {
    font-family: inherit;
}

.ui-widget-header {
	border: 0px;
	/*background-image: -ms-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%);*/ /* IE10+ */
	/*background-image: -moz-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%);*/ /* Mozilla Firefox */
	/*background-image: -o-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); */ /* Opera */
	/*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #93CA45), color-stop(100, #77AC2D));*/ /* Webkit (Safari/Chrome 10) */
	/*background-image: -webkit-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%);*/ /* Webkit (Chrome 11+) */
	/*background-image: linear-gradient(to top, #93CA45 0%, #77AC2D 100%);*/ /* W3C Markup */
	color: #FFFFFF;
}
.ui-widget-header label {
    color: #FFFFFF;
}

.ui-dialog span.ui-dialog-title {
    text-align: center;
    width: 100%;
}

.ui-widget-content {
    border: 0px;
}

div.ui-widget-header select.btn,
div.ui-widget-header select.btn-default,
div.ui-widget-header a.btn,
div.ui-widget-header a.btn-default {
    border: 0px;
    border-color: none;
}

/* font color */
.font_green {
    color: #82c342;
}
.font_darkGrayishMagenta {
    color: #454445;
}
.font_darkGrayishRed {
    color: #7F7E7E;
}


/*  IXXD franchise green */
div.styled-list ol > li:before {
    color: #82c342;
}

/*
* ============================== Carousel ==============================
*/

.carousel-active-current {
    color: #8CC638;
    font-size: 7px;
}

.carousel-inactive {
    color: #CCCCCC;
    font-size: 5px;
}

/*
* ============================== Layout Header ==============================
*/
.header-login-container {

}
section#login {
    margin: 0;
    text-align: right;
}

section#login a, section#login button {
    margin-right: -2px;
}

section#login > * {
    margin: 3px;
}

section#login .office-name {
    font-size: 14px;
    color: #4D4B50;
    font-weight: bold;
}

section#login .greeting {
    font-size: 14px;
    color: #4D4B50;
    font-weight: normal;
}
 
section#login .notifications {
    font-size: 14px;
    color: #4D4B50;
}

section#login .sp-group {
    display: block;
}

section#login .header-btn {
    padding: .3em 0.8em .3em;
}
/*
* — Top right, FAQ / SUPPORT button —
*/
section#login .faq-btn span::after {
    content: "FAQ / SUPPORT";
}
section#login .zohoticket-btn span::after {
    content: "Submit a Ticket";
}
section#login .log-off-btn span::after {
    content: "LOG OUT";
}

/*
* ============================== Navigation ==============================
*/

/*
* — Portal Menu —
*/
button.portalMenu {
    background: #636363;
}
button.portalMenu:hover {
    background-color: #ACACAC;
    background-image: none;
}
button.portalMenu.active {
    background-color: #ACACAC;
    background-image: none;
}
.navContainer.portalMenu {
    background-color: #ACACAC;
}
    .navContainer.portalMenu ul li a {
        color: #FFFFFF;
        background-color: #ACACAC;
        font-size: 10pt;
        font-weight: bold;
    }
.navContainer.portalMenu ul li a.active {
    background-color: #FFFFFF;
    color: #0696A1;
    font-size: 10pt;
    font-weight: bold;
}

.navContainer.portalMenu ul li a.active:hover {
    background-color: #f5f5fa;
}
.navContainer.portalMenu ul li:not(.active) a:hover {
    background-color: #636363;
    text-decoration: none;
    color: #fff;
}

/*
* — Left-nav —
*/
.navContainer {
    background: #636363;
}
.navContainer ul {
    text-align: left;
}
.navContainer ul li a {
    color: #FFFFFF;
    background-color: #636363;
    font-size: 10pt;
    font-weight: bold;
    padding-left: 15px;
}
.navContainer ul li.active {
    background-color: #FFFFFF;
}
    .navContainer ul li a.active {
        font-size: 10pt;
        font-weight: bold;
        color: #0696A1;
    }
.navContainer ul li:not(.active) a:hover {
    background-color: #ACACAC;
    text-decoration: none;
    color: #000000;
}

/*
* — Top-Nav  —
*/
/* Hide the top nav border-bottom line */
#navJqueryTabs .ui-tabs-nav:after,
#tabs .ui-tabs-nav:after {
    background: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #FFFFFF;
}
/*#navJqueryTabs .ui-tabs-nav li.ui-state-active a:hover {
    background: #ACACAC;
}*/

/* Overriding the border for "FAQ/SUPPORT" page  */
[id^=support] .ui-state-active,
[id^=support] .ui-widget-header .ui-state-active {
    border: 0px;
}
[id^=support] .ui-state-default,
[id^=support] .ui-widget-header .ui-state-default {
    border: 0px;
    background: none;
}

/* blink buttons  */
@-webkit-keyframes blink {
    0% {
        background: #454445;
    }

    25% {
        background: #d9d9d9;
    }

    50% {
        background: #c7c6c7;
    }

    75% {
        background: #8f8e8f;
    }

    100% {
        background: #454445;
    }
} @keyframes blink {
    0% {
        background: #454445;
    }

    25% {
        background: #d9d9d9;
    }

    50% {
        background: #c7c6c7;
    }

    75% {
        background: #8f8e8f;
    }

    100% {
        background: #454445;
    }
} @-moz-keyframes blink {
    0% {
        background: #454445;
    }

    25% {
        background: #d9d9d9;
    }

    50% {
        background: #c7c6c7;
    }

    75% {
        background: #8f8e8f;
    }

    100% {
        background: #454445;
    }
}
/* tapered line */
.contentContainer ul.ui-tabs-nav li div.taperedLine {
    height: 0px;
}
/*
* ============================== Dashboard ==============================
*/
/*
* — Hud  —
*/
.widgetDashboard .widgetWindow {
    padding: 5px 10px 10px 10px;
    border: 0px;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
} .widgetDashboard .widgetUserCaption, .widgetDashboard .widgetAdminCaption, .widgetDashboard .widgetPatientCaption, .widgetDashboard .widgetRestrictedCaption {
    font-size: 10pt;
    background-image: -ms-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #93CA45), color-stop(100, #77AC2D)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(to top, #93CA45 0%, #77AC2D 100%); /* W3C Markup */
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
/* adding spaces between each dashboard layout  */
.grid-stack.widgetDashboard > .grid-stack-item {
    padding: 10px 10px 5px 10px;
}
/* hide the content_page "Edit" icon */
.widgetDashboard .widgetContents i.content-wrapper {
    display: none !important;
}
/*
* ============================== Patient Portal ==============================
*/
/*
* ------------------------------------- Your IntellxxDNA Test Kit  -----------------------------------------------------------------------
*/
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetPatientCaption {
    background-image: -ms-linear-gradient(bottom, #FF8201 0%, #FA9601 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #FF8201 0%, #FA9601 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #FF8201 0%, #FA9601 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FF8201), color-stop(100, #FA9601)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #FF8201 0%, #FA9601 100%); /* W3C Markup (IE Edge) */
}
/* caption text */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetPatientCaption:before {
    content: 'IntellxxDNA™ Test Kit';
}
/* content  */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetContents {
    /*overflow: hidden;*/
    /*font-size:10px;*/
}
/* content sub title h2 */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetContents h2 {
    color: #FF9D00;
    font-size: 1.3em; /* default h2 size */
    margin-top: 1px;
}
/* content subtitle image */
div.dna-test-kit-icon {
    background-image: url(/Images/IXXD-DNA-Test-Kit-Icon.png);
}
/* content button */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetContents a.btn {
    background-image: -ms-linear-gradient(bottom, #FF8201 0%, #FA9601 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #FF8201 0%, #FA9601 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #FF8201 0%, #FA9601 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FF8201), color-stop(100, #FA9601)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #FF8201 0%, #FA9601 100%); /* W3C Markup (IE Edge) */
    border-color: #ef8d31;
}
/* content button states */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetContents a.btn:focus, #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetContents a.btn:active:focus, #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetContents a.btn.active:focus, #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetContents a.btn:hover {
    outline: none;
    color: #FFFFFF;
    background-color: #efb231;
    border-color: #ef8d31;
} #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #RegisterActivateBarcode .widgetWindow div.widgetContentWrapper .widgetContents #registerBarcode:before {
    content: 'CLICK HERE TO PROCEED';
}
/*
* ----------------------------------- Upload Existing Data From 23&Me  -----------------------------------------------------
*/
/* fa icon */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetContents i.fa-cloud-upload {
    color: #549A9E;
}
/* caption text */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetPatientCaption:before {
    content: 'Upload Existing Data From 23andMe';
} #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetPatientCaption {
    background-image: -ms-linear-gradient(bottom, #016a74 0%, #0098a7 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #016a74 0%, #0098a7 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #016a74 0%, #0098a7 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #016a74), color-stop(100, #0098a7)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #016a74 0%, #0098a7 100%); /* W3C Markup (IE Edge) */
}
/* content button */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetContents a.btn {
    background-image: -ms-linear-gradient(bottom, #016a74 0%, #0098a7 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #016a74 0%, #0098a7 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #016a74 0%, #0098a7 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #016a74), color-stop(100, #0098a7)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #016a74 0%, #0098a7 100%); /* W3C Markup (IE Edge) */
    border-color: #0098a7;
}
/* content button states */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetContents a.btn:focus, #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetContents a.btn:active:focus, #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetContents a.btn.active:focus, #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetContents a.btn:hover {
    outline: none;
    color: #FFFFFF;
    background-color: #95e1e5;
    border-color: #3e878b;
}
/* content anchor  */
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientFileSelfSubmit .widgetWindow div.widgetContentWrapper .widgetContents .patientNodeContent a.text-color {
    color: #0098a7;
}
/*
* ----------------------------------- Client Survey Node  -----------------------------------------------------
*/
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientSurveyList .widgetWindow div.widgetContentWrapper .widgetPatientCaption, #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientMGNADocuments .widgetWindow div.widgetContentWrapper .widgetPatientCaption {
    background-image: -ms-linear-gradient(bottom, #453a6f 0%, #6757a5 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #453a6f 0%, #6757a5 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #453a6f 0%, #6757a5 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #453a6f), color-stop(100, #6757a5)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #453a6f 0%, #6757a5 100%); /* W3C Markup (IE Edge) */
} #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientSurveyList .widgetWindow div.widgetContentWrapper .widgetContents a.btn, #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientMGNADocuments .widgetWindow div.widgetContentWrapper .widgetContents a.btn {
    background-image: -ms-linear-gradient(bottom, #453a6f 0%, #6757a5 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #453a6f 0%, #6757a5 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #453a6f 0%, #6757a5 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #453a6f), color-stop(100, #6757a5)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #453a6f 0%, #6757a5 100%); /* W3C Markup (IE Edge) */
    border-color: #6757a5;
}
/*
* ----------------------------------- TODO REPORTS Node  -----------------------------------------------------
*/
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #ClientSupplements .widgetWindow div.widgetContentWrapper .widgetPatientCaption {
    background-image: -ms-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #77ac2d), color-stop(100, #8cc739)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #77ac2d 0%, #8cc739 100%); /* W3C Markup (IE Edge) */
} #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #ClientSupplements .widgetWindow div.widgetContentWrapper .widgetContents a.btn {
    background-image: -ms-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #77ac2d), color-stop(100, #8cc739)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #77ac2d 0%, #8cc739 100%); /* W3C Markup (IE Edge) */
    border-color: #8cc739;
}
/*
* ----------------------------------- IXXD REPORTS Node  -----------------------------------------------------
*/
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #MedicalPatientReports .widgetWindow div.widgetContentWrapper .widgetPatientCaption {
    background-image: -ms-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #77ac2d), color-stop(100, #8cc739)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #77ac2d 0%, #8cc739 100%); /* W3C Markup (IE Edge) */
} #Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #MedicalPatientReports .widgetWindow div.widgetContentWrapper .widgetContents a.btn {
    background-image: -ms-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #77ac2d 0%, #8cc739 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #77ac2d), color-stop(100, #8cc739)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #77ac2d 0%, #8cc739 100%); /* W3C Markup (IE Edge) */
    border-color: #8cc739;
}

/*
* ----------------------------------- IXXD Action Plan Node  -----------------------------------------------------
*/
#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientActionPlan .widgetWindow div.widgetContentWrapper .widgetPatientCaption {
    background-image: -ms-linear-gradient(bottom, #008485 0%, #0696A1 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #008485 0%, #0696A1 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #008485 0%, #0696A1 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008485), color-stop(100, #0696A1)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #008485 0%, #0696A1 100%); /* W3C Markup (IE Edge) */
}

#Dashboard div[data-template='patient-dashboard'] div.widgetDashboard > #PatientActionPlan .widgetWindow div.widgetContentWrapper .widgetContents a.btn {
    background-image: -ms-linear-gradient(bottom, #008485 0%, #0696A1 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #008485 0%, #0696A1 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #008485 0%, #8cc739 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008485), color-stop(100, #0696A1)); /* Webkit (Safari/Chrome 10) */
    background-image: linear-gradient(to bottom, #008485 0%, #0696A1 100%); /* W3C Markup (IE Edge) */
    border-color: #0696A1;
}
/*
* ============================== Page Help ==============================
*/
.helpButtonActive {
    border: solid 0px green;
}

/*
* ==============================  dataTable  ==============================
*/
.dataTable a.btn {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
    border-color: #cccccc;
    color: #333333;
    font-weight: normal;
} .dataTable a.btn:focus, .dataTable a.btn:active:focus, .dataTable a.btn.active:focus, .dataTable a.btn:hover {
    background: none;
    background-color: #ffffff;
    border-color: #cccccc;
    color: #000000;
}
/*
* ============================== IntellXX DNA Reports ==============================
*/
/*
* — Generated New Report  —
*/
.medrepSelectionHeader {
    background-image: -ms-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); /* IE10+ */
    background-image: -moz-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #93CA45), color-stop(100, #77AC2D)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(bottom, #93CA45 0%, #77AC2D 100%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(to top, #93CA45 0%, #77AC2D 100%); /* W3C Markup */
    border: 0px;
    outline: none;
    padding: 10px 10px 10px 10px;
} .medrepSelectionHeader label {
    color: #FFFFFF;
} #Report_Panel_Assignement .ui-widget-header {
    background: -ms-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* IE10+ */
    background: -moz-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Mozilla Firefox */
    background: -o-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Opera */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #454445), color-stop(100, #7F7E7E)); /* Webkit (Safari/Chrome 10) */
    background: -webkit-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Webkit (Chrome 11+) */
    background: linear-gradient(to top, #454445 0%, #7F7E7E 100%); /* W3C Markup */
} .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}
/* Selected Panels / Available Panels */
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
} span.assignedTrash i[class*=" fa-"], span.assignedTrash allTrash {
    color: #FFFFFF;
}
/* Seach input textbox is inside the label */
.ui-widget-header label input[type="search"] {
    color: initial;
}
/*
* — Generated Medical Report  —
*/
.medRepOddsHeader {
    background-color: #C7E5E8;
    color: #000;
}
.medRepOdssReportName, .medRepTableBlock .medRepOddsSnpTypeHeader, .medRepTableHeader, .medRepTableBlock .medRepTableHeader {
    background-color: #0696A1;
    color: #FFF;
}
.collapsible-wrapper span[aria-expanded*="false"]:after, .collapsible-wrapper span[aria-expanded*="true"]:after {
    background: -ms-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* IE10+ */
    background: -moz-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Mozilla Firefox */
    background: -o-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Opera */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #454445), color-stop(100, #7F7E7E)); /* Webkit (Safari/Chrome 10) */
    background: -webkit-linear-gradient(bottom, #454445 0%, #7F7E7E 100%); /* Webkit (Chrome 11+) */
    background: linear-gradient(to top, #454445 0%, #7F7E7E 100%); /* W3C Markup */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*
* ============================== Application Logs ==============================
*/
.instructionsHeader {
    color: #FFFFFF;
} .rootCategory, .childRows {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
/* https://css-tricks.com/replace-the-image-in-an-img-with-css/ */
img[src*="/Images/gear.gif"] {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/Images/IXXD-All-Colors-DNA-2s-120px.gif);
    background-image: url(/Images/IXXD-All-Colors-DNA-2s-120px.svg), none;
    width: 120px;
    height: 120px;
    margin: auto;
    padding-left: 120px;
} .franchiseSpinner {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/Images/IXXD-All-Colors-DNA-2s-120px.gif);
    background-image: url(/Images/IXXD-All-Colors-DNA-2s-120px.svg), none;
    width: 120px;
    height: 120px;
    margin: auto;
    background-size: contain;
}
.franchiseBlue {
    color: #0696A1;
    text-decoration-color: #0696A1;
}
.franchiseGreen {
    color: #82c342;
    text-decoration-color: #82c342;
}
.franchiseBlack {
    color: #4d4B50;
    text-decoration-color: #4d4B50;
}
.franchiseOrange {
    color: #ed7625;
    text-decoration-color: #ed7625;
}
.franchisePurple {
    color: #6757a5;
    text-decoration-color: #6757a5;
}
.franchiseGrey {
    color: #4d4b50;
    text-decoration-color: #4d4b50;
}
.franchiseBackgroundBlue {
    background-color: #0696A1;
} .franchiseBackgroundGreen {
    background-color: #82c342;
} .franchiseBackgroundBlack {
    background-color: #4d4B50;
} .franchiseBackgroundOrange {
    background-color: #ed7625;
} .franchiseBackgroundPurple {
    background-color: #6757a5;
} .franchiseGrey {
    color: #4d4b50;
} .btn.adminElement, .btn-default.adminElement {
    background-color: #ef8d31 !important;
    background: none;
}
#focusedPanelcheckboxContainer {
    margin-left: 115px;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 12px;
}
.spotlightCheckboxes {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.spotlightCheckboxes .control-label{
    margin-left:5px;
}