body {font-family: "San Francisco", BlinkMacSystemFont, "Segoe UI", -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important; font-weight: 400; font-size:16px; color:#27164a}

/* Text */

b, strong, .strong, div b, div strong, div .strong, th b, th, th strong, th .strong, td b, td strong, td .strong, label {font-family: "San Francisco", BlinkMacSystemFont, "Segoe UI", -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important;  font-weight: 600 !important;}
h1 {font-size: 36px; margin: 0px; margin-bottom:5px; color: #fff; font-weight: 600; font-style:italic; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); font-family: "San Francisco", BlinkMacSystemFont, "Segoe UI", -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important;}
h1>.titleFont {padding-left:15px; font-weight:400; letter-spacing:-0.03em}
h1>img{margin-bottom:5px}


h2, .responsiveForm h2 {font-size: 28px; font-weight: 600; color: #045465; margin-top: 0px}
h3, .responsiveForm h3, .h3Title {font-size: 22px; font-weight: 600; margin-top: 0px}
h4, .responsiveForm h4 {font-size: 20px; font-weight: 600; color: #045465; margin-top: 0px}
h5, .responsiveForm h5 {font-size: 24px; font-weight: 600; color: #045465; margin-top: 0px}

.textThemeColor {
    color: #045465;
}

.form-control {font-size:16px}
.regular {font-weight: 400!important}
.hdrText {line-height:26px; padding:3px; margin-bottom:12px;}
.subSectionHeadingTitle {font-size: 20px; font-weight: 600; vertical-align: middle; text-align: center; position: relative; padding: 8px 5px 8px 5px;}
.responsiveForm p {color:#222;}
.text-inline {display: inline-block;}

/* Links */

a {color: #000066}
a.alink, .tab-pane .panel a.WizardActions {text-decoration:underline}
a.alink, .tab-pane .panel a.WizardActions.btn {text-decoration:none}
a.alink, .tab-pane .panel a.WizardActions.btn:hover {text-decoration:underline}
/*.tab-content a {text-decoration:underline}*/
a.logoLink {text-decoration:none!important; display:inline-block}
a:hover {cursor: pointer}
.responsiveForm  a:not(.btn), a.linkified {text-decoration:underline}
.responsiveForm  a:not(.btn).list-group-item {text-decoration:none; cursor:pointer}
.responsiveForm > a:not(.btn):hover,  a.linkified:hover {background-color:#EEFFFF;}
.btn-group > .btn, #topForm .btn {
    margin-left: 0px;
    margin-right: 2px;
}
.alwaysunderline {
    text-decoration:underline!important;
}

/* Banners */
.banner-text {text-align:center; padding:5px 0px 0px 0px; font-size: 17px!important; color: #000!important;}
.banner {margin:0px!important; padding:0px!important; display: block; float: none; clear: both;}
div.banner {margin:0px!important; width:100%!important; padding:2px!important; margin:0px 0px 10px 0px;}

/* Errors and Success */

.validation-summary-errors {display: block; float: none; clear: both}
.validation-summary-errors ul {padding: 0px}
.field-validation-error, .validation-summary-errors ul li {display: block; font-size: 16px; float: none; clear: both; color: #a90000; margin: 5px 0px; padding-top: 0px; width: 100%; position: relative;}
.field-validation-warning {display: block; font-size: 16px; float: none; clear: both; color: #a90000; margin: 5px 0px; padding-top: 0px; width: 100%; position: relative;}
.field-validation-information {display: block; font-size: 16px; float: none; clear: both; color: #a90000; margin: 5px 0px; padding-top: 0px; width: 100%; position: relative;}
.errorMsg {margin-left: 0px; display: block; float: none; clear: both; color: #a90000; margin-bottom: 10px; padding-top: 10px; font-size: 16px}
.responsiveForm p.errorMsg {color: #a90000!important;}
/*fieldset > .field-validation-error {}*/
div.errorMsg {width:100%!important; font-size: 18px!important; text-align: center!important; padding:5px!important; border: 2px dotted #E91E63!important; background-color: #ffe8ec!important; color: #000!important;}
.successMsg {width:100%!important; font-size: 18px!important; text-align: center!important; padding:5px!important; border: 2px dotted #249639!important; background-color: #f7fff0!important; color: #000!important;}
.errorMsg > br + br:last-child {line-height:0; height:0px; display:none}

/* Margins and Padding */

.noColPad {padding-left: 0px; padding-right: 0px}
.extraLR {padding-left: 15px; padding-right: 15px}
.bottom5 {margin-bottom:5px}
.bottom15 {margin-bottom: 15px}
.bottom30 {margin-bottom: 30px}
.bottom45 {margin-bottom: 45px}
.tenPad {padding: 10px}
.thirtyPadTB {padding: 30px 0}
.fifteenPadTB {padding: 15px 0}
.tenPadTB {padding: 10px 0}
.fiveTB {padding: 5px 0}
.fifteenPad {padding: 15px}
.fiftyPadRight {padding-right:50px}
.fiftyPadLeft {padding-left: 50px}
.topPad100 {padding-top: 100px}
.tenPadRight {padding-right:10px}
.tenPadLeft {padding-left:10px}

.thirtyPad {padding: 30px}
.fivePad {padding: 5px}
.noMargin {margin: 0px!important}
.top5 {
    margin-top: 5px
}
.top15 {margin-top: 15px}
.top30 {margin-top: 30px}
.dataRow {margin:0 0}
.lefty {padding-right: 7px}
.righty {padding-left: 7px}

/* Colours, Shadows and Backgrounds */

.alert-danger, a>.dismissLink {color:#960502!important}
.postItNote {background-color: rgb(255,249,220);}
.skyBlue {background: #d7eff5;}
.skyBlueTint {background: #fdfbf7}
.darkBlueBg {background-color: #045465;}
.darkGreen {background-color: #007d9a}
.instructionText {color: #045465}
.veryLightBg {background-color: #fffaf5}
.superLightBg {background-color: #fffaf5}
.lightGreen {background-color: #e7ffe7}
.lightBg {background-color: #fafafa}
.darkBg {
    background-color: #045465;
}
.vdarkBg {
    background-color: #0c3c46 !important;
}
.pureWhite {background-color: #fff}
.whiteBg {background-color:#fffaf5}
.bannerBg {background-color:#ebc321!Important;}
.testSiteBanner {
    background-color: #ad1a1a !important;
    color: #fff !important;
    text-align: center;
    padding: 10px;
}
.phrBg {
    background-color: #2c7b8c;
    /*    background: url(../images/tealShapes.png) no-repeat;
background: rgb(0,128,133);
background: linear-gradient(45deg, rgba(0,128,133,1) 14%, rgba(44,123,14.0,1) 43%, rgba(99,208,215,1) 62%, rgba(44,123,140,1) 84%);*/
}

.whiteT, .whiteTxt {color: #fff!important}
.greenT, .greenT a {color: #007d9a}
.myPreferencesGreenT{color: #297063 !important;}
.greyT, .greyT a {color: #aaa}
.darkGreyT {color:#27164a}
.dkGreenT, .dkGreenT a {color: #013B3E}
.disabled a {color: #015a6f}
.orangeT {color: #ff701d}
.shadowDown {box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2) !important}
.outerShadow {box-shadow: 3px 3px 9px 0 rgba(0,0,0,0.05);}
.pinkText {color:#983069}
.redText {color: #a90000}
.tealText {color:#2c7b8c}

/* General Styling */

.centered-list{display:table; margin: 0 auto;text-align:left;}
.maxWidth {max-width:100%}
.width150{width:150px}
.width100 {width: 100px}
.width80 {width: 80px}
.width800 {width: 800px}
.borderBot {border-bottom: solid 10px #9ad8e8;}
.show {display: block}
.underline {border-bottom: 1px solid #eee;}
legend {font-weight: 600; color: #222; padding-top: 15px; border-bottom: 0}
.display-block {display:block}
.notvisible {overflow:hidden; position: absolute; left:-9999px; opacity:0}

.topBorderGray {
    border-top: thin;
    border-top-style: ridge;
    border-top-color: lightgray;
}

.bottomBorderGray {
    border-bottom: thin;
    border-bottom-style: ridge;
    border-bottom-color: lightgray;
}

fieldset.groupHeader {min-width: initial; padding: /*.35em .625em .75em*/ 0px; border-top: 1px solid #ccc; margin-top:15px; text-align:center}
fieldset.groupHeader > legend {display: block; width: auto!important; padding: 0; margin-bottom: 0; font-size: inherit; line-height: inherit; color: inherit; border: 0; border-bottom: 0; font-weight:600}
legend.centred {margin: 0 auto}

.noBreak {white-space: nowrap}
.spacerLine {border-top:2px dotted #eee; height:1px; line-height:2px; margin:30px 0px 45px;}
.spacerLineThin {border-top: 2px dotted #eee; height: 1px; line-height: 2px; margin: 10px 0px 10px;}

/* Buttons */

.btn {border: 0px solid transparent; border-radius: 5px; font-size:16px}
.btn-group-lg>.btn, .btn-lg {font-size:16px; padding: 8px 12px; }
.titleArea .btn {border-left-width: 0px;}

.btn-color-dark {
    background-color: #015e77;
    border: 1px solid #015e77;
    color: #fff;
}
    .btn-color-dark.active.focus, .btn-color-dark.active:focus, .btn-color-dark.active:hover, .btn-color-dark:active.focus, .btn-color-dark:active:focus, .btn-color-dark:active:hover, .open > .dropdown-toggle.btn-color-dark.focus, .open > .dropdown-toggle.btn-color-dark:focus, .open > .dropdown-toggle.btn-color-dark:hover, .btn-color-dark:hover, .btn-color-dark:active, .btn-color-dark:focus {
        background-color: #015e77;
        background-image: none;
        text-decoration: underline;
        color: #fff;
    }
.btn-color-light {
    background-color: #89bdff1a;
    border: 1px solid #ccc;
    color: #000;
}
    .btn-color-light.active.focus, .btn-color-light.active:focus, .btn-color-light.active:hover, .btn-color-light:active.focus, .btn-color-light:active:focus, .btn-color-light:active:hover, .open > .dropdown-toggle.btn-color-light.focus, .open > .dropdown-toggle.btn-color-light:focus, .open > .dropdown-toggle.btn-color-light:hover, .btn-color-light:hover, .btn-color-light:active, .btn-color-light:focus {
        background-color: #89bdff1a;
        background-image: none;
        text-decoration: underline;
        color: #000;
    }
.btn-unselected-light {
    background-color: #89bdff1a;
    border: 1px solid #ccc;
    color: #000;
}
    .btn-unselected-light.active.focus, .btn-unselected-light.active:focus, .btn-unselected-light.active:hover, .btn-unselected-light:active.focus, .btn-unselected-light:active:focus, .btn-unselected-light:active:hover, .open > .dropdown-toggle.btn-unselected-light.focus, .open > .dropdown-toggle.btn-unselected-light:focus, .open > .dropdown-toggle.btn-unselected-light:hover, .btn-unselected-light:hover, .btn-unselected-light:active, .btn-unselected-light:focus {
        background-color: #89bdff40;
        background-image: none;
        text-decoration: underline;
        color: #000;
    }
.btn-unselected-dark {
    background-color: #015e77;
    border: 1px solid #015e77;
    color: #fff;
}
    .btn-unselected-dark.active.focus, .btn-unselected-dark.active:focus, .btn-unselected-dark.active:hover, .btn-unselected-dark:active.focus, .btn-unselected-dark:active:focus, .btn-unselected-dark:active:hover, .open > .dropdown-toggle.btn-unselected-dark.focus, .open > .dropdown-toggle.btn-unselected-dark:focus, .open > .dropdown-toggle.btn-unselected-dark:hover, .btn-unselected-dark:hover, .btn-unselected-dark:active, .btn-unselected-dark:focus {
        background-color: #015e77cc;
        background-image: none;
        text-decoration:underline;
        color: #fff;
    }
.btn-selected-dark {
    background-color: #015e77;
    border: 1px solid #015e77;
    color: #fff;
}
    .btn-selected-dark.active.focus, .btn-selected-dark.active:focus, .btn-selected-dark.active:hover, .btn-selected-dark:active.focus, .btn-selected-dark:active:focus, .btn-selected-dark:active:hover, .open > .dropdown-toggle.btn-selected-dark.focus, .open > .dropdown-toggle.btn-selected-dark:focus, .open > .dropdown-toggle.btn-selected-dark:hover, .btn-selected-dark:hover, .btn-selected-dark:active, .btn-selected-dark:focus {
        background-color: #015e77;
        background-image: none;
        text-decoration: none;
        cursor: default;
        color: #fff;
    }
.btn-selected-light {
    background-color: #89bdff1a;
    border: 1px solid #ccc;
    color: #000;
}
    .btn-selected-light.active.focus, .btn-selected-light.active:focus, .btn-selected-light.active:hover, .btn-selected-light:active.focus, .btn-selected-light:active:focus, .btn-selected-light:active:hover, .open > .dropdown-toggle.btn-selected-light.focus, .open > .dropdown-toggle.btn-selected-light:focus, .open > .dropdown-toggle.btn-selected-light:hover, .btn-selected-light:hover, .btn-selected-light:active, .btn-selected-light:focus {
        background-color: #89bdff1a;
        background-image: none;
        text-decoration: none;
        cursor: default;
        color: #000;
    }
.btn-color-toolbar {
    background-color: #0c3c46 !important;
    border-color: #0c3c46 !important;
    border: 1px solid #0c3c46;
    color: #fff !important;
}
    .btn-color-toolbar.active.focus, .btn-color-toolbar.active:focus, .btn-color-toolbar.active:hover, .btn-color-toolbar:active.focus, .btn-color-toolbar:active:focus, .btn-color-toolbar:active:hover, .open > .dropdown-toggle.btn-color-toolbar.focus, .open > .dropdown-toggle.btn-color-toolbar:focus, .open > .dropdown-toggle.btn-color-toolbar:hover, .btn-color-toolbar:hover, .btn-color-toolbar:active, .btn-color-toolbar:focus {
        background-color: #0c3c46 !important;
        background-image: none !important;
        text-decoration: underline !important;
        color: #fff !important;
    }
.btn-color-submit {
    background-color: #ffc55c;
    border-color: #c8952c;
    color: #000;
}

    .btn-color-submit.active.focus, .btn-color-submit.active:focus, .btn-color-submit.active:hover, .btn-color-submit:active.focus, .btn-color-submit:active:focus, .btn-color-submit:active:hover, .open > .dropdown-toggle.btn-color-submit.focus, .open > .dropdown-toggle.btn-color-submit:focus, .open > .dropdown-toggle.btn-color-submit:hover, .btn-color-submit:hover, .btn-color-submit:active, .btn-color-submit:focus {
        background-color: #ffc55c;
        background-image: none;
        text-decoration: underline;
        color: #000;
    }
.btn-color-cancel {
    background-color: #0c3c46;
    border: 1px solid #0c3c46;
    color: #fff;
}
    .btn-color-cancel.active.focus, .btn-color-cancel.active:focus, .btn-color-cancel.active:hover, .btn-color-cancel:active.focus, .btn-color-cancel:active:focus, .btn-color-cancel:active:hover, .open > .dropdown-toggle.btn-color-cancel.focus, .open > .dropdown-toggle.btn-color-cancel:focus, .open > .dropdown-toggle.btn-color-cancel:hover, .btn-color-cancel:hover, .btn-color-cancel:active, .btn-color-cancel:focus {
        background-color: #0c3c46;
        background-image: none;
        text-decoration: underline;
        color: #fff;
    }

.btn-yellow {background-color: yellow; border-left-width:0px!important; color: black; padding: 7px 8px 8px;}/*padding: 5px 12px 6px;*/
.btn-yellow.active.focus, .btn-yellow.active:focus, .btn-yellow.active:hover, .btn-yellow:active.focus, .btn-yellow:active:focus, .btn-yellow:active:hover, .open > .dropdown-toggle.btn-yellow.focus, .open > .dropdown-toggle.btn-yellow:focus, .open > .dropdown-toggle.btn-yellow:hover, .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {background-color: yellow; background-image: none; text-decoration: underline;  color: black;}

.submitBtnWrap {padding: 6px;border-radius: 12px; width: auto; display: inline-block}

/* Mike's Toggle Button */

.switch {position: relative; display: inline-block; width: 48px; height: 28px;}
.switch span {font-size:x-small}
.switch input {opacity: 0; width: 0; height: 0;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #2c7b8c;}
input:checked + .slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}

/* Bens Password Meter
meter { -webkit-appearance: none; -moz-appearance: none; margin: 0 auto 1em; width: 100%; height: 0.5em; background: none; background-color: rgba(0, 0, 0, 0.1); }
meter::-webkit-meter-bar { background: none; background-color: rgba(0, 0, 0, 0.1); }
meter[value="1"]::-webkit-meter-optimum-value { color: red; }
meter[value="2"]::-webkit-meter-optimum-value { background-color: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background-color: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background-color: green; }
    */

/* Layout & Structure */
.topRight {
    position:absolute; right:10px; top:10px;
}
#topForm {
    margin: 0;
    float: left;
}
.bigBg {position: absolute; top: 0; height: 100%; bottom: 0; background: #045465; width: 100%; z-index: -1;}

.wrapper {position: relative}
#outerContainer {position: relative; z-index: 2}
.phrHome img.media-object {width:50px; height:50px}
.phrHome .media-body {font-weight:600}

/* Header and Logo */

.titleArea {padding: 25px 0 15px 20px;}
.logo {display: inline-block; position: absolute; top: 12px; left: 15px; z-index: 1;}
.logoImg {width:60px; height:60px; vertical-align:top}
.trust {font-family: "San Francisco", BlinkMacSystemFont, "Segoe UI", -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important;  display: block; margin-top: -10px; margin-bottom: 15px; color: #8e2960; font-size: 18px; letter-spacing: normal; padding-left: 75px; text-shadow: none}
.titleValueBorder {margin: 15px 0px!important; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px;}
.titleValueBorder:last-of-type {margin: 15px 0px 0px !important; border-bottom: none; padding-bottom: 15px;}

/* Leaflets */

.leafletsMedia.media-body {font-weight: 600; padding-left:5px}
.mediaWrap {margin: 0 auto 0 auto; display: inline-block; text-align: left; padding: 10px 0px;}

.video-container {
    max-width: 368px;
    max-height: 207px;
}

.video-host {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/* List Group */
a.list-group-item, button.list-group-item, div.list-group-item {color: #015a6f !important; background-color: #fff; border-color:#eaeaea}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {background-color: #fafafa}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {z-index: 2; color: #fff !important; background-color: #007d9a; border-color: #007d9a;}
a.list-group-item:empty {background-color: transparent; border: none; cursor: default;}
#landingPage .list-group-item {padding: 15px 20px; border-radius: 5px; margin-bottom: 5px;}
#landingPage a.list-group-item:focus, #landingPage a.list-group-item:hover, #landingPage button.list-group-item:focus, #landingPage button.list-group-item:hover, #landingPage a.list-group-item.active {background-color: #fafff4}

/* Top Navigation */

.topRightBtns {display: inline-block; padding: 0; margin-bottom: 15px; margin-top: -25px; margin-right: 0px;}
.topRightBtns a, .topRightBtns input, .topRightBtns button {border-radius: 0px; }
.topRightBtns a:focus, .topRightBtns input:focus, .topRightBtns button:focus {position: relative; z-index: 1}
/*.dropdown-menu>li>a {float:none; width:100%; text-align:left; background-color: #fff;}
.dropdown-menu {font-size: 16px; margin:0; border-radius:0; border:0px; background-clip: unset;}
.dropdown-menu>li>input {display: block; width:100%; text-align:left; padding: 3px 20px!important; background-color:#fff; float:none!important; border:none!important; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap;}
.dropdown-menu>li>input:hover {background-color: #f5f5f5;}*/
.navbar {padding-top: 0; padding-bottom: 0; border: none;}


/*Patient Notes List Hamburger*/
.dropdown { position: relative;}
.dropdown-menu >  a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #666666; white-space: nowrap; text-decoration:none !important; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none;  float: left; min-width: 0px; padding: 5px 5px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #ffffff;  -webkit-background-clip: padding-box; background-clip: padding-box;  border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px;  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.dropdown-toggle:focus {outline: 0;}
.dropdown-menu >  a:hover,
.dropdown-menu >  a:focus {color: #262626; text-decoration: none; background-color: #aedcf2 !important; border-color:#26a1da; border-style:solid; border-width:thin; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {color: #ffffff;text-decoration: none;background-color: #222;outline: 0;}
.dropdown-menu > .disabled {
    text-decoration: none !important;
    cursor: not-allowed !important;
    background-color: transparent !important;
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: darkgray !important;
    border-style: none !important;
}
.dropdown-menu > li > a {padding:3px 5px;width:100%;}
.dropdown-menu > li > a:hover {background-color: #2c7b8c33;}
.dropdown-menu > li {border-bottom: 1px solid #ccc;}
.dropdown-menu > li:last-child {border-bottom: 0px solid #ccc;}
.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}
.dropdown-menu-right {right: 0;left: auto;}
.dropdown-menu-left {right: auto;left: 0;}
.dropdown-header { display: block;padding: 3px 20px; font-size: 12px;line-height: 1.42857143; color: #777777;white-space: nowrap;}
.dropdown-backdrop { position: fixed; top: 0;right: 0; bottom: 0; left: 0; z-index: 990;}
.pull-right > .dropdown-menu {right: 0;left: auto;}
.pull-left {right: auto;left: 0;}

.HamburgerStylebtn{ border:#a9a7a7; border-style: solid; border-width: thin; background-color:white !important; padding-left: 2px; padding-top: 0px;padding-right: 2px; padding-bottom: 3px; }
.hamburgerBtn {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}


.nav-tabs#topTabs {margin-top: -5px; padding: 0 0 0 20px; border-bottom: 0}
.nav-tabs#topTabs > li > a {padding: 16px 15px 16px 10px; border: 0px; font-size: 16px; font-weight: 400; color: #015a6f; }
.nav-tabs#topTabs > li > a > span {padding-left:3px}
.nav-tabs#topTabs > li > a:focus, .nav-tabs#topTabs > li > a:hover {background-color: transparent; opacity: 0.5; border: 0px;}
.nav-tabs#topTabs > li.active > a, .nav-tabs#topTabs > li.active > a:focus, .nav-tabs#topTabs > li.active > a:hover {padding: 16px 15px 16px 10px; border: 0px; background-color: #fdfbf7; opacity: 1; border-radius: 4px; font-weight: 400; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1); position: relative; z-index: 1;}
.nav-tabs#topTabs > li {margin-bottom:-4px;}
.nav-tabs#topTabs > li + li:before {padding:0 5px 0 0; left:-5px; width: 0px; content: "|"; display: block; text-align:center; margin: 0; color:rgba(0,0,0,0.1); position: absolute; top: 16px; z-index:0}
.nav-tabs#topTabs > li.active:before {opacity:0!important}

/* PHR Top Row Tabs*/

.nav#tabNav1 {margin-top: -5px;}
.nav#tabNav1 > li > a {background-color: transparent; border: none !important; box-shadow: 1px 0px 0px 0px #2c7b8c; color: #fff;     font-style: italic; font-weight: 600; font-size: 1.4em; padding: 16px 20px 14px; line-height: normal;  }
.nav#tabNav1 > li.active > a {border-radius: 0; color:#045465}
.nav#tabNav1 > li.active > a:focus, .nav#tabNav1 > li.active > a:hover {color:#045465}
.nav#tabNav1 > li > a:focus, .nav#tabNav1 > li > a:hover {color:#fff; text-decoration: underline}
.nav#tabNav1 > li.active > a:hover {color:#045465; text-decoration: underline}
.nav#tabNav1 > li > a > i { margin-right:7px; margin-bottom:-6px;}
.nav#tabNav1 > li > a:focus, .nav#tabNav1 > li > a:hover > i.icon {text-decoration: none}
.nav#tabNav1 > li.active > a > i {filter: invert(0%);}
.nav#tabNav1 > li.active > a:hover > i {opacity: 1}
/* Colours used on and behind the PHR menu items top and bottom row */

.nav#tabNav1 li.active.notesBg > a {background-color: #fff2e7 !important; color:#6b3737!important; box-shadow: 2px 0px 0px 0px #ab5a49, inset 2px 0px 0px 0px #ab5a49, inset 0 2px 0 0 #ab5a49}
.nav#tabNav1 li.active.healthBg > a {background-color: #f1f9ff  !important; color:#283e4e!important; box-shadow: 2px 0px 0px 0px #3F5769, inset 2px 0px 0px 0px #3F5769, inset 0 2px 0 0 #3F5769}
.nav#tabNav1 li.active.hamptonBg > a {background-color: rgb(249, 238, 253)  !important; color:rgb(77, 24, 97)!important; box-shadow: 2px 0px 0px 0px #3F5769, inset 2px 0px 0px 0px #3F5769, inset 0 2px 0 0 #3F5769}
.nav#tabNav1 li.active.preferencesBg > a {background-color: #fbf9da !important; color:#424421!important; box-shadow: 2px 0px 0px 0px #66692E, inset 2px 0px 0px 0px #66692E, inset 0 2px 0 0 #66692E}
.nav#tabNav1 li.active.informationBg > a {background-color: #F3F0FB !important; color:#352740!important; box-shadow: 2px 0px 0px 0px #604675, inset 2px 0px 0px 0px #604675, inset 0 2px 0 0 #604675}
.nav#tabNav1 li.active.settingsBg > a {background-color: #F1ECEB !important; color:#35231e!important; box-shadow: 2px 0px 0px 0px #533E39, inset 2px 0px 0px 0px #533E39, inset 0 2px 0 0 #533E39 }

.navbar li.active.greyBg > a {background-color: #444444 !important;}


.nav.tabNav2 {padding: 12px 10px 10px}
.nav.tabNav2 > li {margin:0px}
.nav.tabNav2 > li > a {border: none; font-weight: 400; font-size: 16px; padding: 5px 10px; box-shadow: none !important; margin-right: 2px;}
.nav.tabNav2 > li.active > a {font-weight:600; border-radius: 5px; text-decoration:none!important; cursor:default!important}
.nav.tabNav2 > li > a:focus, .nav.tabNav2 > li > a:hover {background-color:transparent; text-decoration:underline}
.nav.tabNav2 > li:last-child > a:after {display:none}


/* PHR Second Row Links */

.notesBg.secondRow {background: #fff2e7 !important; box-shadow: 0px 2px 0 0 #ab5a49, inset 0px 2px 0 0 #ab5a49}
.notesBg.secondRow .nav.tabNav2 > li > a {color:#6b3737}
.notesBg.secondRow .nav.tabNav2 > li.active > a {color: #fff; background-color: #6b3737}
.notesBg.secondRow .nav.tabNav2 > li.active > a:hover, .notesBg.secondRow .nav.tabNav2 > li.active > a:focus {background-color: #6b3737}

.hamptonBg.secondRow {background: rgb(249, 238, 253)  !important; box-shadow: 0px 2px 0 0 #3F5769, inset 0px 2px 0 0 #3F5769}
.hamptonBg.secondRow .nav.tabNav2 > li > a {color:rgb(77, 24, 97)}
.hamptonBg.secondRow .nav.tabNav2 > li.active > a {color: #fff; background-color: rgb(77, 24, 97)}
.hamptonBg.secondRow .nav.tabNav2 > li.active > a:hover, .healthBg.secondRow .nav.tabNav2 > li.active > a:focus {background-color: #283e4e}

.healthBg.secondRow {background: #f1f9ff  !important; box-shadow: 0px 2px 0 0 #3F5769, inset 0px 2px 0 0 #3F5769}
.healthBg.secondRow .nav.tabNav2 > li > a {color:#283e4e}
.healthBg.secondRow .nav.tabNav2 > li.active > a {color: #fff; background-color: #283e4e}
.healthBg.secondRow .nav.tabNav2 > li.active > a:hover, .healthBg.secondRow .nav.tabNav2 > li.active > a:focus {background-color: #283e4e}

.preferencesBg.secondRow {background: #fbf9da!important; box-shadow: 0px 2px 0 0 #66692E, inset 0px 2px 0 0 #66692E}
.preferencesBg.secondRow .nav.tabNav2 > li > a {color:#424421}
.preferencesBg.secondRow .nav.tabNav2 > li.active > a {color: #fff; background-color: #424421}
.preferencesBg.secondRow .nav.tabNav2 > li.active > a:hover, .preferencesBg.secondRow .nav.tabNav2 > li.active > a:focus {background-color: #424421}

.informationBg.secondRow {background: #F3F0FB!important; box-shadow: 0px 2px 0 0 #604675, inset 0px 2px 0 0 #604675}
.informationBg.secondRow .nav.tabNav2 > li > a {color:#352740}
.informationBg.secondRow .nav.tabNav2 > li.active > a {color: #fff; background-color: #352740}
.informationBg.secondRow .nav.tabNav2 > li.active > a:hover, .informationBg.secondRow .nav.tabNav2 > li.active > a:focus {background-color: #352740}

.settingsBg.secondRow {background: #F1ECEB!important; box-shadow: 0px 2px 0 0 #533E39, inset 0px 2px 0 0 #533E39}
.settingsBg.secondRow .nav.tabNav2 > li > a {color:#35231e}
.settingsBg.secondRow .nav.tabNav2 > li.active > a {color:#fff; background-color: #35231e}
.settingsBg.secondRow .nav.tabNav2 > li.active > a:hover, .settingsBg.secondRow .nav.tabNav2 > li.active > a:focus {background-color: #35231e}

/* Second row links hamburger menu*/

/* Style the navigation menu */
.topnav {
    overflow: hidden;
    position: relative;
}

    /* Hide the links inside the navigation menu (except for logo/home) */
    .topnav #myLinks {
        display: none;
    }

    /* Style navigation menu links */
    .topnav a {
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
    }
    .topnav span {
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
        font-weight: 600;
        margin-right:25px;/*wrap before hamburger button*/
    }
    
        /* Style the hamburger menu */
        .topnav a.icon {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
        }
               
/* Image Icons 

.icon.icon-notes {width: 30px; height: 30px; display: inline-block; margin-bottom: -5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAVFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////+DS+nTAAAAG3RSTlMAwGDgoPAwQNAQPYD8cLhk2cRQ6B95+oj2syCM0/G8AAAACXBIWXMAAAFxAAABcQG7iuH0AAAAxUlEQVQoka3TyRKDIBAE0FZRwC372v//n6lBIwxYOaWPvBJbcADrqFID8EPbTJBY5nnDhyeMcJVrveriJJ1N0gGzrLWLk7RQMSSf164NOxUsSjov7goWHcX7PRZte+k27mwetPt2z6utCvRj/DBbaKg9Q7NWA9iUNw1vNrKQVCtUbmPjm9IKmr1S5zMeyLtWxRX50przoDVnMz0uiebM9Sbxg4+bKj43ZHNyh6j6WMr8h9WPHCNngGyEdNzOECWx5QjGOIsPonst9PzV9YkAAAAASUVORK5CYII=') no-repeat; }
.icon.icon-plan {width: 30px;height: 30px; display: inline-block; margin-bottom: -5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAoBBwULDQQPAgMIDAYKb0LpDdstZIAAAACXBIWXMAAAFxAAABcQG7iuH0AAAAo0lEQVQokYXTWxKDIAwF0PAmYGt797/YTjroCBLMp0eZG0yIOECpwEScNQUyk/qtVCB5yadJeTlW2NO0fOM056Syr98FFwGVbV5yBOBUNgCMGu0FIFqN5WFmrbH/L0ha37bFUviINWd3xBq4VtfFGjjKmZdYA28A3pdYA5c2Uoam3PyMdUsuvp+x7o2VLXy6y9enpeOHUVwN8sMaPCzRYgUD0w8jOx2aMoxQigAAAABJRU5ErkJggg==') no-repeat;}
.icon.icon-leaflet {width: 30px; height: 30px; display: inline-block; margin-bottom: -5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEHRSTlMA0PBwILBAwIAwoOBQkGAQ6NyQygAAAAlwSFlzAAABcQAAAXEBu4rh9AAAAIZJREFUKJHt0s0OAyEIBGBUYND94/2ftsm2urWh6b3ZOSlfnHiA3lMW96XQl5ifsVjZX+GQS+e43jrH7T+4dq7x37anbtObBkDMViay7J6NiFczAdAqpV7pWXZW5V3yGCXyKarz/YOBm/+br9UIOFMFcC2UyDgmAGNnq1qDp+NIjmZ6zonoASrwKGtZNDR6AAAAAElFTkSuQmCC') no-repeat;}
.icon.icon-health {width: 30px; height: 30px; display: inline-block; margin-bottom: -5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMAYEDgMKBQ8BDQwJAgcICw5Kb0uPKBeTI8AAAACXBIWXMAAAFxAAABcQG7iuH0AAAA+klEQVQokY2S6ZLDIAyDHQhnrnZ39f6vuiMDzUU71Y9OHdnxh4hQccgA7DRrsSYAaYlSZSyqVpEl1P/BF3fArvw8FAPdke1pMN61x84b3YZRRFJ5KRuTvtRosZBGxAOYKkS0wA9HqBWAFwfYF+T8m5VeZYGNP234ohUIAsD0bQPgC9v3bUJ/2D0BieQh9twYODjizbgrseWW7lm8icwoQg+e2GFuhGE8u3pP9URMP53wGP6+0dU9L/Hq3Nvy2h7pL626Lzui8EhXVD2IPtPOi1tm+F0wy15M5ElRKbohb8Rn09ZzC/4NepemX5PuiZf7d4Pe5R+Pw5clIv9I5BUx/BwvbwAAAABJRU5ErkJggg==') no-repeat;}
.icon.icon-cog {width: 30px; height: 30px; display: inline-block; margin-bottom: -5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAJFBMVEVHcEz///////////////////////////////////////////8Uel1nAAAAC3RSTlMAEMBg8NDvULpw4I6vHfYAAAAJcEhZcwAAAXEAAAFxAbuK4fQAAACuSURBVCiRlZNZDsMgDERt7LDN/e9bBRIwIZR2fhA8yztk5QDA0UorzKEcBgc29ICMWHCwoYAQiz+xFyYBGi8UiIpLGst58YCFakLF1YvkDt55bhE6JarBVJiIpVpEU5hiSlV74TLeq3V17pxz/hGrmPuTUEvFdrE9Nqx2BnnC2WKd8ML5W2qpp9auz8LSr20ZmpqmpvaR6MtIvg90sw6bZdqs4m6Rd9/g1n9/jIg+8I8RlwhOTAsAAAAASUVORK5CYII=') no-repeat;}
    */
.icon.icon-notes {
    width: 27px;
    height: 25px;
    display: inline-block;
    margin-bottom: 0px;
    background: url(../images/edit-regular.svg)no-repeat;
    filter:invert(100%);
}
.icon.icon-plan {width: 27px;height: 25px; display: inline-block; margin-bottom: 0px; background: url(../images/check-square-regular.svg) no-repeat;filter:invert(100%); }
.icon.icon-leaflet {width: 27px; height: 25px; display: inline-block; margin-bottom: 0px; background: url(../images/book-reader-solid.svg) no-repeat;filter:invert(100%); }
.icon.icon-health {width: 27px; height: 25px; display: inline-block; margin-bottom: 0px; background: url(../images/heart-regular.svg) no-repeat;filter:invert(100%); }
.icon.icon-cog {width: 27px; height: 25px; display: inline-block; margin-bottom: 0px; background: url(../images/cog-solid.svg) no-repeat;filter:invert(100%); }
.icon.icon-home {width: 18px; height: 16px; display: inline-block; margin-bottom: 0px; background: url(../images/home-solid.svg) no-repeat;filter:invert(100%); }
.icon-home-container {padding: 10px 8px 7px 8px}
.information-icon {filter: invert(38%) sepia(88%) saturate(2907%) hue-rotate(166deg) brightness(90%) contrast(93%); width:50px; height:50px;}
.nav#tabNav1 > li > a > i.icon.icon-cog {margin-right:0px; margin-left:3px}



@media (min-width:768px) {.icon.icon-notes, .icon.icon-plan, .icon.icon-leaflet, .icon.icon-health {display: none;}}
@media (min-width:900px) {.icon.icon-notes, .icon.icon-plan, .icon.icon-leaflet, .icon.icon-health {display: inline-block;}}

/* Notes Panels */

.panel, .myPrefPanel {border-color: #fff; border-width: 3px; border-style: solid; border-radius: 0px; box-shadow: 3px 3px 9px 0 rgba(0,0,0,0.05);}
.panel .panel-heading {border-color: #fff; font-weight: 400; font-size: 1.4em; text-align: center; padding: 5px;}
.panel-group .panel .panel-heading .panel-title {display:block; line-height:35px; padding: 0 10px}
.mama p {margin-bottom: 0px!important}
.mama.panel {border-radius: 50px}
.mama.panel-body {padding: 4px}
.tab-pane .panel span {margin-right: 0px;}
.tab-pane .panel a span {margin-right: 10px;}

/* Edit Buttons */

.editBtn {color:#fff!important; padding:5px 6px 5px 3px}
.editBtn:hover {opacity:0.8}
.editBtnRight {position: absolute;right: 5px;top: 5px;width: 55px;}
.addNewBtnInlineRight, .editBtnInlineRight {float: none; line-height: 1 !important; margin-left:7px; margin-top: -5px;}
.addNewBtnRight {position: absolute; right: 5px; top: 5px; width: 80px;}
.WizardActions.btn > span {margin-right:0px!important}
.addNewBtnRight > span, .addNewBtnInlineRight > span {position:relative; padding-left:19px; font-weight:400}
.editBtnRight > span, .editBtnInlineRight > span {position:relative; padding-left:3px; font-weight:400}
.addNewBtnRight > span:before, .addNewBtnInlineRight > span:before {width:17px; height:17px; background: url(../images/plus.png) no-repeat; content:""; position:absolute; left:0px;}

/* Wizard & Forms Layout */
#wizardFrm {padding-bottom: 75px}
.responsiveForm {width: 730px; margin: 0 auto}
@media (max-width:767px) {.responsiveForm {width: 100%;}}
@media (min-width:768px) {.responsiveForm {width: 730px;}}
@media (min-width:800px) {.responsiveForm {width: 760px;}}
@media (min-width:900px) {.responsiveForm {width: 855px;}}
@media (min-width:1000px) {.responsiveForm {width: 950px;}}
@media (min-width:1100px) {.responsiveForm {width: 1045px;}}
@media (min-width:1200px) {.responsiveForm {width: 1140px;}}
@media (min-width:1300px) {.responsiveForm {width: 1235px;}}
@media (min-width:1400px) {.responsiveForm {width: 1330px;}}

.inputWrapper {width:67%}
.cbStyle > .inputWrapper, .radioStyle > .inputWrapper {width: 100%;}
fieldset legend.legendHide {visibility:hidden;height:0px;width:0px;padding:0px;margin:0px;position: relative;z-index: -1;}

.radioStyle, .cbStyle, .cbStyleList, .radioStyleList {margin-left:33%; padding-top: 0px}
.form-group > .labelStyle:nth-child(2) {width:67%}
.leftBtns {margin-left: 33%; margin-right: 0px;}
.validationWrapper {width: 67%; display: block; float: left; min-height: 15px;}
.form-group {margin-bottom:10px}
.form-horizontal .form-group {margin-left: 0; margin-right: 0}
.form-group label:empty {padding-top: 0; padding-bottom: 0; margin-bottom: 0; height: 1px; line-height: 0;}
.form-control {height: auto; padding:6px; font-size: 16px; border:1px solid #aaa; border-radius:2px; box-shadow:inset 2px 2px 1px 0px rgba(0,0,0,0.05)}
.inputWrapper .day, .inputWrapper .month, .inputWrapper .year, .inputWrapper .hour, .inputWrapper .minute {
    height: auto;
    padding: 6px;
    font-size: 16px;
    border: 1px solid #aaa;
    border-radius: 2px;
    box-shadow: inset 2px 2px 1px 0px rgba(0,0,0,0.05)
}

.labelStyle {float: left; padding-right:0px; padding-top:6px; display: block; font-size:16px; font-weight: 400; line-height: 120%}
.form-group .labelStyle:nth-child(1) {width:33%; margin-left: 0; padding-right: 15px}

.noTableStyle td > label.FormLabel {padding-right: 0px; text-align:right; padding-top:6px; display: block; font-size:16px; font-weight: 400; line-height: 120%}

.form-group .labelStyle:nth-child(2) {margin-bottom: 15px; padding-top: 0px; margin-top: -15px; font-size: 16px; font-style: italic}
.form-group > label, .form-group > .inputWrapper, .form-group > label, .form-group > .cbStyle:last-of-type .inputWrapper, .form-group > .radioStyle:last-of-type .inputWrapper, .form-horizontal .cbStyle:last-of-type .checkbox, .form-group .radioStyleList, .form-group .cbStyleList {margin-bottom: 10px;}
.form-group > label:empty, .form-group > .inputWrapper:empty {margin-bottom: 0px;}

.fullWidthLabels .labelStyle {float: none; padding: 0px 15px; padding-top: 0px; display: block; width: 100%!important; margin-bottom:30px}
.fullWidthLabels .panel .panel-body .labelStyle {margin-bottom:0px; text-align:center!important}


.inputWrapper {float: left; display: block;}
.input-xsmall {width: 17%}
.input-small {width: 33%; min-width:200px}
.input-medium {width: 50%}
.input-large {width: 67%}
.input-xlarge {width: 83%}
.input-full {width:100%}
.inputWrapper.input-xsmall input.form-control:nth-child(1), .inputWrapper.input-xsmall input.form-control:nth-child(2) {width: 30%}
.inputWrapper.input-xsmall input.form-control:nth-child(3) {width: 40%}
.inputWrapper:after {clear:both}
.inputWrapper .radio:after, .inputWrapper .checkbox:after {clear: none}
option {font-weight:400}
.radio > label, .checkbox > label {font-weight: 400; font-size: 16px; /*padding-left:25px;*/ display:inline}
.radio > label, .checkbox > label {padding-left:0px;}

input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {line-height:normal}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {padding-top: 5px; float: none}
input[type=radio], input[type=checkbox] {width: 1.25em;height: 1.25em;margin: 0;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {margin-left:0px}
.cbStyle>.checkbox input[type=checkbox],
.cbStyle>.checkbox-inline input[type=checkbox],
.radioStyle>.radio input[type=radio],
.radioStyle>.radio-inline input[type=radio] {margin-left:0px}

.input-group-addon {background-color: #fdfbf7; border-left: none; border-right: none; box-shadow: inset 0 1px 1px rgba(0,0,0,.075)}

/* Custom style checkbox and radio */

.radioStyle .radio > input[type=radio], .cbStyle .checkbox > input[type=checkbox]{-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative; background-color: white; border:1px solid #999; color: #000010; top: 0px; height: 22px; width: 22px; border-radius: 11px; cursor: pointer; margin-right: 7px; vertical-align: top; overflow: hidden; box-shadow:inset 2px 2px 1px 0px rgba(0,0,0,0.05)}
.cbStyle .checkbox > input[type=checkbox] {border-radius: 0px}
.radioStyle .radio > input[type=radio]:checked::before, 
.cbStyle .checkbox > input[type=checkbox]:checked::before{position: absolute; background-color: #0c540c; width:12px; height:12px; border-radius: 6px; left: 4px;top: 4px;display: block;content: " ";}
.cbStyle .checkbox > input[type=checkbox]:checked::before {border-radius: 0px;}
.radioStyle .radio > input[type=radio][disabled], .cbStyle .checkbox > input[type=checkbox][disabled]{border-color:#ccc} 
.radioStyle .radio > input[type=radio][disabled]:checked::before, 
.cbStyle .checkbox > input[type=checkbox][disabled]:checked::before {background-color: #999;}
input:disabled + label, fieldset:disabled label, input[disabled] + label, fieldset[disabled] label, .form-control[disabled], fieldset[disabled] .form-control {color: #454545; cursor:not-allowed; opacity:0.7}
.cbStyle>.inputWrapper.checkbox>label{display:inline}

/* Selects need to be wrapped with selectWrapper class */
.selectWrapper>select {-webkit-appearance: none; -moz-appearance: none; background: #fff; font-size: 16px}
.selectWrapper {position:relative; font-size: 16px}
.selectWrapper>select.form-control {padding:6px 30px 6px 6px!important;}
.selectWrapper:after {content:" "; border-left: 7px solid transparent; border-right: 7px solid transparent; top: 13px; right: 10px; border-top: 11px solid #666; position: absolute;}

.titlePage h3, .titlePage .h3Title {border-bottom: 1px solid #ddd; padding-top: 15px; padding-bottom: 5px; margin-bottom:30px}
.titlePage em {padding: 15px 0 0 0; display: inline-block;}
.titlePage h3:empty, .titlePage p > em:empty, .titlePage .h3Title:empty {padding: 0px !important; margin-bottom: 0px !important; border-bottom: none;}


/* Wizard Nav and Login Buttons */

div#buttonContainer {position: absolute; width: 100%; left: 0; right: 0; padding: 15px 0; margin-top: 0px}
#cancelBtn, .cancelBtn {display: none; min-width: 90px;}
.modal #cancelBtn, .cancelBtn {display:inline-block}
.grecaptcha-badge {
    visibility: hidden;
}

/* Wizard Warnings and Information Messages */

.wizard-mask {
    display: block;
    position: fixed;
    z-index: 990;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.wizard-warning {
    display: inline;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    margin: 10px;
    padding: 10px;
    width: auto;
    height: auto;
    overflow: auto;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,1);
}

.wizard-information {
    display: inline;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    margin: 10px;
    padding: 10px;
    width: auto;
    height: auto;
    overflow: auto;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,1);
}

/* Table Styling */

.highlightRedBG {background:#a90000 !important; color:#aaa !important}
.highlightOrangeBG {background:#ff701d !important}
.highlightGreenBG {background: #249639 !important}

.tableContainer {width: 100%; overflow-x: auto}
.withHamburger {overflow:visible}
.table {margin-bottom: 0; width: 100%}
td.wideCol {width: 100%}

.patientListTable thead { background-color: #2c7b8c; color: white; }
.patientListTable thead a { background-color: transparent; color: white; }
.patientListTable thead a:hover { background-color: transparent; color: white; }

.patientListTable.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2c7b8c11;
}

.panel-info .table-bordered > tbody > tr > td, .panel-info .table-bordered > tbody > tr > th, .panel-info .table-bordered > tfoot > tr > td, .panel-info .table-bordered > tfoot > tr > th, .panel-info .table-bordered > thead > tr > td, .panel-info .table-bordered > thead > tr > th, .panel-info .table-bordered {border: 1px solid #cee8ee;}
.panel-green .table-striped > tbody > tr:nth-of-type(odd) {background-color: #f3fdf6;}
.panel-green .table-bordered > tbody > tr > td, .panel-green .table-bordered > tbody > tr > th, .panel-green .table-bordered > tfoot > tr > td, .panel-green .table-bordered > tfoot > tr > th, .panel-green .table-bordered > thead > tr > td, .panel-green .table-bordered > thead > tr > th, .panel-green .table-bordered {border: 1px solid #ceeed8;}
.panel-default .table-bordered > tbody > tr > td, .panel-default .table-bordered > tbody > tr > th, .panel-default .table-bordered > tfoot > tr > td, .panel-default .table-bordered > tfoot > tr > th, .panel-default .table-bordered > thead > tr > td, .panel-default .table-bordered > thead > tr > th, .panel-default .table-bordered {border: 1px solid #eee;}

.table.noTableStyle.centered {width: auto; margin: 0 auto}
.table.noTableStyle > tbody > tr > td, .table.noTableStyle > tbody > tr > th, .table.noTableStyle > tfoot > tr > td, .table.noTableStyle > tfoot > tr > th, .table.noTableStyle > thead > tr > td, .table.noTableStyle > thead > tr > th {border-top: none; padding: 6px 12px 6px 12px; vertical-align: middle; line-height: normal;}
.table.noTableStyle.simpleTable > tbody > tr > td { padding:10px 10px 10px 0; font-weight:600;}
.table.noTableStyle.simpleTable.bottom30 {margin-bottom:30px}
.table.noTableStyle:not(.simpleTable) > tbody > tr > td:nth-child(2) {min-width:330px}
.table.noTableStyle > tbody > tr > td:empty {padding-left:0; padding-right:0}

/* Yes/No Control */

.yesNo > input[type=radio] {margin-left: 0px !important; opacity: 0 !important; position: absolute !important; cursor: pointer !important; height: 0 !important; width: 0 !important; padding: 0px !important;}
.yesNo {position:relative}
label.yesNo {margin-bottom:0}
.yesNoLbl { 
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: 36px;
    line-height: 36px;
    width: 60px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    background-color: #89bdff1a;
    border-radius: 6px;
    margin-right: 8px;
    border: 1px solid #ccc;
    color: #000
}
    .yesNoLbl:hover {
        background-color: #89bdff66;
        text-decoration: underline;
        color: #000
    }
.yesNoDivLbl {position: relative; top: 0;left: 0; right: 0; margin-bottom:4px; height: 36px;line-height: 36px; width: 16px; vertical-align: middle; text-align: center; color:#ccc; display:none!important}
.yesNo input:checked ~ .yesNoLbl {color: #fff; background-color: #0c3c46; border-color: #ccc!important; cursor:default; text-decoration: none!important}
input[type=radio][disabled] + span.yesNoLbl {opacity: 0.7; background-color: #eee; color:#454545; cursor: not-allowed!important; outline:none!important; box-shadow:none!important; text-decoration: none!important}
.yesNoTable {margin-top: 0px}
.yesNoTable thead, .yesNoTable thead tr, .yesNoTable thead tr th {display:none; visibility:hidden}

/*Search */

/*border-left:2px solid #eee; border-right:2px solid #eee;*/ 
.searchLeft, .searchRight {width:auto}
.betweenBtns {width:15px; display:inline-block}
.linkDetails {font-size: 12px; line-height: 22px;}
    .searchBox {border-radius: 3px; display:inline-block;}
    .searchTitle {font-size: 19px;
    font-weight: 600;
    padding: 5px 10px;}
.max1000 {
    max-width: 1000px
}
.max800 {
    max-width: 800px
}
.max600 {
    max-width: 600px
}
.max500 {
    max-width: 500px
}
.max400 {
    max-width: 400px
}
.max300 {
    max-width: 300px
}
.maxCustomDate {
    max-width: 247px
}

/* Modal */

body.modal-open {padding-right:0px!important}
/*.modal .responsiveForm {width: 730px; margin: 0 auto}*/
@media (max-width:767px) {.modal-lg {width: 100%;}}
@media (min-width:768px) {.modal-lg {width: 730px;}}
@media (min-width:800px) {.modal-lg {width: 760px;}}
@media (min-width:900px) {.modal-lg {width: 855px;}}
@media (min-width:1000px) {.modal-lg {width: 950px;}}
@media (min-width:1100px) {.modal-lg {width: 1045px;}}
@media (min-width:1200px) {.modal-lg {width: 1140px;}}
@media (min-width:1300px) {.modal-lg {width: 1235px;}}
@media (min-width:1400px) {.modal-lg {width: 1060px;}}

.modal {padding-left: 0px !important; padding-right:0px !important}
.modal .bigBg {display:none}

.modal .titlePage h3, .modal .titlePage .h3Title {padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 15px;border-bottom: none; margin-bottom: 20px !important}
.modal .titlePage p > em {padding-right:15px}
.modal .titlePage h3:empty, .modal .titlePage p > em:empty, .modal .titlePage .h3Title:empty {padding: 0px !important; margin-bottom: 0px !important}
.modal .bigBg {display: none !important}
.modal-content {border: none !important; border: 0 !important; border-radius: 3px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); padding:3px; background-color:#fffaf5;}
.modal-content.whiteBg {background-color:#fffaf5 }
.modal-body {padding: 3px;}
.modal .responsiveForm {width: 100%; position: relative; margin: 0px;padding-left:15px;padding-right:30px;}
.modal div#buttonContainer .responsiveForm {padding-left:0px; padding-right:0px;}
.modal div#buttonContainer {position: relative; padding-bottom: 50px; margin-bottom: -15px;}
.modal #wizardFrm {padding-top:15px; padding-bottom: 15px}
.modal .leftBtns {margin-left: 15px;}
.modal .rightBtns {margin-right: 0px;}

/* Footer Elements */

.footerLogo {margin:0 auto; width:100px; height:75px}
.footerCEMark {margin:0 auto; width:40px; height:30px; vertical-align: middle !important; margin-left:30px }
.footer, .footer.whiteT {font-size: 80%;}
.footer > a, .footer > p > a {color: #e6fffd !important; text-decoration: underline}
.footer > a:hover, .footer > p > a:hover {opacity: 0.85}
.footer .modal {color: #222; text-align: left}
.footer .modal a {color: #015a6f}
.footer .modal h3:not(:first-child), .footer .modal .h3Title:not(:first-child) {margin-top: 30px}
.k2Icons {display:inline-block; padding:15px}

/* Regulatory Information Elements */
.inline-flex {display:inline-flex}
.regulatoryCEMark {margin: 0 20px 0 20px ; width:40px; height:30px; vertical-align: middle !important;}
.regulatoryUKCAMark {margin: 0 20px 0 20px; width:50px; height:40px; vertical-align: middle !important;}
.regulatoryManufacturerLogo {margin: 0 20px 0 20px ; width:46px; height:42px; vertical-align: middle !important;}
.regulatoryManufacturerLogoWide {margin: 0 20px 0 20px; width: 160px; height: 80px; vertical-align: middle !important;}

/* Focus */

.btn:active, .btn.active {box-shadow:none!important}
body *:focus {outline: 0px dashed rgba(0,0,0,0); outline-offset: 0px;}
/*body *:focus {outline: 1px solid yellow; outline-offset: 0px;}*/
.topRightBtns button#css_toggle:focus{outline: 1px dashed yellow; background-color: #FFA600; outline-offset: -1px;}
.responsiveForm *:focus, .yesNo input:focus ~ .yesNoLbl, .form-control:focus, span.yesNoLabel:focus, .radioStyle .radio input[type=radio]:focus, .cbStyle .checkbox input[type=checkbox]:focus, a.linkified:focus  {outline-width: 0px;border-color: #999; outline: 0; box-shadow: 0 0 4px 1px rgba(255, 177, 0, 0.6)}
input:focus::-webkit-input-placeholder {color: transparent;}

/* Date & Time */

.dateinput {float: left; width: 4em; text-align: center}
.slash {display: inline; float: left; padding: 6px 5px;}
.input-group-addon.calendarClickIcon {float: left; background-color: transparent; padding: 0; box-shadow: none;}
.calendarClickIcon > .add-on {float: left; margin: 6px 0 0 20px; display:inline-block; vertical-align: middle; cursor: pointer}
.calendarLabel {position: relative; margin-left: 5px; bottom: -3px; text-decoration: underline}
input:focus::-webkit-input-placeholder {color: transparent;}
.datepicker {padding:12px; font-size:16px}
.datepicker .table-condensed>thead>tr>th, .datepicker .table-condensed>tbody>tr>th, .datepicker .table-condensed>tfoot>tr>th, .datepicker .table-condensed>thead>tr>td, .datepicker .table-condensed>tbody>tr>td, .datepicker .table-condensed>tfoot>tr>td {padding: 8px;}
.datepicker td, .datepicker th {width:36px;height:36px}
.timeLabel {font-weight: 600; padding-top: 6px; margin-left:30px; margin-right: 10px;}


/* - - - - - - - - - Responsive Small Phone - - - - - - - - -  */

@media (max-width:480px) {

.col-xs-6.lefty {width: 58.33333333%}
.col-xs-6.righty {width: 41.66666667%}
}

/* - - - - - - - - - Responsive Photo and Small Landscape Tablet - - - - - - - - - */

@media screen and (max-width:767px) {

/* Text */

h1 {font-size: 26px}
h2 {font-size: 22px}
h3, .h3Title {font-size: 22px}
h4 {font-size: 20px}
#welcomeMsg {text-align:center}

/* Links */

a.logoLink {display:block}


/* Margins and Padding */

.noColPad {padding-left: 15px; padding-right: 15px}
.margRight15{margin-right:15px}
    .margbottom15 {
        margin-bottom: 15px
    }

/* Buttons */

.btn-lg.loginBtn {padding: 6px 12px; font-size: 16px;}
#topForm .btn-group {float:right}
#topForm button.dropdown-toggle {padding:6px 12px}

/* Layout & Structure */

/*.notesPagePad {padding-right:15px; padding-left:15px}*/
.notesPagePad {padding-right:0px; padding-left:0px}
#birthPlan .subSectionHeadingTitle {padding: 8px 60px 8px 5px;}

/* Header and Logo */

.logoImg {width:35px;height:35px;display:block;margin:0 auto}
.titleArea {padding: 10px 10px 10px 10px; text-align: left}
.titleArea h1 {padding: 35px 0 0 0; text-align: center;}
h1.mpnTitle {text-align:left !important; padding-top:0px}
.trust {padding-left:0px; margin-top:5px; margin-bottom:5px}

/* Navigation */

.topRightBtns {position: absolute; width:90%; right: 0; top: 0;  padding: 0; margin: 0; background-color: transparent;}
.topRightBtns a, .topRightBtns input {border-radius: 0px; font-size: 16px !important;}
#topForm {margin:0; float:none;}
.btn-yellow {padding: 5px 12px 6px!important;}



/* hide labels on tabs for small display*/
.navbar-nav > li > a > span {display: none;}
/* readjust icons centrally*/
.nav#tabNav1 > li > a > i {margin-right: 0px;margin-bottom: 0px;}

/* keep tabs stacking horizontally and overlapping into area below (simulates tabs)*/
.navbar-nav > li {
    float: left;
    margin-bottom: 0px;
    height: 33px;
}
/* center links in parent*/
.navbar-nav > li > a {
    display: flex;
    justify-content: center;
}
/* Equally space tabs (one item) */
.navbar-nav > li:first-child:nth-last-child(1) {
    width: 100%;
}

    /* Equally space tabs (two items) */
.navbar-nav > li:first-child:nth-last-child(2),
.navbar-nav > li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}

    /* Equally space tabs (three items )*/
.navbar-nav > li:first-child:nth-last-child(3),
.navbar-nav > li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}

    /* Equally space tabs (four items) */
.navbar-nav > li:first-child:nth-last-child(4),
.navbar-nav > li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}

    /* Equally space tabs (five items) */
.navbar-nav > li:first-child:nth-last-child(5),
.navbar-nav > li:first-child:nth-last-child(5) ~ li {
    width: 20%;
}
    /* Equally space tabs (six items) */
.navbar-nav > li:first-child:nth-last-child(6),
.navbar-nav > li:first-child:nth-last-child(6) ~ li {
    width: 16%;
}



.icon.icon-notes, .icon.icon-plan, .icon.icon-leaflet, .icon.icon-health {
    display: inline-block;
}
    


.nav, .navbar-nav a {display: block}
.whiteBg.secondRow {background-color: #007d9a}
.navbar {background: #007d9a; min-height: 0}
.navbar a.navbar-brand {color: #fff}
.navbar a.navbar-brand:hover {color: #fff}
.navbar-nav#tabNav1 {margin-bottom: 0}
.nav#tabNav1 {margin-top: 0px; margin-bottom: 0; border-bottom: 0px}
.nav#tabNav2 {margin-top: 0px; margin-bottom: 0}
.nav#tabNav1 > li > a, .nav#tabNav2 > li > a {color: #fff; font-weight: 400; font-size: 1.25em; padding: 5px 0px 5px 0px;  line-height: 20px; margin-right: 0; width:100%}
.nav#tabNav1 > li.active > a, .nav#tabNav2 > li.active > a {padding: 5px 0px 5px 0x; border-radius: 0px}
.nav#tabNav1 > li > a:focus, .nav#tabNav1 > li > a:hover, .nav#tabNav2 > li > a:focus, .nav#tabNav2 > li > a:hover {text-decoration: none; background-color: #015a6f; color: #fff; border-radius: 0px; padding: 5px 0px 5px 0px;}
.nav#tabNav2 > li > a {background-color: #007d9a;}
.nav#tabNav2 > li.disabled > a {color: #fff; padding: 8px 10px; background-color: #015a6f}
.nav#tabNav2 > li.disabled > a svg {color: #007d9a}
.nav.tabNav2 {padding:0px}
.nav.tabNav2 {text-align:center}
.secondRow .nav.tabNav2 > li {display:inline-block; margin: 0 1px}
.secondRow .nav.tabNav2 > li > a {display:inline-block; margin:0}
.nav.tabNav2 > li > a:after {padding-left: 6px;}
.nav .nav-divider {margin: 0; background-color: #015a6f; height: 2px}


/*Search */

.searchLeft, .searchRight {width:100%; margin-bottom:10px}


/* Tabs */

.tab-pane .col-sm-1, .tab-pane .col-sm-1.text-right, .tab-pane .col-sm-1.text-left, .tab-pane .col-sm-3.text-right, .tab-pane .col-sm-3.text-left, .tab-pane .col-sm-6.text-right, .tab-pane .col-sm-6.text-left, .tab-pane .col-sm-12.text-right, .tab-pane .col-sm-12.text-left {text-align: center !important; width:100% !important}

/* Edit Buttons */

.addNewBtnInlineRight, .editBtnInlineRight {display: inline-block; width:auto!important; float: none; clear: both;}

/* Wizard & Forms Layout */

.responsiveForm {padding: 0 15px; width:100%}
.form-control {height: auto; padding: 8px 6px; }/*min-height: 34px; */
.form-horizontal .form-group {margin-left: 0; margin-right: 0}
.form-group .labelStyle:first-of-type, .labelStyle, .modal .form-group .labelStyle:first-of-type, .form-group > .labelStyle:nth-child(2) {float: none; display: block; width: 100%; padding-right: 0; text-align: left; margin-left:0px; margin-bottom: 6px;}
.inputWrapper, .inputWrapper {float: none; display: block; width: 100%;}
.input-xsmall, .input-small, .input-medium, .input-large, .input-xlarge, .input-full {width: 100%;}
.modal .labelStyle, .modal .inputWrapper {padding-left:15px; padding-right:15px}
.leftBtns {margin-left: 0px; margin-right: 0px;}
.validationWrapper {width: 100%; display: block; float: none; min-height: 15px;}
.radioStyle, .cbStyle, .cbStyleList, .radioStyleList {margin-left: 0px; margin-right: 0px; padding-top:0px}
.modal .responsiveForm {margin: 0px;}
select, select > option {font-size: 16px !important;} /* min font size to prevent iOS zoom*/
.noTableStyle td > label.FormLabel, label.FormLabel {text-align: left}


/* Table Styling */

.table.noTableStyle.centered {width:100%}
.table.noTableStyle > tbody > tr > td {text-align: left; display: block}
.table.noTableStyle > tbody > tr > td > img.squiggle {margin-left:auto; margin-right:auto}
.table.noTableStyle.simpleTable > tbody > tr > td {display: table-cell}
.table.noTableStyle > tbody > tr > td:empty {display: none}
.table.noTableStyle > tbody > tr > td, .table.noTableStyle > tbody > tr > th, .table.noTableStyle > tfoot > tr > td, .table.noTableStyle > tfoot > tr > th, .table.noTableStyle > thead > tr > td, .table.noTableStyle > thead > tr > th {padding: 6px 0px; }

/* Modal */

.modal {padding-left: 0px !important; padding-right: 0px !important}
.modal-dialog {width: 100%;height: 100%;margin: 0; padding: 0;}
.modal-content {height: auto; border-radius: 0;}

/* Footer Elements 

.k2Icons {display: none}*/
}


/* - - - - - - - - - Responsive Small Tablet + - - - - - - - - -  */

    @media (min-width:768px) {

        .pull-right-xs {
            right: 0 ;
            left: auto;
        }

        .pull-left-xs {
            right: auto ;
            left: 0 ;
        }
            .pageDivide {
            border-right: thin;
            border-right-style: solid;
            border-right-color: lightgray;
        }

        .navbar-nav > li {
            margin-bottom: -2px;
        }

        .icon-home-container {
            margin-top: -1px;
            margin-bottom: -1px;
        }
        /*.searchBox {border-radius: 25px; box-shadow: 0px 5px 0px 10px #fffaf5, 0px -5px 0px 10px #fffaf5, -15px 0px 15px 0 rgba(0,0,0,0.05), 15px 0 15px 0px rgba(0,0,0,0.05); display:inline-block; padding:0 15px;}*/
    }
@media print {

    .pull-right-xs {
        right: 0;
        left: auto;
    }

    .pull-left-xs {
        right: auto;
        left: 0;
    }

    .pageDivide {
        border-right: thin;
        border-right-style: solid;
        border-right-color: lightgray;
    }

    .navbar-nav > li {
        margin-bottom: -2px;
    }

    .icon-home-container {
        margin-top: -1px;
        margin-bottom: -1px;
    }
    /* support bootstrap columns on printout (640px)*/
    .col-sm-6 {
        width: 50%;
        float:left;
    }/* reduce font size of content*/
    .text-left{
        font-size:10pt!important;
    }
    .text-right {
        font-size: 10pt!important;
    }
    /* reduce font size and shade panel headings*/
    .panel-heading {
        font-size: 14pt !important;
        background: #eee !important;
    }
    .panel{
        margin-bottom:2px!important;
    }
    .topHeader {
        display: none;
    }

    .footer {
        display: none;
    }

    .noprint {
        display: none;
    }
    /* decrease gaps between lines in paragraph*/
    .horizontalSeparator {
        padding-top: 4px!important;
        padding-bottom: 4px!important;
    }
}
    /* - - - - - - - - - Responsive Large Tablet +  - - - - - - - - -  */

    @media (min-width:1024px) {

    }

    /* - - - - - - - - - Responsive Small Laptop & Desktop +  - - - - - - - - -  */

    @media (min-width:1200px) {

    }

    /* - - - - - - - - - Responsive Large Laptop & Desktop  - - - - - - - - -  */

    @media (min-width:1600px) {

    }