/* HTML */
html {
    height: 100%;
}
/* End HTML */

/* Body */

#content_area {
    clear: both;
    margin: 0 0 20px;
}

body {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    font-family: "CentraleSans Book";
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
}

#divLoading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media(max-width:450px) {
    h1.h1small {
        font-size: 36px !important;
    }

    #DreamMapperBrand {
        width: 75px;
        height: 75px;
    }
}

@media(min-width:450px) and (max-width:768px) {
    h1.h1small {
        font-size: 36px !important;
    }
}

@media(min-width:995px) {
    .HeaderHeight {
        min-height: 220px;
    }

    .RegisterPadding {
        background-color: transparent !important;
    }

    .SettingsContent, .HelpContent, .LearnContent, .UnsubscribeContent, .PageContentHeight {
        min-height: 500px;
    }

    .LogonContent {
        min-height: 450px;
    }

    .body-content {
        /*margin-top: -100px;*/
        /*position: relative;*/
        /*z-index: 1;*/
        /*margin-top: 0;*/
        margin-top: -153px;
    }

    .NotAuthPagesHeaderHeight {
        min-height: 179px;
    }

    .NotAuthPagesMarginTop {
        margin-top: -145px;
    }

    .SubnavMargin {
        margin-top: -15px;
    }
}

.bodybg {
    background: -webkit-linear-gradient(-35deg,#003478 0%, #0066A1 100%);
    background: -moz-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* FF3.6+ */
    background: -webkit-¬linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* Chrome10+,Safari5.1+ */
    background: ¬‐o¬‐linear¬‐gradient(-35deg,#003478 0%, #0066A1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* IE10+ */
    background: -webkit-gradient(color-stop(0%,#003478), color-stop(100%,#0066A1)); /* Chrome,Safari4+ */
    background: linear-gradient(0%,#003478 0%,#0066A1 100%); /* W3C */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.TopContainer {
    background: -webkit-linear-gradient(-35deg,#003478 0%, #0066A1 100%);
    background: -moz-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* FF3.6+ */
    background: -webkit-¬linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* Chrome10+,Safari5.1+ */
    background: ¬‐o¬‐linear¬‐gradient(-35deg,#003478 0%, #0066A1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* IE10+ */
    background: -webkit-gradient(color-stop(0%,#003478), color-stop(100%,#0066A1)); /* Chrome,Safari4+ */
    background: linear-gradient(0%,#003478 0%,#0066A1 100%); /* W3C */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.BottomContainer {
    background: -webkit-linear-gradient(-35deg,#003478 0%, #0066A1 100%);
    background: -moz-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* FF3.6+ */
    background: -webkit-¬linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* Chrome10+,Safari5.1+ */
    background: ¬‐o¬‐linear¬‐gradient(-35deg,#003478 0%, #0066A1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* IE10+ */
    background: -webkit-gradient(color-stop(0%,#003478), color-stop(100%,#0066A1)); /* Chrome,Safari4+ */
    background: linear-gradient(0%,#003478 0%,#0066A1 100%); /* W3C */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

ol.alphaList {
    list-style: lower-alpha;
}

#DreamMapperBrand {
}

/*@media(max-width:991px) {
    #DreamMapperBrand {
        width: 20px;
        height: 20px;
    }
}*/



@media(max-width:1367px) {
    .body-content {
        margin-top: 0px;
    }

    body {
        background: -webkit-linear-gradient(-35deg,#003478 0%, #0066A1 100%);
        background: -ms-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* IE10+ */
        background: -moz-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* FF3.6+ */
    }
}

h1, h2, h3, .h1, .h2, .h3 {
    font-family: "CentraleSans XBold";
    font-weight: 500;
    line-height: 1.1;
}

h4, .h4 {
    font-family: "CentraleSans Bold";
    font-weight: 500;
    line-height: 1.1;
}

.obsoleteAlert {
    color: red;
}

.terms_use_links, .page_links {
    color: #000000;
    font-family: "CentraleSans Book";
    font-size: 14px;
    font-weight: 100;
}

    .terms_use_links:hover, .page_links:hover {
        color: #000000;
        font-family: "CentraleSans Book";
        font-size: 14px;
        font-weight: 100;
        text-decoration: none;
    }

.right-text {
    text-align: right;
}

#page_title {
    font-family: "CentraleSans Book";
    color: #1a3ba5;
    font-size: 35px;
    font-weight: bold;
}

#help_heading,
#form_heading {
    font-family: "CentraleSans Book";
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}

#form_heading {
    text-align: right;
}

#subform_heading {
    font-family: "CentraleSans Book";
    color: #3c3c3c;
    font-size: 14px;
}

#contact_preference_italics {
    font-family: "CentraleSans Light";
    color: #323232;
    font-size: 17px;
}

.form-control {
    margin-bottom: 15px;
}

.field-validation-error {
    font-style: italic;
}

#label_device,
#label_email,
#label_first_name,
#label_last_name,
#label_password,
#label_registrationDate {
    color: #3c3c3c;
    font-size: 14px;
    font-family: "CentraleSans Book";
}

.buttonwithimage,
a.buttonwithimage,
input[type=submit] {
}

/* End Body */

/* NavBar */

.navbar-inverse {
    position: static;
    background: transparent;
    border: 0 !important;
    z-index: 0;
}

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > span > a {
        color: #ffffff;
        font-family: "CentraleSans Book";
        font-size: 13px;
    }

/* End NavBar */

/* Badges */

.badge {
    display: inline-block;
    min-width: 15px;
    padding: 2px 2px;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: super;
    background-color: #cd202c;
    border-radius: 12px;
    position: absolute;
    top: 7px;
    right: 0px;
}

    .badge:empty {
        display: none;
    }

@media screen and (max-width: 768px) {
    .badge {
        display: inline-block;
        min-width: 15px;
        padding: 2px 2px;
        font-size: 10px;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: super;
        background-color: #cd202c;
        border-radius: 12px;
        position: absolute;
        top: 7px;
        left: 55px;
        right: auto;
    }
}

/* End Badges */

/* Fonts */

/* Bold*/
@font-face {
    font-family: 'CentraleSans Bold';
    src: url('../fonts/CentraleSans-Bold/CentraleSans-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-Bold/CentraleSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-Bold/CentraleSans-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-Bold/CentraleSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-Bold/CentraleSans-Bold.svg#7aed1b68c527ea246edf61790a121845') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
}

/* Bold Italic */
@font-face {
    font-family: 'CentraleSans';
    src: url('../fonts/CentraleSans-BoldItalic/CentraleSans-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-BoldItalic/CentraleSans-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-BoldItalic/CentraleSans-BoldItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-BoldItalic/CentraleSans-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-BoldItalic/CentraleSans-BoldItalic.svg#229bc988ba600d5efed93c68af43633e') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 700;
}

/* Book */
@font-face {
    font-family: 'CentraleSans Book';
    src: url('../fonts/CentraleSans-Book/CentraleSans-Book.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-Book/CentraleSans-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-Book/CentraleSans-Book.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-Book/CentraleSans-Book.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-Book/CentraleSans-Book.svg#1d84a514a13dcf4f9de78cc3753dbf03') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

/* Book Italic */
@font-face {
    font-family: 'CentraleSans BookItalic';
    src: url('../fonts/CentraleSans-BookItalic/CentraleSans-BookItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-BookItalic/CentraleSans-BookItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-BookItalic/CentraleSans-BookItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-BookItalic/CentraleSans-BookItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-BookItalic/CentraleSans-BookItalic.svg#d6af579292c57141dd4d73bd8e7332f1') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 400;
}

/* Hairline */
@font-face {
    font-family: 'CentraleSans Hairline';
    src: url('../fonts/CentraleSans-Hairline/CentraleSans-Hairline.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-Hairline/CentraleSans-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-Hairline/CentraleSans-Hairline.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-Hairline/CentraleSans-Hairline.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-Hairline/CentraleSans-Hairline.svg#3e8f9638cef28de44c5f0ef5a2ac1f86') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

/* Hairline Italic */
@font-face {
    font-family: 'CentraleSans HairlineItalic';
    src: url('../fonts/CentraleSans-HairlineItalic/CentraleSans-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-HairlineItalic/CentraleSans-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-HairlineItalic/CentraleSans-HairlineItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-HairlineItalic/CentraleSans-HairlineItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-HairlineItalic/CentraleSans-HairlineItalic.svg#4d2f53df18bb5b2094d87985d0e83b1f') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 400;
}

/* Light */
@font-face {
    font-family: 'CentraleSans Light';
    src: url('../fonts/CentraleSans-Light/CentraleSans-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-Light/CentraleSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-Light/CentraleSans-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-Light/CentraleSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-Light/CentraleSans-Light.svg#d22854b5c8a257945cfe36032fb48365') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 200;
}

/* Light Italic */
@font-face {
    font-family: 'CentraleSans Light Italic';
    src: url('../fonts/CentraleSans-LightItalic/CentraleSans-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-LightItalic/CentraleSans-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-LightItalic/CentraleSans-LightItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-LightItalic/CentraleSans-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-LightItalic/CentraleSans-LightItalic.svg#e1165f88416a600732f9d34befbddc06') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 200;
}

/* Medium */
@font-face {
    font-family: 'CentraleSans Medium';
    src: url('../fonts/CentraleSans-Medium/CentraleSans-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-Medium/CentraleSans-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-Medium/CentraleSans-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-Medium/CentraleSans-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-Medium/CentraleSans-Medium.svg#919c5c091df8f3d5bd02f587b9494055') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

/* Medium Italic */
@font-face {
    font-family: 'CentraleSans MediumItalic';
    src: url('../fonts/CentraleSans-MediumItalic/CentraleSans-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-MediumItalic/CentraleSans-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-MediumItalic/CentraleSans-MediumItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-MediumItalic/CentraleSans-MediumItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-MediumItalic/CentraleSans-MediumItalic.svg#2e0966e06b18b0eaf7b97cfa6909a0f1') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 400;
}

/* Thin */
@font-face {
    font-family: 'CentraleSans Thin';
    src: url('../fonts/CentraleSans-Thin/CentraleSans-Thin.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-Thin/CentraleSans-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-Thin/CentraleSans-Thin.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-Thin/CentraleSans-Thin.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-Thin/CentraleSans-Thin.svg#1231844b5cf0b94274c7dceb758a518f') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 200;
}

/* Thin Italic */
@font-face {
    font-family: 'CentraleSans Thin Italic';
    src: url('../fonts/CentraleSans-ThinItalic/CentraleSans-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-ThinItalic/CentraleSans-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-ThinItalic/CentraleSans-ThinItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-ThinItalic/CentraleSans-ThinItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-ThinItalic/CentraleSans-ThinItalic.svg#b4442d5a0271a1a31bc43d121e5171e6') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 200;
}

/* XBold */
@font-face {
    font-family: 'CentraleSans XBold';
    src: url('../fonts/CentraleSans-XBold/CentraleSans-XBold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-XBold/CentraleSans-XBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-XBold/CentraleSans-XBold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-XBold/CentraleSans-XBold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-XBold/CentraleSans-XBold.svg#9a864760680d346e5852a22d8d46f391') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
}

/* XBold Italic */
@font-face {
    font-family: 'CentraleSans XBoldItalic';
    src: url('../fonts/CentraleSans-XBoldItalic/CentraleSans-XBoldItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-XBoldItalic/CentraleSans-XBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-XBoldItalic/CentraleSans-XBoldItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-XBoldItalic/CentraleSans-XBoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-XBoldItalic/CentraleSans-XBoldItalic.svg#cce15fd5072d3bc364b3a5d5801a6c49') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 700;
}

/* XLight */
@font-face {
    font-family: 'CentraleSans XLight';
    src: url('../fonts/CentraleSans-XLight/CentraleSans-XLight.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-XLight/CentraleSans-XLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-XLight/CentraleSans-XLight.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-XLight/CentraleSans-XLight.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-XLight/CentraleSans-XLight.svg#0776b0bc35c0190bb9f39c287b0e6737') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 200;
}

/* XLight Italic */
@font-face {
    font-family: 'CentraleSans XLightItalic';
    src: url('../fonts/CentraleSans-XLightItalic/CentraleSans-XLightItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-XLightItalic/CentraleSans-XLightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-XLightItalic/CentraleSans-XLightItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-XLightItalic/CentraleSans-XLightItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-XLightItalic/CentraleSans-XLightItalic.svg#280be28bc7e8ac52003d38d0d68c01ca') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 200;
}

/* XThin  */
@font-face {
    font-family: 'CentraleSans XThin';
    src: url('../fonts/CentraleSans-XThin/CentraleSans-XThin.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-XThin/CentraleSans-XThin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-XThin/CentraleSans-XThin.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-XThin/CentraleSans-XThin.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-XThin/CentraleSans-XThin.svg#6249393d0e2fa98463a1576bfb5a98dc') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 200;
}

/* XThin Italic */
@font-face {
    font-family: 'CentraleSans XThin Italic';
    src: url('../fonts/CentraleSans-XThinItalic/CentraleSans-XThinItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-XThinItalic/CentraleSans-XThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-XThinItalic/CentraleSans-XThinItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-XThinItalic/CentraleSans-XThinItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-XThinItalic/CentraleSans-XThinItalic.svg#1c655fab601ffc026afa8f553e514127') format('svg'); /* Legacy iOS */
    font-style: cursive;
    font-weight: 200;
}

/* Glyphicons*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

/* End Fonts */

/* Header */

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
    border-color: #428bca;
}

.navdropdown {
    padding: 10px 15px;
}

.dropdown-menu {
    background: #fff;
    font-family: 'CentraleSans Book';
    font-size: 13px;
}

@media(min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

.welcome-text {
    color: #333;
    font-family: 'CentraleSans Book';
    font-size: 13px;
    text-align: left;
    padding: 3px 20px;
    display: block;
    margin-right: 10px;
}
/* End Header */

/* Footer */

footer {
    background: -webkit-linear-gradient(-35deg,#003478 0,#0066A1 100%);
    background: -ms-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* IE10+ */
    background: -moz-linear-gradient(-35deg,#003478 0%, #0066A1 100%); /* FF3.6+ */
    position: relative;
    padding: 0 0 26px 0;
    color: rgba(255, 255, 255, 0.8);
    z-index: 99;
}

    footer .container {
        padding-top: 70px;
    }

    footer h5 {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.8);
    }

    footer .connect {
        margin-top: 123px;
        text-align: left;
        float: left;
        display: block;
        margin-right: 2.08477%;
        width: 31.94349%;
    }

        footer .connect:last-child {
            margin-right: 0;
        }

@media screen and (max-width: 700px) {
    footer .connect {
        float: left;
        display: block;
        margin-right: 4.25831%;
        width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: 20px;
    }

        footer .connect:last-child {
            margin-right: 0;
        }
}

footer .connect a {
    font-size: 22px;
    margin-right: 4px;
}

footer .logo {
    text-align: center;
    float: left;
    display: block;
    margin-right: 2.08477%;
    width: 31.94349%;
}

    footer .logo:last-child {
        margin-right: 0;
    }

@media screen and (max-width: 700px) {
    footer .logo {
        float: left;
        display: block;
        margin-right: 4.25831%;
        width: 100%;
        display: none;
    }

        footer .logo:last-child {
            margin-right: 0;
        }
}

footer .logo img {
    margin: 70px;
    width: 110px;
}

footer .logo.print {
    display: none;
}

footer .logo.mobile {
    display: none;
}

@media screen and (max-width: 700px) {
    footer .logo.mobile {
        display: inherit;
    }
}

footer .select {
    margin-top: 123px;
    text-align: right;
    float: left;
    display: block;
    margin-right: 2.08477%;
    width: 31.94349%;
    margin-right: 0;
}

    footer .select:last-child {
        margin-right: 0;
    }

@media screen and (max-width: 700px) {
    footer .select {
        float: left;
        display: block;
        margin-right: 4.25831%;
        width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: 20px;
    }

        footer .select:last-child {
            margin-right: 0;
        }
}

footer .select h5 {
    display: inline;
}

footer .select a {
    display: inline-block;
    white-space: nowrap;
    padding-left: 10px;
}

footer .consumer-links, footer .country-links {
    position: absolute;
    display: none;
    right: 0;
    margin: 0;
    padding: 14px 0;
    background: #fff;
}

    footer .consumer-links li, footer .country-links li {
        display: block;
        margin: 0;
        padding: 0;
    }

    footer .consumer-links a, footer .country-links a {
        padding: 0;
        margin: 0 20px;
        color: #323232;
    }

footer #consumer-dropdown, footer #country-dropdown {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
}

    footer #consumer-dropdown:hover .consumer-links, footer #consumer-dropdown:hover .country-links, footer #country-dropdown:hover .consumer-links, footer #country-dropdown:hover .country-links {
        display: block;
    }

    footer #consumer-dropdown li, footer #country-dropdown li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

footer #country-dropdown {
    z-index: 2;
}

footer .copyright {
    float: left;
    display: block;
    margin-right: 2.08477%;
    width: 100%;
    text-align: center;
}

    footer .copyright:last-child {
        margin-right: 0;
    }

    footer .copyright a {
        display: inline-block;
        padding: 0 10px;
        line-height: 1;
        white-space: nowrap;
    }

        footer .copyright a + a {
            border-left: solid 1px #fff;
        }

    footer .copyright p {
        margin: 0;
        font-weight: 100;
    }

@media screen and (max-width: 700px) {
    footer .copyright p {
        margin-top: 20px;
    }
}

footer .text {
    color: #ffffff;
    font-family: "CentraleSans Book";
    font-size: 14px;
    font-weight: 100;
}

footer .bold {
    color: #ffffff;
    font-family: "CentraleSans Bold";
    font-size: 14px;
    font-weight: 100;
}

footer .footer-links {
    color: #ffffff;
    font-family: "CentraleSans Book";
    font-size: 14px;
    font-weight: 100;
}

    footer .footer-links:hover {
        color: #ffffff;
        font-family: "CentraleSans Book";
        font-size: 14px;
        font-weight: 100;
        text-decoration: none;
    }

footer .dream_copyright {
    color: #ffffff;
    font-family: "CentraleSans Book";
    font-size: 14px;
    font-weight: 100;
    opacity: .6;
}

footer .connectus {
    color: #ffffff;
    font-family: "CentraleSans Book";
    font-size: 14px;
    font-weight: 100;
}
/* End Footer */

/* Icons */

.icon-linkedin:before {
    content: url("../img/layout/LinkedIn.png");
}

.icon-youtube:before {
    content: url("../img/layout/youtube.png");
}

.icon-facebook:before {
    content: url("../img/layout/facebook.png");
}

.icon-twitter:before {
    content: url("../img/layout/twitter.png");
}

.icon-my-philips:before {
    content: url("../img/layout/Profile.png");
}

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-osicon {
    display: inline;
    height: 32px;
    width: 32px;
    padding-right: 10px;
}

/* End Icons */

/*#region Reminders*/

.RemindersBody {
    background-color: #ffffff;
    color: #466c9d;
    padding-top: 50px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.RemindersHeading {
    font-family: "CentraleSans XThin";
    font-size: 40px;
    font-weight: 100;
    margin: 0 0 20px 0;
}

.RemindersItem label input[type=checkbox] {
    -ms-transform: scale(1.6); /* IE */
    -moz-transform: scale(1.6); /* FF */
    -webkit-transform: scale(1.6); /* Safari and Chrome */
    -o-transform: scale(1.6); /* Opera */
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -4px;
    *overflow: hidden;
}

.RemindersSubtitle {
    text-align: center;
    font-family: 'CentraleSans Bold';
    font-size: 17px;
    color: #1a3ba5;
    margin-bottom: 0;
    padding-right: 40px;
}

.RemindersFooter {
    text-align: center;
    padding-bottom: 50px;
}

.RemindersItem {
    margin-top: 15px;
    margin-bottom: 15px;
}

.RemindersItemFrequency {
    font-weight: bold;
}

p.RemindersSectionTitle {
    color: #003478;
    font-size: 17px;
    font-family: 'CentraleSans Book';
    padding-top: 9px;
}

p.RemindersSectionTitleMobile {
    color: #323232;
    font-size: 12pt;
    font-family: 'CentraleSans Book';
    padding-top: 9px;
}

p.RemindersDirectionText {
    color: #003478;
    font-size: 14px;
    font-family: 'CentraleSans Light Italic';
    padding-top: 9px;
}

p.RemindersDirectionTextMobile {
    color: #003478;
    font-size: 14pt;
    font-family: 'CentraleSans Light Italic';
    padding-top: 9px;
}

div.ReminderTitle {
    font-family: 'CentraleSans Bold';
    font-size: 17px;
    color: #323232;
    padding-bottom: 20px;
}

div.ReminderTitleMobile {
    font-family: 'CentraleSans Bold';
    font-size: 14pt;
    color: #323232;
    padding-bottom: 5px;
}

div.ReminderBodyTextMobile {
    font-family: 'CentraleSans Light';
    font-size: 12pt;
    color: #3c3c3c;
    padding-bottom: 10px;
}

div.ReminderBodyText {
    font-family: 'CentraleSans Light';
    font-size: 14px;
    color: #3c3c3c;
    padding-bottom: 34px;
}

div.ReminderList hr {
    margin: 0;
    color: #b3c8e6;
}

    div.ReminderList hr:last-child {
        display: none;
    }

div.ReminderType {
    font-family: 'CentraleSans Book';
    font-size: 14px;
    color: #3c3c3c;
    padding-top: 10px;
}

div.ReminderTypeMobile {
    font-family: 'CentraleSans Book';
    font-size: 14pt;
    color: #3c3c3c;
    padding-top: 10px;
}

select.HideArrow::-ms-expand {
    display: none;
}

div.ReminderSelect select {
    font-family: 'CentraleSans Book';
    font-size: 14px;
    color: #3c3c3c;
    height: 35px;
    width: 220px;
    outline: none;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    padding-left: 5px;
}

div.ReminderSelectMobile select {
    font-family: 'CentraleSans Book';
    font-size: 14pt;
    color: #3c3c3c;
    height: 35px;
    width: 220px;
    outline: none;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    padding-left: 5px;
}

div.ReminderDescription {
}

div.ReminderSelect, div.ReminderSelectMobile {
    width: 220px;
    height: 35px;
    overflow: hidden;
    background: url("../images/downarrow.PNG") no-repeat right #fff;
    border: 1px solid #cccccc;
}

div.RemindersHeader {
    background: #b3c8e6;
}

/*#endregion Reminders*/

/* Sleep Screen */

.SleepChevron {
    margin-top: 0px;
}

@media(min-width:300px) {
    .SleepChevron {
        margin-top: 25px;
    }
}

.PageTitle {
    text-align: center;
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 75px;
    font-weight: 100;
    margin: 0 0 20px 0;
    line-height: 1;
}

@media(max-width:650px) {
    .PageTitle {
        font-size: 60px;
    }
}

.Sleep_Date {
    text-align: center;
    color: #ffffff;
    font-family: CentraleSans XBold;
    font-size: 21px;
    font-weight: 100;
    line-height: 1px;
    margin: 0 0 14px 0;
}

.Sleep_Last_Updated {
    text-align: center;
    color: #ffffff;
    font-family: "CentraleSans Light";
    font-size: 14px;
    font-weight: 100;
    margin: 0 0 10px 0;
    font-style: italic;
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.inactive_sleep_heading {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-family: "CentraleSans Light";
    font-size: 21px;
    font-weight: 100;
    margin: 0 0 20px 0;
    zoom: 1;
    cursor: pointer;
}

    .inactive_sleep_heading:hover {
        text-decoration: none;
    }

.inactive_sleep_value {
    text-align: center;
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 50px;
    font-weight: 100;
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
    cursor: pointer;
}

    .inactive_sleep_value:hover {
        text-decoration: none;
    }

@media(max-width:650px) {
    .inactive_sleep_value, .active_sleep_value {
        font-size: 30px !important;
    }
}

.inactive_sleep_unit {
    text-align: center;
    color: #ffffff;
    font-family: "CentraleSans Light";
    font-size: 21px;
    font-weight: 100;
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
    cursor: pointer;
}

    .inactive_sleep_unit:hover {
        text-decoration: none;
    }

.active_sleep_heading {
    text-align: center;
    color: #ffffff;
    font-family: "CentraleSans Light";
    font-size: 21px;
    font-weight: 100;
    margin: 0 0 20px 0;
    cursor: default;
}

    .active_sleep_heading:hover {
        text-decoration: none;
        cursor: default;
    }

.active_sleep_value {
    text-align: center;
    color: #ffffff;
    font-family: "CentraleSans XLight";
    font-size: 50px;
    font-weight: 100;
    cursor: default;
}

    .active_sleep_value:hover {
        text-decoration: none;
        cursor: default;
    }

.active_sleep_unit {
    text-align: center;
    color: #ffffff;
    font-family: "CentraleSans Light";
    font-size: 21px;
    font-weight: 100;
    cursor: default;
    margin-left: 5px;
}

    .active_sleep_unit:hover {
        text-decoration: none;
        cursor: default;
    }

#DecreaseDay {
    margin-left: 40px;
    cursor: pointer;
}

#IncreaseDay {
    margin-right: 40px;
    cursor: pointer;
}

#SleepDayOfWeekSmall {
    display: none;
}

@media(max-width:960px) {
    #DecreaseDay {
        margin-left: 0;
    }

    #IncreaseDay {
        margin-right: 0;
        margin-left: 15px;
    }
}

.chevron_rt:before {
    content: "\203A";
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    cursor: pointer;
}

.chevron_rt_dark:before {
    content: "\203A";
    color: #1a3ba5;
    font-family: "CentraleSans XThin";
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.chevron_lt_dark:before {
    content: "\2039";
    color: #1a3ba5;
    font-family: "CentraleSans XThin";
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.chevron_lt_dark:hover {
    color: #1a3ba5;
    font-family: "CentraleSans XThin";
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
}

.chevron_rt:hover {
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    text-decoration: none;
}

.chevron_rt_dark:hover {
    color: #1a3ba5;
    font-family: "CentraleSans XThin";
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
}

.chevron_rt_inactive:before {
    content: "\203A";
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    zoom: 1;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.chevron_rt_inactive:hover {
    text-decoration: none;
}

.chevron_lt:before {
    content: "\2039";
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    cursor: pointer;
}

.chevron_lt:hover {
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    text-decoration: none;
}

.chevron_lt_inactive:before {
    content: "\2039";
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    zoom: 1;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.chevron_lt_inactive:hover {
    text-decoration: none;
}

.show_details_bold {
    text-align: left;
    color: #ffffff;
    font-family: "CentraleSans Bold";
    font-size: 14px;
    font-weight: 100;
    cursor: pointer;
}

    .show_details_bold:hover {
        color: #ffffff;
        text-align: left;
        color: #ffffff;
        font-family: "CentraleSans Bold";
        font-size: 14px;
        font-weight: 100;
        text-decoration: none;
    }

.show_details_light {
    text-align: left;
    color: #ffffff;
    font-family: "CentraleSans Light";
    font-size: 14px;
    font-weight: 100;
}

#usage_stats {
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: 1px;
}

#therapy_data_row {
    margin: 0 15px 20px 15px;
}

#show_hide_details_row {
    margin: 0 15px 0 15px;
    position: relative;
}

.show_hide_details {
    position: absolute;
    margin: 14px 0 0 -100px;
}

#details {
    margin: 0 15px 40px 15px;
    display: none;
    padding: 5px;
}

.details_label {
    text-align: left;
    color: #ffffff;
    opacity: .6;
    filter: alpha(opacity=60);
    font-family: "CentraleSans Book";
    font-size: 12px;
    font-weight: 100;
}

.details_values {
    text-align: left;
    color: #ffffff;
    font-family: "CentraleSans Medium";
    font-size: 12px;
    font-weight: 100;
}

.details_label_active {
    color: #ffffff;
    white-space: nowrap;
}
/* Graph */

.graph_container {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #7BA4D9;
}

.graph_date {
    font-family: "CentraleSans Light";
    font-size: 14px;
    color: #ffffff;
    font-weight: 100;
}

.graph_title {
    font-family: "CentraleSans xbold";
    font-size: 28px;
    color: #ffffff;
    font-weight: 100;
}

.chevron_rt_graph:before {
    position: relative;
    content: "\203A";
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    cursor: pointer;
}

.chevron_rt_graph_dark:before {
    position: relative;
    content: "\203A";
    color: #1a3ba5;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: bold;
    cursor: pointer;
}

.chevron_lt_graph_dark:before {
    position: relative;
    content: "\2039";
    color: #1a3ba5;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: bold;
    cursor: pointer;
}

.chevron_lt_graph_dark:hover {
    position: relative;
    color: #1a3ba5;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: bold;
    text-decoration: none;
}

.chevron_rt_graph:hover {
    position: relative;
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    text-decoration: none;
}

.chevron_rt_graph_dark:hover {
    position: relative;
    color: #1a3ba5;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: bold;
    text-decoration: none;
}

.chevron_rt_graph_inactive:before {
    position: relative;
    content: "\203A";
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    zoom: 1;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.chevron_rt_graph_inactive:hover {
    text-decoration: none;
}

.chevron_lt_graph:before {
    position: relative;
    content: "\2039";
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    cursor: pointer;
}

.chevron_lt_graph:focus {
    text-decoration: none;
    outline: none;
}

.chevron_rt_graph:focus {
    text-decoration: none;
    outline: none;
}

.chevron_lt_graph:hover {
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    text-decoration: none;
}

.chevron_lt_graph_inactive:before {
    position: relative;
    content: "\2039";
    color: #ffffff;
    font-family: "CentraleSans XThin";
    font-size: 89px;
    font-weight: 100;
    zoom: 1;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.chevron_lt_graph_inactive:hover {
    text-decoration: none;
}

.btn-zoom {
    font-family: "CentraleSans Book";
    font-size: 12px;
    color: #ffffff;
    background-color: #0f204b;
    border-color: #0f204b;
    /*width: 86px;*/
    border-radius: 2px;
}

    .btn-zoom:hover {
        color: #ffffff;
    }


    .btn-zoom:focus,
    .btn-zoom:active,
    .btn-zoom.active[data-active-class="zoom"] .open .dropdown-toggle.btn-success {
        color: #0f204b;
        background-color: #ffffff;
        border-color: #ffffff;
    }

    .btn-zoom:active,
    .btn-zoom.active,
    .open .dropdown-toggle.btn-success {
        background-image: none;
    }

p.zoom-text {
    color: #ffffff;
    font-size: 14px;
    font-family: "CentraleSans Light";
}

/* End Graph */

.modal-error {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    font-family: CentraleSans Book;
    color: red;
    font-size: 14px;
}

.modal-error-title {
    color: black;
}

.modal-error-body {
    text-align: center;
}

.triangle-hidden {
    display: none;
}

.triangle-show {
    display: block;
}

#AhiTriangle {
    margin-left: 38px;
}

#MaskTriangle {
    margin-right: 39px;
}

@media screen and (max-width: 768px) {
    #AhiTriangle {
        padding-left: 0px;
    }

    #MaskTriangle {
        padding-right: 0px;
    }
}

.SleepRegMessage {
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    top: 8%;
    right: 30%;
    left: 30%;
    z-index: 10;
    padding: 3px;
}

@media screen and (max-width: 1100px) {
    .SleepRegMessage {
        background: rgba(0, 0, 0, 0.5);
        text-align: center;
        position: absolute;
        top: 5%;
        right: 20%;
        left: 20%;
        z-index: 10;
        padding: 3px;
    }
}

/*  End Sleep Screen */

/* Section Body */

.body_background {
    background-color: #ffffff;
    font-family: CentraleSans Book;
    color: #3c3c3c;
    padding-bottom: 54px;
}

.privacy-break {
    margin-top: 54px;
    margin-bottom: 54px;
    border: 0;
    border-top: 1px solid #E7EBF3;
}

.privacy-break-no-border {
    margin-top: 54px;
    margin-bottom: 54px;
}
/* Section Body */

/* Settings */
.nav-tabs > li {
    text-align: center;
    min-width: 196px;
}

    /* active tab color */
    .nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #171f62;
        font-family: "CentraleSans Book";
        font-size: 17px;
    }

    .nav-tabs > li.disabled:hover {
        cursor: not-allowed;
    }

    /* tab color */
    .nav-tabs > li > a {
        color: #fff;
        font-family: "CentraleSans Book";
        font-size: 17px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

#account_settings_tab {
    border-bottom: 0px solid #ddd;
}

#alertText {
    color: #e88200;
    font-weight: bold;
}

#Settings_Page {
    border: solid;
    border-color: #1a3ba5;
}

#contact_preferences_text {
    font-style: italic;
}

#numberedList {
    list-style: decimal;
}

#bulletList {
    list-style: disc;
}

#circleList {
    list-style: circle;
}

#alphaList {
    list-style: lower-alpha;
}

#alphaListCAPS {
    list-style: upper-alpha;
}

#romanNumeralLower {
    list-style: lower-roman;
}

/*#region data connection */
ul.dataconn_tablist {
    margin-left: 0;
    float: left;
    margin: 0;
    width: 182px;
}

/*#region step by step guide (non-slideshow)*/
#two_col_steps {
    margin: 0 0 25px;
}

    #two_col_steps .row {
        margin: 0;
    }
    /*#two_col_steps .row > div {width:398px}*/
    #two_col_steps img {
        border: 2px solid #49545F;
        margin: 0 0 6px;
    }
/*#endregion*/

.img_right {
    float: right;
}

.img_left {
    float: left;
}

ul.dataconn_tablist li {
    list-style: none;
    padding: 0;
    margin: 23px 0;
}

#content_area.has_subnav ul.dataconn_tablist li a {
    display: block;
    line-height: 40px;
    color: #666;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
}

    #content_area.has_subnav ul.dataconn_tablist li a:hover {
        text-decoration: underline;
    }

#content_area.has_subnav ul.dataconn_tablist li.ui-state-active a {
    font-weight: bold;
    text-decoration: none;
}

ul.dataconn_tablist li a span {
    display: block;
    background: url(../img/layout/global_sprite.png) no-repeat;
    position: relative;
    top: 0;
    left: 50%;
}

ul.dataconn_tablist li #tab_sdcard span {
    background-position: 0 -294px;
    width: 26px;
    height: 30px;
    margin-left: -13px;
}

ul.dataconn_tablist li #tab_sdcard:hover span,
ul.dataconn_tablist li.ui-state-active #tab_sdcard span {
    background-position: -35px -294px;
}

ul.dataconn_tablist li #tab_modem span {
    background-position: 0 -263px;
    width: 35px;
    height: 31px;
    margin-left: -17px;
}

ul.dataconn_tablist li #tab_modem:hover span,
ul.dataconn_tablist li.ui-state-active #tab_modem span {
    background-position: -35px -263px;
}

ul.dataconn_tablist li #tab_btooth span {
    background-position: 0 -324px;
    width: 32px;
    height: 32px;
    margin-left: -16px;
}

ul.dataconn_tablist li #tab_btooth:hover span,
ul.dataconn_tablist li.ui-state-active #tab_btooth span {
    background-position: -35px -324px;
}

#installerDownloads {
    text-align: center;
}

@media(min-width: 768px) {
    #sdvideo {
        max-width: 750px;
        width: 750px;
        height: 438px;
    }
}

@media(min-width: 992px) {
    #sdvideo {
        max-width: 970px;
        width: 970px;
        height: 550px;
    }
}

@media(min-width: 1200px) {
    #sdvideo {
        max-width: 1170px;
        width: 1170px;
        height: 650px;
    }
}

/*#endregion*/

.content_form {
    border-top: 1px solid #ddd;
}

    .content_form label {
        display: block;
        font-weight: bold;
        font-size: 15px;
        color: #4a5561;
    }

    .content_form p {
    }

    .content_form .form_section {
        border-bottom: 1px solid #ccc;
        position: relative;
        padding: 12px 0 0;
        min-height: 18px;
        background: #f6f6f6;
    }

        .content_form .form_section header {
            position: absolute;
            top: 12px;
            left: 5px;
        }

            .content_form .form_section header h3 {
                margin: 0;
                font-size: 15px;
                max-width: 190px;
            }

    .content_form .form_row {
        margin: 0 0 12px 200px;
        position: relative;
    }

    .content_form textarea {
        padding: 15px;
        width: 300px;
        resize: none;
        height: 85px;
        font-size: 13px;
        border: none;
        color: #888;
        border-radius: 6px;
        box-shadow: 1px 1px 4px #666 inset;
    }

    .content_form input[type=text], .content_form input[type=password] {
        width: 230px;
        padding: 6px;
        border: none;
        color: #888;
        border-radius: 8px;
        box-shadow: 1px 1px 4px #666 inset;
    }

    .content_form .form_row select {
        padding: 6px;
        width: 230px;
        border: 1px solid #888;
        color: #888;
    }

    .content_form .form_row a[data-action="infoBoxPopup"] {
        left: 240px;
        right: auto;
        top: 20px;
    }

    .content_form.reminders a[data-action="infoBoxPopup"] {
        left: 165px;
        position: absolute;
        top: -1px;
    }

    .content_form.contactprefs a[data-action="infoBoxPopup"] {
        left: 165px;
        position: absolute;
        top: -1px;
    }

    .content_form .validation-summary-errors {
        margin-left: 155px;
    }

    .content_form .button_row {
        margin-top: 20px;
    }

#content_area .content_inset {
    padding: 15px;
    margin: 0 0 15px;
    word-wrap: break-word;
    clear: both;
    box-shadow: 0 0 5px #ccc inset;
}

.form-horizontal .control-label {
    text-align: left;
}

/* End Settings */

/*Feed Data*/

.feed_title_text {
    font-family: "CentraleSans XThin";
    font-size: 89px;
    color: #FFF;
    text-align: center;
}

.feed_box {
    background: white;
    min-width: 275px;
    min-height: 140px;
    margin-bottom: 54px;
    margin-right: 25px;
    margin-left: 25px;
    box-shadow: 7px 7px 5px #7186B1;
}

.feed_date {
    font-family: "CentraleSans Book";
    font-size: 21px;
    color: #ffffff;
    font-weight: 100;
    margin-top: 54px;
    text-align: center;
}

.FeedTypeAchievement {
    color: #5b8f22;
}

.FeedType {
    font-family: "CentraleSans Bold";
    font-size: 21px;
    padding-top: 12px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.FeedTypeReminder, .FeedTypeRecommendation {
    color: #0088c3;
}

.FeedTypeAlert {
    color: #e88200;
}

.FeedContent {
    font-family: "CentraleSans Book";
    font-size: 21px;
    color: #000;
    padding-left: 10px;
    padding-right: 5px;
    min-height: 44px;
}

.FeedClickHere {
    font-family: "CentraleSans Bold";
    font-size: 14px;
    color: #0b5ed7;
    cursor: pointer;
}

.FeedDescriptor {
    font-family: "CentraleSans Light";
    font-size: 14px;
    color: #000;
}

/*(x) icon to remove messages */
.FeedRemoveMessage {
    cursor: pointer;
    display: none;
    width: 20px;
    height: 20px;
    text-indent: -999em;
    background: url(../img/layout/global_sprite.png) no-repeat 0 -69px;
}

.feed_box:hover .FeedRemoveMessage {
    display: block;
    outline: 0 !important;
}

.FeedRemoveMessage:hover {
    background-position: 0 -89px;
}

.FeedNoMessages {
}

.feedbox_padding {
    padding: 10px !important;
}

.FeedAction {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 8px;
    padding-right: 5px;
}

.feed_container {
    background: #7BA4D9;
}

.feed_wrapper {
    width: 100%;
    height: 630px;
    overflow: hidden;
}

/*Feed Boxes*/

/* Section Dividers */
.section-divier {
    width: 100%;
    background-color: #010101;
    color: #171f62;
    font-family: "CentraleSans Book";
    font-size: 17px;
}

/* Section Dividers */

/*  Buttons */

#btn_edit, #btn_submit, #btn_cancel, .btn_cancel, .btn_white, .btn_cancel:hover, .btn_cancel:active {
    margin: 15px 18px 15px 0px;
    font-family: "CentraleSans Book";
    font-size: 14px;
    text-align: center;
    color: #003478;
    background-color: #ffffff;
    border-color: #003478;
    border-width: 1px;
    border-radius: 2px;
    height: auto;
}

#btn_edit_inverse, #btn_submit_inverse, #btn_cancel_inverse, #mask_expander, #mask_btn_submit_inverse, .btn_submit, .btn_submit:hover, .btn_submit:active {
    margin: 15px 18px 15px 0px;
    font-family: "CentraleSans Book";
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    background-color: #003478;
    border-color: #003478;
    border-width: 1px;
    border-radius: 2px;
    height: auto;
}

#btn_data_connection {
    margin: 15px 18px 15px 0px;
    font-family: "CentraleSans Book";
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background-color: #003478;
    border-color: #003478;
    border-width: 1px;
    border-radius: 2px;
    height: auto;
    width: 220px;
    padding: 8px 0;
}

#mask_btn_submit_inverse {
    display: none;
}

.btn-default {
    margin-bottom: 15px;
    min-width: 150px;
}

@media (max-width: 450px) {
    .btn-default {
        margin-bottom: 15px;
        min-width: 130px;
    }
}
/*  Buttons */

/* Help */
#help-nav-tab {
    border-bottom: none;
}

.help-definition {
    margin-top: 15px;
}

    .help-definition:first-child {
        margin-top: 15px;
    }

.definition-title {
    font-family: 'CentraleSans XBold';
    font-size: 14px;
    color: #1a3ba5;
    /*margin-bottom: 20px;*/
}

.definition-text {
    font-family: 'CentraleSans Book';
    font-size: 14px;
    color: #3c3c3c;
    margin: 0;
}

.help-contact {
    margin-top: 54px;
    margin-bottom: 54px;
}

.contact-logo {
    width: 192px;
    height: 140px;
    margin-right: 52px;
    display: inline-block;
    border: 1px solid #cccccc;
    vertical-align: top;
    line-height: 140px;
    overflow: hidden;
}

    .contact-logo img {
        max-width: 100%;
        max-height: 100%;
    }

div.contact-logo div {
    font-family: 'CentraleSans Bold';
    text-transform: uppercase;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.contact-info {
    display: inline-block;
}

.contact-title {
    font-family: 'CentraleSans Medium';
    font-size: 21px;
    color: #323232;
    margin-bottom: 20px;
}

.contact-address {
    font-family: 'CentraleSans Light';
    font-size: 14px;
    color: #3c3c3c;
}

.contact-contact {
    margin-top: 30px;
    font-family: 'CentraleSans Light';
    font-size: 14px;
}

.help-section-header {
    height: 40px;
    background-color: #bed1eb;
    vertical-align: middle;
    font-family: CentraleSans Book;
    font-size: 17px;
    color: #171f62;
}

    .help-section-header p {
        padding-top: 10px;
    }

.help-container {
    width: 90%;
}

    .help-container a:hover {
        text-decoration: none;
        cursor: pointer;
    }

/* Help */

/*Learn*/
#learn-nav-tab {
    border-bottom: none;
}

div.learn-guide h4, h5 {
    color: #323232;
}

.eq-section-header {
    background-color: #bed1eb !important;
    vertical-align: middle;
    font-family: CentraleSans Book;
    font-size: 17px;
    color: #171f62;
}

    .eq-section-header p {
        padding-top: 5px;
        padding-bottom: 5px;
    }

div.troubleshoot-header {
    height: auto !important;
    padding: 5px !important;
}

    div.troubleshoot-header p {
        display: inline;
        position: relative;
        top: -1px;
        padding-left: 5px;
    }

div.learn-video, div.learn-guide {
    border: 0px solid blue;
    min-height: 90px;
}

    div.learn-video h4,
    div.learn-guide h4 {
        font-family: 'CentraleSans Bold';
        font-size: 17px;
        color: #323232;
        margin-bottom: 0;
        margin-left: 140px;
    }

    div.learn-video h5,
    div.learn-guide h5 {
        font-family: 'CentraleSans Light';
        font-size: 14px;
        color: #323232;
        margin-top: 5px;
        margin-left: 140px;
    }

    div.learn-video img,
    div.learn-guide img {
        float: left;
        width: 120px;
        height: 90px;
    }

    div.learn-video hr:last-child,
    div.learn-guide hr:last-child {
        display: none;
    }

    div.learn-video:first-child,
    div.learn-guide:first-child {
        margin-top: 34px;
    }

div.learn-video, div.learn-guide {
    cursor: pointer;
}

.ytplayer {
    border: none;
    margin: 1px 1px 1px 1px;
    width: 100%;
    height: 90%;
    min-height: 372px;
}

.troubleshoot-selection-text {
    font-family: "CentraleSans Bold";
    color: #1a3ba5;
    font-size: 21px;
    margin-top: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 4%;
}

    .troubleshoot-selection-text span {
        position: absolute;
        left: 95%;
        color: #1a3ba5;
        opacity: 0.9;
        font-family: 'CentraleSans Light';
    }

.troubleshoot-container {
    /*width: 90%;*/
}

    .troubleshoot-container a:hover {
        text-decoration: none;
        cursor: pointer;
    }

    .troubleshoot-container .row {
        border-bottom: 1px solid #E7EBF3;
    }

        .troubleshoot-container .row:last-child {
            border-bottom: none;
        }

.vid-popup-title {
    font-family: "CentraleSans Bold";
    color: #1a3ba5;
    font-size: 21px;
    margin: 20px 10px 10px 10px;
}

.close {
    position: relative;
    left: 6px;
    color: #1a3ba5;
    font-size: 30px;
}

.vid-popup-close {
    top: 5px;
    position: relative;
    left: -10px;
    color: #1a3ba5;
    font-size: 30px;
}

button.guide-popup-close {
    top: -25px;
    left: 0px;
}

.vid-popup-container {
    height: 90%;
}

/*Mask Settings*/

#mask_type_selections, #nasal_options, #full_face_options, #pillow_options {
    display: none;
}

#nasalMenu, #fullfaceMenu, #pillowMenu, li {
    list-style-type: none;
}

#mask_form_heading {
    font-family: "CentraleSans Book";
    color: #1a3ba5;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 15px;
}

#mask_model_heading {
    font-family: "CentraleSans Book";
    color: #1a3ba5;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 15px;
    display: none;
}

#button_display {
    display: block;
    text-align: left;
    padding-top: 15px;
    margin-top: 10px;
}

.selection_text {
    color: #1a3ba5;
    font-family: "CentraleSans Light";
    font-size: 14px;
    font-weight: 300;
    margin-left: 15px;
}

    .selection_text:hover {
        text-decoration: none;
    }

.maskicons {
    background-image: url(../img/content/mask_matrix_sprite.png);
    width: 78px;
    height: 78px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.icon_label_text {
    font-family: "CentraleSans Book";
    color: black;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    margin-top: 7px;
    display: block;
}

#iconContainer {
    width: 110px;
    height: auto;
    display: inline-block;
    text-align: center;
}

/*Containers for each icon*/
#dreamwearsiliconepillowsContainer, #dreamfit3100spContainer, #dreamfit3100ncContainer, #dreamwearfullfaceContainer, #nasalContainer, #fullfaceContainer, #pillowContainer, #wispContainer, #picoContainer, #trueblueContainer, #easylifeContainer, #amaraviewContainer, #amaraContainer, #amaragelContainer,
#nuanceContainer, #golifeContainer, #optilifeContainer, #nasalnotlistedContainer, #comfortgelfullContainer, #gelblueContainer, #fullfacenotlistedContainer, #pillownotlistedContainer,
#fitlifeContainer, #nuanceproContainer, #dreamwearContainer, #wisppediatricContainer, #dreamweargelContainer, #dreamwispContainer {
    width: 155px;
    height: auto;
    display: inline-block;
    text-align: center;
}

    /*Hover and click for each icon*/
    #nasalContainer:hover #nasalText,
    #nasalContainer #nasalTextSelected,
    #fullfaceContainer:hover #fullfaceText,
    #fullfaceContainer #fullfaceTextSelected,
    #pillowContainer:hover #pillowText,
    #pillowContainer #pillowTextSelected,
    #dreamfit3100ncContainer:hover #dreamfit3100ncText,
    #dreamfit3100ncContainer #dreamfit3100ncTextSelected,
    #dreamfit3100spContainer:hover #dreamfit3100spText,
    #dreamfit3100spContainer #dreamfit3100spTextSelected,
    #dreamwearsiliconepillowsContainer:hover #dreamwearsiliconepillowsText,
    #dreamwearsiliconepillowsContainer #dreamwearsiliconepillowsTextSelected,
    #dreamwispContainer:hover #dreamwispText,
    #dreamwispContainer #dreamwispTextSelected,
    #dreamwearContainer:hover #dreamwearText,
    #dreamwearContainer #dreamwearTextSelected,
    #dreamwearfullfaceContainer:hover #dreamwearfullfaceText,
    #dreamwearfullfaceContainer #dreamwearfullfaceTextSelected,
    #dreamweargelContainer:hover #dreamweargelText,
    #dreamweargelContainer #dreamweargelTextSelected,
    #wispContainer:hover #wispText,
    #wispContainer #wispTextSelected,
    #wisppediatricContainer:hover #wisppediatricText,
    #wisppediatricContainer #wisppediatricTextSelected,
    #picoContainer:hover #picoText,
    #picoContainer #picoTextSelected,
    #trueblueContainer:hover #trueblueText,
    #trueblueContainer #trueblueTextSelected,
    #easylifeContainer:hover #easylifeText,
    #easylifeContainer #easylifeTextSelected,
    #gelblueContainer:hover #gelblueText,
    #gelblueContainer #gelblueTextSelected,
    #amaraviewContainer:hover #amaraviewText,
    #amaraviewContainer #amaraviewTextSelected,
    #amaraContainer:hover #amaraText,
    #amaraContainer #amaraTextSelected,
    #amaragelContainer:hover #amaragelText,
    #amaragelContainer #amaragelTextSelected,
    #fitlifeContainer:hover #fitlifeText,
    #fitlifeContainer #fitlifeTextSelected,
    #nuanceContainer:hover #nuanceText,
    #nuanceContainer #nuanceTextSelected,
    #nuanceproContainer:hover #nuanceproText,
    #nuanceproContainer #nuanceproTextSelected,
    #golifeContainer:hover #golifeText,
    #golifeContainer #golifeTextSelected,
    #optilifeContainer:hover #optilifeText,
    #optilifeContainer #optilifeTextSelected,
    #comfortgelfullContainer:hover #comfortgelfullText,
    #comfortgelfullContainer #comfortgelfullTextSelected,
    #nasalnotlistedContainer:hover #nasalnotlistedText,
    #nasalnotlistedContainer #nasalnotlistedTextSelected,
    #fullfacenotlistedContainer:hover #fullfacenotlistedText,
    #fullfacenotlistedContainer #fullfacenotlistedTextSelected,
    #pillownotlistedContainer:hover #pillownotlistedText,
    #pillownotlistedContainer #pillownotlistedTextSelected {
        color: white;
        background: #4a5561;
        border-radius: 3px;
        font-weight: normal;
    }

/*Nasal Icons*/
.maskicons.nasal {
    background-position: -156px 0px;
}

#nasalContainer:hover .maskicons.nasal,
#nasalContainer .maskicons.nasalSelected,
#nasalnotlistedContainer:hover .maskicons.nasal,
#nasalnotlistedContainer .maskicons.nasalnotlistedSelected {
    background-position: -156px -78px;
}

/*Full Face Icons*/
.maskicons.fullface {
    background-position: -78px 0px;
}

#fullfaceContainer:hover .maskicons.fullface,
#fullfaceContainer .maskicons.fullfaceSelected,
#fullfacenotlistedContainer:hover .maskicons.fullface,
#fullfacenotlistedContainer .maskicons.fullfacenotlistedSelected {
    background-position: -78px -78px;
}

/*Pillow Icons*/
.maskicons.pillow {
    background-position: 0px 0px;
}

#pillowContainer:hover .maskicons.pillow,
#pillowContainer .maskicons.pillowSelected,
#pillownotlistedContainer:hover .maskicons.pillow,
#pillownotlistedContainer .maskicons.pillownotlistedSelected {
    background-position: 0px -78px;
}

/*DreamWisp Icons*/
.maskicons.dreamwisp {
    background-position: -468px -312px;
}

#dreamwispContainer:hover .maskicons.dreamwisp,
#dreamwispContainer .maskicons.dreamwispSelected {
    background-position: -468px -390px;
}

/*DreamWear Icons*/
.maskicons.dreamwear {
    background-position: -156px -312px;
}

#dreamwearContainer:hover .maskicons.dreamwear,
#dreamwearContainer .maskicons.dreamwearSelected {
    background-position: -156px -390px;
}

/*Wisp Icons*/
.maskicons.wisp {
    background-position: -468px 0px;
}

#wispContainer:hover .maskicons.wisp,
#wispContainer .maskicons.wispSelected {
    background-position: -468px -78px;
}

/*Wisp Pediatric Icons*/
.maskicons.wisppediatric {
    background-position: -234px -312px;
}

#wisppediatricContainer:hover .maskicons.wisppediatric,
#wisppediatricContainer .maskicons.wisppediatricSelected {
    background-position: -234px -390px;
}

/*DreamFit 3100 NC Icons*/
.maskicons.dreamfit3100nc {
    background-position: -548px -312px;
}

#dreamfit3100ncContainer:hover .maskicons.dreamfit3100nc,
#dreamfit3100ncContainer .maskicons.dreamfit3100ncSelected {
    background-position: -548px -390px;
}

/*DreamFit 3100 SP Icons*/
.maskicons.dreamfit3100sp {
    background-position: 0px -469px;
}

#dreamfit3100spContainer:hover .maskicons.dreamfit3100sp,
#dreamfit3100spContainer .maskicons.dreamfit3100spSelected {
    background-position: 0px -547px;
}

/*DreamWear Silicone Pillows Icons*/
.maskicons.dreamwearsiliconepillows {
    background-position: -78px -469px;
}

#dreamwearsiliconepillowsContainer:hover .maskicons.dreamwearsiliconepillows,
#dreamwearsiliconepillowsContainer .maskicons.dreamwearsiliconepillowsSelected {
    background-position: -78px -547px;
}

/*Pico Icons*/
.maskicons.pico {
    background-position: 0px -312px;
}

#picoContainer:hover .maskicons.pico,
#picoContainer .maskicons.picoSelected {
    background-position: 0px -390px;
}

/*TrueBlue Icons*/
.maskicons.trueblue {
    background-position: -312px -156px;
}

#trueblueContainer:hover .maskicons.trueblue,
#trueblueContainer .maskicons.trueblueSelected {
    background-position: -312px -234px;
}

/*EasyLife Icons*/
.maskicons.easylife {
    background-position: 0px -156px;
}

#easylifeContainer:hover .maskicons.easylife,
#easylifeContainer .maskicons.easylifeSelected {
    background-position: 0px -234px;
}

/*Comfort Gel Icons*/
.maskicons.gelblue {
    background-position: -390px 0px;
}

#gelblueContainer:hover .maskicons.gelblue,
#gelblueContainer .maskicons.gelblueSelected {
    background-position: -390px -78px;
}

.maskicons.comfortgelfull {
    background-position: -312px 0px;
}

#comfortgelfullContainer:hover .maskicons.comfortgelfull,
#comfortgelfullContainer .maskicons.comfortgelfullSelected {
    background-position: -312px -78px;
}

/*Amara View Icons*/
.maskicons.amaraview {
    background-position: -78px -312px;
}

#amaraviewContainer:hover .maskicons.amaraview,
#amaraviewContainer .maskicons.amaraviewSelected {
    background-position: -78px -390px;
}

/*Amara Icons*/
.maskicons.amara {
    background-position: -390px -156px;
}

#amaraContainer:hover .maskicons.amara,
#amaraContainer .maskicons.amaraSelected {
    background-position: -390px -234px;
}

/*Amara Gel Icons*/
.maskicons.amaragel {
    background-position: -468px -156px;
}

#amaragelContainer:hover .maskicons.amaragel,
#amaragelContainer .maskicons.amaragelSelected {
    background-position: -468px -234px;
}

/*Fit Life Icons*/
.maskicons.fitlife {
    background-position: -78px -156px;
}

#fitlifeContainer:hover .maskicons.fitlife,
#fitlifeContainer .maskicons.fitlifeSelected {
    background-position: -78px -234px;
}

/*Nuance Icons*/
.maskicons.nuance {
    background-position: -546px 0px;
}

#nuanceContainer:hover .maskicons.nuance,
#nuanceContainer .maskicons.nuanceSelected {
    background-position: -546px -78px;
}

/*Nuance Pro Icons*/
.maskicons.nuancepro {
    background-position: -546px -156px;
}

#nuanceproContainer:hover .maskicons.nuancepro,
#nuanceproContainer .maskicons.nuanceproSelected {
    background-position: -546px -234px;
}

/*Go Life Icons*/
.maskicons.golife {
    background-position: -156px -156px;
}

#golifeContainer:hover .maskicons.golife,
#golifeContainer .maskicons.golifeSelected {
    background-position: -156px -234px;
}

/*Opt Life Icons*/
.maskicons.optilife {
    background-position: -234px -156px;
}

#optilifeContainer:hover .maskicons.optilife,
#optilifeContainer .maskicons.optilifeSelected {
    background-position: -234px -234px;
}

/*DreamWear Gel Pillows Icons*/
.maskicons.dreamweargel {
    background-position: -313px -312px;
}

#dreamweargelContainer:hover .maskicons.dreamweargel,
#dreamweargelContainer .maskicons.dreamweargelSelected {
    background-position: -313px -390px;
}

/*DreamWear Full Face Icons*/
.maskicons.dreamwearfullface {
    background-position: -392px -312px;
}

#dreamwearfullfaceContainer:hover .maskicons.dreamwearfullface,
#dreamwearfullfaceContainer .maskicons.dreamwearfullfaceSelected {
    background-position: -392px -390px;
}

/*Mask Settings*/

/*Register*/

.registerlink {
    color: #1a3ba5;
    font-family: "CentraleSans Book";
    font-size: 14px;
    font-weight: 100;
}

    .registerlink:hover {
        color: #1a3ba5;
        font-family: "CentraleSans Book";
        font-size: 14px;
        font-weight: 100;
        text-decoration: none;
    }

.haveacode {
    padding: 6px 12px;
}
.codelink {
    color: #1a3ba5;
    font-family: "CentraleSans Book";
    font-size: 14px;
    font-weight: 100;
    padding: 6px 12px;
}

    .codelink:hover {
        color: #1a3ba5;
        font-family: "CentraleSans Book";
        font-size: 14px;
        font-weight: 100;
        text-decoration: none;
    }

.registrationContainer {
    background: white;
    width: 600px;
    margin: auto;
    position: relative;
    border-radius: 5px;
}

#registrationHeader {
    font-family: "CentraleSans XThin";
    font-size: 75px;
    font-weight: 100;
    text-align: center;
    color: white;
}

#registrationForm {
    padding-top: 10px;
    margin-left: 150px;
    width: 500px;
    height: 75px;
}

#registrationLabel {
    color: #1a3ba5;
    max-width: 400px;
}

.registrationheaderContainer {
    margin-left: 150px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.panel-primary > .panel-heading {
    background-color: #bed1eb;
    border-color: #bed1eb;
    color: #323232;
}

.panel-primary {
    border-color: #bed1eb;
}

/*Register*/

/*Goals*/

.goals_no_achievements {
    margin-top: 17px;
}

.hypviewmoreachievement {
    color: #0b5ed7 !important;
    margin-right: 30px;
}

.mrgnfeeddescriptor {
    margin-left: 19px;
}

.goals_header {
    width: 100%;
    min-height: 40px;
    background: #b3c8e6;
}

.goals_section_title_text {
    font-family: "CentraleSans Book";
    font-size: 17px;
    color: #003478;
    margin-top: 8px;
    float: left;
}

.goals_direction_text {
    font-family: "CentraleSans Light Italic";
    font-size: 14px;
    color: #003478;
    margin-top: 10px;
    text-align: right;
}

.goals_title_text {
    font-family: "CentraleSans Bold";
    font-size: 17px;
    color: #323232;
    margin-top: 29px;
}

.goals_date_achieved_text {
    font-family: "CentraleSans Light";
    font-size: 14px;
    color: #3c3c3c;
}

.goals_achieved_value_text {
    font-family: "CentraleSans Bold";
    font-size: 14px;
    color: #3c3c3c;
    margin-top: -7px;
}

.goals_best_days_text {
    font-family: "CentraleSans Light";
    font-size: 14px;
    color: #3c3c3c;
}

.goals_progress_text {
    font-family: "CentraleSans Bold";
    font-size: 14px;
    color: #1a3ba5;
}

#goals_row_container {
    height: 135px;
    cursor: pointer;
}

#goals_container {
    margin-top: 45px;
}

#goals_best_day_container {
    padding: 0px;
}

#goals_progress_days {
    float: right;
}

#graph_progress_bar {
    background: rgba(233,233,233,1);
    border: 0px solid rgba(245,245,245,1);
    border-radius: 4px;
    height: 20px;
}

.progress-bar-custom {
    background: rgba(26,55,162,1);
}

/*Styling for the goal modals*/

#goals_modal_container {
    width: 678px;
    height: 700px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;
}

.goals_body_text {
    font-family: "CentraleSans Book";
    font-size: 14px;
    color: #3c3c3c;
    margin-left: 34px;
    margin-right: 34px;
}

.goals_modal_body_text_bold {
    font-family: "CentraleSans Bold";
    font-size: 14px;
    color: #3c3c3c;
    margin-right: 34px;
}

.goals_modal_header_text {
    font-family: "CentraleSans Book";
    color: #1a3ba5;
    font-size: 21px;
    margin-left: 34px;
    padding-top: 34px;
    padding-bottom: 16px;
}

.goals_modal_title_text {
    font-family: "CentraleSans Bold";
    color: #3c3c3c;
    font-size: 16px;
    margin-left: 34px;
    padding-top: 31px;
}

.goal_feed_box {
    background: white;
    min-width: 255px;
    min-height: 140px;
    margin-top: 14px;
    margin-bottom: 34px;
    margin-right: 25px;
    margin-left: 25px;
    box-shadow: 0px 0px 15px #7186B1;
}

.goals_modal_link_text_bold {
    font-family: "CentraleSans Bold";
    font-size: 14px;
    color: #0b5ed7;
    cursor: pointer;
}

.goals_link_text {
    font-family: "CentraleSans Book";
    font-size: 14px;
    color: #3c3c3c;
}

#goalsContainerOne {
    margin-right: 50px;
}

#goalsContainerTwo {
    margin-right: 50px;
    max-height: 200px;
    display: none;
}

.goals_blue_button {
    border-radius: 2px;
    width: 78px;
    height: 30px;
    background-color: #1a3ba5;
    border: 0;
}

.goals_white_button {
    border-radius: 2px;
    width: 78px;
    height: 30px;
    border: 1px solid #1a3ba5;
    background-color: white;
}

#goalsCancelButton {
    margin-left: 34px;
    margin-top: 34px;
    margin-bottom: 34px;
    font-family: "CentraleSans Book";
}

#goalsSaveButton {
    float: right;
    margin-right: 34px;
    margin-top: 34px;
    margin-bottom: 34px;
    font-family: "CentraleSans Book";
}

/*Goals*/

/*#region Sliders*/
.slider {
    position: relative;
    width: 98%;
    max-width: 650px;
}

    .slider ul {
        list-style: none;
        margin: 0;
    }

        .slider ul li {
            position: absolute !important;
            text-align: left;
            border: none !important;
            padding: 0 !important;
            min-height: 0 !important;
        }

            .slider ul li:last-child {
                position: absolute !important;
                text-align: left;
                border: none !important;
                padding: 0 !important;
                min-height: 0 !important;
                margin-left: -10px;
            }

    .slider .ui-slider-handle {
        text-decoration: none !important;
        text-align: center;
        position: absolute;
        z-index: 5;
        cursor: pointer;
    }

    /*theme 1*/
    .slider.theme1 > div {
        height: 23px;
        line-height: 23px;
        float: left;
        color: #444;
        text-shadow: -1px 0 0 #d1d1d1;
    }

    .slider.theme1 .slider-pre {
        background: url("../img/layout/slider_bg.png");
        padding: 0 35px 0 15px;
    }

    .slider.theme1 .slider-post {
        background: url("../img/layout/slider_bg.png") top right;
        padding: 0 15px 0 35px;
    }

    .slider.theme1 .slider-main {
        position: relative;
        text-align: left;
        height: 23px;
        width: 98%;
        max-width: 650px;
    }

@media(max-width:720px) {
    .slider {
        width: 100%;
    }

        .slider.theme1 .slider-main {
            width: 100%;
        }

        .slider ul li {
            position: absolute !important;
            text-align: left;
            border: none !important;
            padding: 0 !important;
            min-height: 0 !important;
            margin-left: -4px;
        }
}

.slider.theme1 .slider-main .ui-slider-handle {
    /*display: block; border: 1px solid #1a3ba5; height: 24px; width: 24px;border-radius: 50px; background: #ffffff; cursor: pointer; margin-top: -9.5px; position: absolute; z-index: 100;*/
    top: -14px;
    margin-left: -25px;
    line-height: 50px;
    color: #444 !important;
    position: absolute;
    width: 25px;
    height: 25px;
    border: 1px solid #1a3ba5;
    border-radius: 50px;
    background: #ffffff;
    margin-top: -9.5px;
    margin-left: -9px;
}

.slider.theme1 .slider-main .ui-slider-range {
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.slider.theme1 .slider-main .ui-slider-range-min {
    left: 0;
}

.slider.theme1 .slider-main .ui-slider-range-max {
    right: 0;
}
/*theme 2*/
.slider.theme2 {
    text-align: left;
    height: 30px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 30px;
    clear: left;
}

    .slider.theme2 ul {
        height: 30px;
        line-height: 30px;
        position: relative;
        background: rgba(74,85,97,.1);
        border: 1px solid #658e99;
        z-index: 3;
        border-radius: 15px;
        box-shadow: 0 1px 2px rgba(74,85,97,.25) inset;
    }

        .slider.theme2 ul li {
            background: url("../img/layout/goals_slider_divider.png") no-repeat left;
        }

            .slider.theme2 ul li:first-child {
                background: none;
            }

    .slider.theme2 .ui-slider-handle {
        font-size: 19px;
        top: -9px;
        line-height: 50px;
        color: #4a5561 !important;
        position: absolute;
        height: 50px;
        background: url("../img/layout/goals_slider_handle.png") no-repeat center;
    }

    .slider.theme2 .range {
        position: absolute;
        background: url(../img/layout/goals_recommended_bg.png) repeat-x;
        height: 30px;
        text-align: center;
        top: 1px;
        z-index: 2;
    }

        .slider.theme2 .range span {
            position: relative;
            top: 34px;
            font-weight: normal;
            color: #262d33;
            font-size: 14px;
        }

.slider-handle {
    display: block;
}

.slider-item {
    top: 11px;
    position: absolute !important;
    text-align: left;
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    list-style-type: none;
    line-height: 23px;
    list-style: none;
}

.slider-steps {
    width: 100%;
    margin: 0 -25px;
    height: 23px;
    line-height: 23px;
    position: relative;
    list-style: none;
    display: block;
    text-align: left;
    color: #444;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.slider.theme1 ul {
    margin: 0;
    background: #5789c3;
    background: linear-gradient(to right,#5789c3,#1a3ba5);
    line-height: 23px;
    height: 5px;
    line-height: 23px;
    border: 1px solid #8d8d8d;
    border-width: 0 1px;
    position: relative;
    top: 42%;
}
/*#endregion*/

/*#region EULA*/

div.navtop {
    background-color: #bed1eb;
    color: black;
    border-bottom: 1px solid rgb(26, 59, 165);
    padding-left: 10px;
}

div.navbottom {
    background-color: white;
    opacity: 0.9;
    color: black;
    border-top: 1px solid rgb(26, 59, 165);
    padding-left: 10px;
    padding-top: 10px;
}

div.navtop a, div.navtop a:active, div.navtop a:visited, div.navtop a:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

div.eula {
    overflow: auto;
    height: 90%;
    background: #ffffff;
    background: rgba(255,255,255,.25);
    padding-bottom: 25px;
}

    div.eula p {
        text-align: left;
    }

/*#endregion*/

button.roundinfo {
    width: 25px;
    height: 25px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding-left: 3px;
    padding-top: 1px;
    font-style: italic;
    border-color: #1A3BA5;
    background-color: #1A3BA5;
    color: white;
    vertical-align: top;
    display: inline-block;
    margin-top: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    button.roundinfo::before {
        content: "i";
    }

    button.roundinfo:focus {
        outline-style: none;
    }

button.squareinfo {
    width: 25px;
    height: 25px;
    border-color: #003478;
    background-color: #003478;
    color: white;
    vertical-align: top;
    display: inline-block;
    margin-top: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    button.squareinfo::before {
        content: "?";
    }

    button.squareinfo:focus {
        outline-style: none;
    }
/*toggle button tweaks*/
div.toggle-group .btn-default {
    -moz-min-width: 80px;
    -ms-min-width: 80px;
    -o-min-width: 80px;
    -webkit-min-width: 80px;
    min-width: 80px;
    margin-bottom: 0;
}

div.toggle-group label {
    font-weight: 700 !important;
    font-size: 15px;
}

.toggle.btn-default {
    margin-bottom: 0;
}

.toggle-off.btn-sm {
    padding-left: 45px;
    background: #003478;
    border: #003478;
    color: white;
}

.toggle-on.btn-sm {
    padding-right: 45px;
    background: #5b8f22;
    border: #5b8f22;
    color: white;
}

.toggle-on.btn-sm {
    padding-right: 51px;
    background: #5b8f22;
    border: #5b8f22;
    color: white;
}

.toggle.off {
    border-color: #003478;
}

.toggle {
    border-color: #5b8f22;
    font-family: 'CentraleSans Hairline';
}

.field-validation-error, div.validation-summary-errors {
    font-weight: bold;
    font-style: normal;
    color: #e84e0b;
    margin-left: 8px;
    font-size: 10pt;
    font-family: 'CentraleSans XThin';
}

    div.validation-summary-errors ul {
        padding-left: 10px;
        color: #e84e0b;
    }

div.validation-summary-errors {
    color: black;
}

ul.bullet li {
    list-style-type: disc;
    margin-left: -20px;
}

/*Modal Window Styles*/
div.ModalPage {
    background-color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #fff;
    padding-left: 34px;
    padding-top: 34px;
    padding-bottom: 34px;
}

#ajax-modal {
    width: 678px;
    left: 45%;
    top: 45%;
    overflow: hidden;
}

.heartriskmodal {
    height: 560px !important;
}

.motivationmodal {
    height: 540px !important;
}

#ajax-modal.GuideModal {
    /*left: 32%;
    top: 36%;*/
}

@media (max-width: 979px) {
    #ajax-modal {
        top: 2%;
        left: 2%;
        bottom: auto;
        width: 678px !important;
    }

        #ajax-modal.GuideModal {
            /*left: 16%;
            top: 36%;*/
        }
}

@media (max-width: 678px) {
    #ajax-modal {
        top: 1%;
        left: 1%;
        bottom: auto;
        width: 100%;
        width: auto !important;
        height: auto !important;
    }

        #ajax-modal.GuideModal {
            /*left: 0;
            top: 34%;*/
        }
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.6;
    filter: alpha(opacity=60);
    background: #000;
}

/*Coaching Styles*/
.CoachingFooterPadding {
    padding-top: 200px;
}

.CoachingBottomBorder {
    border-bottom: 1px solid #E7EBF3;
}

.coaching_blue_button {
    -ms-border-radius: 2px;
    border-radius: 2px;
    height: auto;
    background-color: #003478;
    border: 0;
    color: #fff;
    min-width: 80px;
    margin-right: 10px;
    padding: 6px 12px;
}

.coaching_white_button {
    -ms-border-radius: 2px;
    border-radius: 2px;
    height: auto;
    border: 1px solid #003478;
    background-color: white;
    color: #003478;
    min-width: 80px;
    margin-right: 10px;
    padding: 6px 12px;
}

a.CoachingLink {
    cursor: pointer;
}

.CoachingLink:hover {
    text-decoration: none;
}

/*Coaching*/

div.coaching_header {
    width: 100%;
    height: 40px;
    background: #b3c8e6;
}

div.coaching_body {
    background-color: #fff;
    width: 100%;
}

p.coaching_header_text {
    font-family: "CentraleSans Book";
    font-size: 17px;
    color: #003478;
    padding-top: 10px;
}

p.coaching_selection_text {
    font-family: "CentraleSans Bold";
    color: #1a3ba5;
    font-size: 21px;
    margin-top: 5px;
    padding-top: 25px;
    padding-bottom: 20px;
}

    p.coaching_selection_text span {
        position: absolute;
        left: 95%;
        color: #1a3ba5;
        opacity: 0.9;
        font-family: 'CentraleSans Light';
    }

div.coaching_section_text {
    font-family: "CentraleSans Book";
    color: #1a3ba5;
    font-size: 21px;
    margin-left: 19px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 20px;
}

p.coaching_heartrisk_summary_text {
    font-family: "CentraleSans Bold";
    color: #1a3ba5;
    font-size: 18px;
    margin-left: 19px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 5px;
}

.coaching_body_text {
    font-family: "CentraleSans Book";
    font-size: 14px;
    color: #3c3c3c;
    margin-left: 0;
    margin-bottom: 20px;
}

p.coaching_quote_text {
    font-family: "CentraleSans light Italic";
    font-size: 21px;
    color: #1a3ba5;
    padding-bottom: 16px;
    margin-left: 0;
    margin-bottom: 20px;
    width: 95%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

p.heartrisk_quote_text {
    margin-left: 0;
}

span.coaching_answer_text {
    font-family: "CentraleSans Book";
    font-size: 14px;
    color: #3c3c3c;
    margin-left: 10px;
    padding-bottom: 10px;
}

div.coaching_navigation_circles {
    width: 12px;
    height: 12px;
    padding-left: 5px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background: #1a3ba5;
    display: inline-block;
    margin-right: 10px;
}

div.CoachingScreen {
    background-color: #ffffff;
    /*included for intellisense, used only in jscript*/
}

.CoachingScreenMinHeight {
    min-height: 500px;
}

div.coaching_actions {
    text-align: center;
}

    div.coaching_actions button {
        margin-right: 20px;
    }

div.coaching_track :last-child {
    float: right;
    margin-right: 20px;
}

div.CoachingNonCurrent {
    -ms-opacity: 0.4;
    opacity: 0.4;
}

#VideoContainer {
    padding-right: 30px;
}

#heartrisk_video {
    margin-left: -30px;
}

iframe {
    border: 0;
}

/*Coaching radio buttons*/
[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    [type="radio"] + span {
        display: block;
    }

        /* the basic, unchecked style */
        [type="radio"] + span:before {
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            vertical-align: -0.25em;
            -ms-border-radius: 1em;
            border-radius: 1em;
            border: 1px solid #1a3ba5;
            margin-right: 5px;
            transition: 0.5s ease all;
        }

    /* the checked style using the :checked pseudo class */
    [type="radio"]:checked + span:before {
        content: "\2022";
        color: #1a3ba5;
        font-size: 30px;
        text-align: center;
        line-height: 15px;
    }
/*Coaching radio buttons*/
/*Coaching slider*/
input[type=range] {
    -webkit-appearance: none;
    width: 1000px;
    margin: 9.5px 0;
}

    input[type=range]:focus {
        outline: none;
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 1000px;
        height: 5px;
        cursor: pointer;
        background: linear-gradient(to right,#5789c3,#1a3ba5);
        border-radius: 0px;
        border: 0px solid rgba(87, 137, 195, 0);
    }

    input[type=range]::-webkit-slider-thumb {
        border: 1px solid #1a3ba5;
        height: 24px;
        width: 24px;
        border-radius: 50px;
        background: #ffffff;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -9.5px;
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background: linear-gradient(to right,#5789c3,#1a3ba5);
    }

/*Coaching Slider*/

/*Coaching*/

.pre-scrollable {
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px;
    overflow-y: auto;
}

img.scannerimage {
    max-height: 23vh;
    width: auto;
}

div.modal-footer {
    margin-top: 0;
}

ul.apps {
    margin: 0 0 0 25px;
    padding: 0;
}

    ul.apps img {
        margin: 0 0 8px;
    }

    ul.apps li {
        float: left;
        margin: 0;
        list-style: none;
        padding: 10px;
        text-align: center;
        border: 1px solid #bbb;
        background: #fff;
        margin-right: 25px;
        border-radius: 10px;
        box-shadow: 0 0 3px 1px #ddd inset;
    }

.right {
    float: right;
}

ul.sleepmenu {
    border-bottom: inset 1px #fff;
    padding-right: 10px;
    margin-bottom: 10px;
    /*height: 50px;*/
    /*width: 89%;*/
}

    ul.sleepmenu > li > a.disabled:hover {
        cursor: not-allowed;
    }

    ul.sleepmenu li {
    }

        ul.sleepmenu li.current {
            background: transparent url(../img/layout/triangle_solid.png) no-repeat scroll 50% 100% / 35px auto;
            -ms-background-size: 30px;
            background-size: 35px;
            background-repeat: no-repeat;
            -moz-background-position-y: 100%;
            -o-background-position-y: 100%;
            background-position-y: 100%;
            -moz-background-position-x: 50%;
            -o-background-position-x: 50%;
            background-position-x: 50%;
        }

    ul.sleepmenu:hover li.current {
        background: none;
    }

    ul.sleepmenu li:hover, ul.sleepmenu li.current:hover {
        background: transparent url(../img/layout/triangle.png) no-repeat scroll 50% 100% / 35px auto;
        -ms-background-size: 30px;
        background-size: 35px;
        background-repeat: no-repeat;
        -moz-background-position-y: 100%;
        -o-background-position-y: 100%;
        background-position-y: 100%;
        -moz-background-position-x: 50%;
        -o-background-position-x: 50%;
        background-position-x: 50%;
    }

.divnavbarcollapse.in {
    overflow-y: visible !important;
}

@media(max-width:760px) {
    ul.sleepmenu {
        border-bottom: none;
    }

        ul.sleepmenu li.current {
            background: none;
        }

            ul.sleepmenu li:hover, ul.sleepmenu li.current:hover {
                background: none;
            }
}

.PageTitleLeft {
    margin-right: 15%;
    margin-left: 10%;
}

@media(max-width:990px) {
    .PageTitleLeft {
        margin-right: 0;
        margin-left: 0;
    }
}

@media(max-width:1199px) {
    #SleepDayOfWeek {
        font-size: 79px;
    }
}

@media(max-width:680px) {
    #SleepDayOfWeek {
        font-size: 59px;
    }
}

@media(max-width:550px) {
    #SleepDayOfWeek {
        font-size: 52px;
    }
}

@media(max-width:480px) {
    #SleepDayOfWeek {
        display: none;
    }

    #SleepDayOfWeekSmall {
        display: inherit;
    }
}


#passwordChangeSuccess {
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding-top: 34px;
}

img.ceImg {
    max-height: 23vh;
    width: auto;
}

.secmaskminheight {
    min-height: 500px; /*bootstrpa tabs flickers when the tab content has a scroll.Added the min height property on the mask section to prevent flickering.This issue happens default with the bootstrap tabs.*/
}

.helper-clear {
    clear: both;
    position: relative;
}

@media(max-width:650px) {
    .mrgn150 {
        margin-top: 150px;
    }
}

.triangle-hidden, .triangle-show {
    height: 35px;
}

.helper-clear {
    clear: both;
}
/*style for making the buttons active under the btn-group. (zoom in buttons for sleep screen page) */
.btn-group > .btn.active {
    color: #0f204b;
    background-color: #fff;
    border-color: #fff;
}

@media(max-width:480px) {
    #learn-nav-tab.nav-tabs > li {
        width: auto !important;
    }

        #learn-nav-tab.nav-tabs > li > a {
            font-size: 14px;
        }

    #help-nav-tab.nav-tabs > li {
        width: auto !important;
    }

        #help-nav-tab.nav-tabs > li > a {
            font-size: 14px;
        }

    #account_settings_tab.nav-tabs > li {
        width: auto !important;
    }

        #account_settings_tab.nav-tabs > li > a {
            font-size: 9px;
        }
}
/*
  #chartjs-tooltip {
        opacity: 0;
        position: absolute;
        background: rgba(0, 0, 0, 0.8);
        color: white;
        padding: 10px;
        border-radius: 6px;
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
        pointer-events: none;
        -webkit-transform: translate(-46%, -105%);
        transform: translate(-46%, -105%);
        z-index:1001;
    }


        #chartjs-tooltip:after, #chartjs-tooltip:before {
            top: 100%;
            left: 46%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        #chartjs-tooltip:after {           
            margin-left: -10px;
        }

        #chartjs-tooltip:before {
            border-top-color: rgba(0,0,0,0.8);
            border-width: 8px;
            margin-left: 5px;
        }
*/

/*Custom tooltip for chartjs*/
#chartjs-tooltip {
    opacity: 0;
    position: fixed;
    padding: 20px;
    border-radius: 2px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-41%, -130%);
    transform: translate(-35%, -130%);
    z-index: 1001;
    border: 1px solid #b9b9b9;
    background: #fff;
    color: #3c3c3c;
    font-size: 12px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(185, 185, 185, 0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(185, 185, 185, 0.75);
    box-shadow: 0px 1px 3px 0px rgba(185, 185, 185, 0.75);
}

    #chartjs-tooltip:after, #chartjs-tooltip:before {
        top: 100%;
        left: 40%;
        border: solid transparent;
        content: " ";
        position: absolute;
        pointer-events: none;
    }

    #chartjs-tooltip:before {
        border-top-color: #fff;
        border-width: 10px;
    }

    #chartjs-tooltip:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 40%;
        border: 1em solid #b9b9b9;
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        box-shadow: -2px 2px 2px 0 rgba(185, 185, 185, 0.65);
    }

.imgtriangle {
    border-left: 38px solid transparent;
    border-right: 38px solid transparent;
    border-bottom: 32px solid #7BA4D9;
}

.ulfaq li {
    list-style-type: square;
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */ .bootstrap-datetimepicker-widget {
    list-style: none;
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        margin: 2px 0;
        padding: 4px;
        width: 19em;
    }

@media (min-width:768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width:992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width:1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0,0,0,0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none;
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens";
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit;
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%;
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 4px;
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px;
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: rgba(0,0,0,0.2);
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table th.prev::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Previous Month";
        }

        .bootstrap-datetimepicker-widget table th.next::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Next Month";
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: none;
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px;
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777;
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px;
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eee;
                cursor: pointer;
            }

        .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
            color: #777;
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative;
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: none;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #337ab7;
                border-top-color: rgba(0,0,0,0.2);
                position: absolute;
                bottom: 4px;
                right: 4px;
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #337ab7;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff;
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #cccccc;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px;
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: #eee;
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #337ab7;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #777;
            }

            .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: #777;
                cursor: not-allowed;
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.datetimepicker {
    width: 194px;
    height: 35px;
}

.helper-padding-left-clear {
    padding-left: 0;
}

.helper-padding-right-clear {
    padding-right: 0;
}

@media (min-width:992px) {
    .sm-helper-padding-left-clear {
        padding-left: 0;
    }

    .sm-helper-padding-right-clear {
        padding-right: 0;
    }

    .txtlogin {
        max-width: 350px !important;
    }

    .txtloginbtn {
        min-width: 350px;
    }
}

@media (max-width:768px) {
    .txtlogin {
        max-width: 100% !important;
    }

    .txtloginbtn {
        min-width: 100%;
    }

    .g-recaptcha > div > div {
        height: 78px;
        text-align: center;
        position: relative;
    }
}

.btnclosepadding {
    top: -79px;
}

.helper-inlineblock {
    display: inline-block !important;
}

.lblHeartRiskEnter {
    width: 100%;
}

.helper-pos-abs {
    position: absolute;
}

.helper-padleft30 {
    padding-left: 30px;
}

.btntoggle {
    padding-left: 10px;
}

.btn-disabled {
    -ms-border-radius: 2px;
    border-radius: 2px;
    height: auto;
    background-color: #003478;
    border: 0;
    color: #fff;
    min-width: 80px;
    margin-right: 10px;
    padding: 5px;
    opacity: 0.3;
}

.no-videos {
    margin-top: 30px;
}

.coaching_button {
    background-color: #fff !important;
    margin: 15px 18px 15px 0px;
    font-family: "CentraleSans Book";
    font-size: 14px;
    text-align: center;
    color: #003478 !important;
    border-color: #003478;
    border-width: 1px;
    border-radius: 2px;
    height: auto;
}
/*Bootstrap col-md-4 classes floats on 3 column layout. To prevent that add the following css class*/
.helper-clearcolumnfloat:nth-child(3n+1) {
    clear: both;
}

.settings-form-control {
    text-align: left !important;
}

#mobile_banner {
    display: none;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 10px;
    margin: 0px;
}

    #mobile_banner p {
        font-size: 16px;
        text-align: center;
    }

        #mobile_banner p:last-child {
            font-size: 16px;
            text-align: center;
        }

    #mobile_banner a {
        color: #4a5561;
    }

#nodsn_banner, #nomask_banner {
    display: none;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 10px;
    margin: 0px;
}

    #nodsn_banner p {
        font-size: 16px;
        text-align: center;
    }

        #nodsn_banner p:last-child {
            font-size: 16px;
            text-align: center;
        }

    #nodsn_banner a, #nomask_banner a {
        color: #4a5561;
    }

#nodsn_overlay {
    display: none;
    height: 100%;
    position: absolute;
    z-index: 999;
    background-image: linear-gradient(transparent, black);
    width: 100%;
    /*border-top: dotted;*/
}

#mobile_banner_full {
    height: 100%;
}

@media (max-width: 768px) and (orientation:landscape) {
    .iconAndroidForBanner {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
}

.navbar-smart-brand {
    float: left;
    font-size: 18px;
    line-height: 20px;
}

.smart-btn-default {
    min-width: 0px;
}

.font75 {
    font-size: 80%;
    font-weight: bolder;
}
/* patient report */
.helper-font-color {
    color: black;
}

.helper-font-weight {
    font-weight: 700;
}

.helper-text-color-default {
    color: #003478 !important;
}

.patient-report-summarysection {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.report-popup-close {
    top: 10px;
}

#rep-ind {
    display: none;
}

.pat-rpt {
    margin: 22px 0px 0px 0px !important;
}

@media (max-width: 992px) {
    .pat-rpt {
        margin: 0px 0px 22px 0px !important;
    }
}

.hr-footer {
    height: 1px;
    background-color: #003478;
    margin: 5px 5px 5px 10px;
}

@media (max-width: 450px) {
    .patient-report-pdf-table-textwrap {
        display: block;
        word-break: break-all;
    }

    .table-no-border {
        border: none !important;
    }
}

.helper-margintop-50 {
    margin-top: 50px;
}

.udi {
    font-weight: bold;
}

.helper-margintop-5 {
    margin-top: 5px;
}

.helper-margintop-15 {
    margin-top: 15px;
}

.helper-margintop-clear {
    margin-top: 0px !important;
}
.text-wrap {
    word-break: break-word;
}
/* =========================================================
   RTL Learn/Troubleshooting sub-topic lift and left chevron
   ========================================================= */

html[dir=rtl] body[data-controller=Learn] .troubleshoot-selection-text {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    padding-top: 2px;
    padding-bottom: 12px;
    padding-left: 7%;
}

html[dir=rtl] body[data-controller=Learn] .troubleshoot-selection-text span.chevron_rt_dark {
    right: 95% !important;
    left: auto !important;
    top: 50%;
    margin-top: -14px;
}

html[dir=rtl] body[data-controller=Learn] .troubleshoot-selection-text span.chevron_rt_dark:before {
    content: "\2039";
}