.NewCovidTextLabel
{
	display:none;
}

.mha-footer {
    clear: both;
    padding-top: 0px !important;
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
    padding: 5px;
}

body {
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: 'Roboto', Arial,Helvetica,sans-serif;
    text-rendering: optimizeLegibility;
	color:#36424a;
	background-color: #fff;
	//max-width: 1440px;
	margin:0 auto;
    overflow:visible;
}
::-webkit-input-placeholder {
  color: #a5acb0;
}
::-moz-placeholder {
  color: #a5acb0;
}
:-ms-input-placeholder {
  color: #a5acb0;
}
:-moz-placeholder {
  color: #a5acb0;
}

.mha__button--group .btn {
 /* width: 42.5%;*/
  display: inline-block;
  margin-top: 0; 
  margin-bottom: 1em;
  padding:.5em 1em;
  font-size:20px;
  color:#fff;
}

 .btn {
   min-width: 180px !important;
 }

.btn-primary {
    color: #fff;
    background-color: #005072;
    border-color: #005072;
}
.btn-primary:hover {
    color: #fff;
    background-color: #77b800;
    border-color: #77b800;
}

/* use the hex value (#5f6a72) for inactive buttons */
.btn-secondary {
    color: #fff;
    background-color: #5f6a72;
    border-color: #5f6a72;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #77b800;
    border-color: #77b800;
}

.mha__button--group {
    padding-top: 2em;
	padding-bottom: 2em;
}
.mha__button--group .btn:first-child {
    margin-right: 3em;
	/*margin-bottom: 10px;*/
}

a {
	color:#005071;
	text-decoration: none;
	transition: all 0.3s linear;
}
a:hover {
	text-decoration: underline;
	color:#005072;
}
h1 {
    font-size: 2rem;
}
h3 {
    font-size: 1.2rem;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color:#005072;
}
h1.main__title {
    font-weight: bold;
    margin-bottom: 1em;
	color: #005072;
}
h3.main__subtitle {
    margin-bottom: 0.5em;
}
* {
	box-sizing:border-box;
}
hr.hrule {
    margin-top: 1rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.form-control {
    padding-left:0;
    border: 0 solid #ced4da;
    border-bottom: 2px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
::-webkit-input-placeholder {
  color: #00aad2;
}
::-moz-placeholder {
  color: #00aad2;
}
:-ms-input-placeholder {
  color: #00aad2;
}
:-moz-placeholder {
  color: #00aad2;
}
.form__img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
	border: 1px solid #c5c5c5;
}


/* ----------------------------------------- Header -----------------------------------------*/
.page__header--wrap {
	background-color:#36424a;
	border-bottom: 5px solid #77b800;
	text-align: center;
	padding:2em 0;
}
.page__header--logo img {
	max-width:240px;
	width:100%;
	height:auto;
}

.portal__header {
  background-color:#36424a;
  color:#fff;
  padding: 0.5em 0;
}


.user__ribbon {
    background:#1692d0;
    padding: 12px;
    font-weight: bold;
    color: #005072;
    text-align: right;
}
.user__ribbon span {
    font-weight: normal;
	font-size: 13px;
}


/* ----------------------------------------- Sidebar -----------------------------------------*/
.sidebar__column {
	background-color:#fbfbfb;
	//height:100%;
	min-height: 100vh;
	border-right: 1px solid #e5e5e5;
	position: relative;
	//top: 0;
	//left: 0;
	//z-index: 9999;
	transition: all 0.4s cubic-bezier(.17,.67,.83,.67);
    	transform-origin: center left;
}
.sidebar__column {
    min-width: 250px;
    max-width: 250px;
}
.sidebar__column.active {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
.sidebar__column.active span {
    margin-left: 0;
    visibility: hidden;
    display: none;
}
.sidebar__column.active .sidebar__nav a {
    padding: 1.75em 0.5em 1.75em 0.5em;
}


.sidebar__brand {
    margin-top: 2.5em;
}
.sidebar__nav {
    margin:0;
    padding:0;
    list-style-type:none;
    display:block
}
.sidebar__nav i {
	color:#36424a;
	text-align: right;
}
.sidebar__nav a:hover i {
	color:#fff;
}
.sidebar__nav li {
    width:100%;
    display:inline-block;
    border-bottom:1px solid #a9d44f;
}
.sidebar__nav li:first-child {
    border-top:1px solid #a9d44f;
}
.sidebar__nav a {
    display: block;
    color:#005072;
    font-weight: bold;
    text-decoration: none;
    padding: 1.75em 0.5em 1.75em 2em;
}
.sidebar__nav a:hover {
    display: block;
    color: #005072;
    background: #c8c8c8;
    border-left: 8px solid #005072;
}
/* .sidebar__nav a.current { */
    /* display: block; */
    /* color: #005072; */
    /* background: #c8c8c8; */
    /* border-left: 8px solid #005072; */
/* } */

.sidebar__nav li.current {
    display: block;
    color: #005072;
    background: #c8c8c8;
    border-left: 8px solid #005072;
}


.sidebar__nav span {
	margin-left:1.5em;
}


.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}
/*.dashboard__toggle {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 10px;
}*/
.dashboard__toggle {
    position: relative;
    text-align: center;
    padding-top: 2em;
    font-size: 1.5em;
    cursor:pointer;
}
.dashboard__toggle #toggleOn{
	font-weight:bold;
	color: #a9d54a;
	color: #005072;
}
.dashboard__toggle #toggleOff{
	font-weight:bold;
	color: #36424a;
	display:none;
}
.sidebar__column.active .dashboard__toggle #toggleOn{
	font-weight:bold;
	color: #a9d54a;
	display:none;
}
.sidebar__column.active .dashboard__toggle #toggleOff{
	font-weight:bold;
	color: #36424a;
	display:inline-block;
}


/* ----------------------------------------- Main Content -----------------------------------------*/

/* MHA CSS*/
.main__section {
    display: flex;
    width: 100%;
    align-items: stretch;
}
.main__column {
	padding: 7.5em 3em 3em;
	width: 100%;
	min-height: 100vh;
	transition: all 0.3s;
          background: #fff;
}
.main {
  background-color:#999;
  height:100%;
}
.main__content--inner {
    padding: 2em 0 1em;
}

.item__title {
	font-weight:bold;
	color:#005072;
	text-align: right;
}
.item__title, .item__entry {
    line-height: 1;
    margin-bottom: 1em;
}

.column__content h3 {
	font-weight: bold;
	color:#4b4b4b;
}
.column__content ul {
	list-style-type: none;
	margin:1.5em 0;
	padding:0;
}


/* ----------------------------------------- Collapsible -----------------------------------------*/
.mha__collapsible .card {
	text-align: left
}
.mha__collapsible h5 {
    color: #005072;
    font-weight:bold;
    font-size:1rem;
}
.mha__collapsible h5.mb-0:after {
	content:"\f078";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	color: #005072;
	position:absolute;
	right: 16px;
}
.mha__collapsible h5.mb-0.collapsed:after {
	content:"\f077";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	color: #005072;
	position:absolute;
	right: 16px;
}
.mha__collapsible .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0;
}
.mha__collapsible .card:nth-child(even) .card-header {
    background-color: #e9e8e8;
}
.mha__collapsible .card:nth-child(odd) .card-header {
    background-color: #c8c8c8;
}
h5.mb-0.mha__status--read {
    color: #868383;
    font-weight:normal;
}
span.card__date {
    padding: 0 0.75em;
}
span.notification__count {
/* width: 22px; */
    /* height: 22px; */
    border-radius: 10px;
    background-color: #a9d44f;
    display: inline-block;
    text-align: center;
    color: #005072;
    padding: 0 5px;
    box-sizing: border-box;
}


/* ----------------------------------------- Help -----------------------------------------*/
.help__column {
    padding: 3em 0 1em;
}
.help__column--contact i {
	color: #36424a;
}
.help__column--contact span {
	color:#005072;
}


/* ----------------------------------------- Cards -----------------------------------------*/
.card {
    text-align: center;
    border:0;
}
.card__header {
    position:relative;
    width:100%;
    box-shadow: 0 4px 15px #bebebe;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    text-align: center;
    padding: 1em;
    box-sizing:border-box;
}
.card__header:before{
    content: "";
    display: block;
    padding-top: 100%;
    position:relative;
}
.card__header:hover {
        box-shadow: none;
}
.card__img {
    position:  absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.card__img img {
    max-width: 100%;
    height:auto;
}
.card__link {
    text-decoration: none;
}
.card__link:hover {
    text-decoration: none;
}
.card-body span {
    color: #4b4b4b;
}
.card-body h3 {
    font-weight: bold;
}
.card__link.card__inactive .card__header {
    background: #494949;
    box-shadow: none;
} 

/* ----------------------------------------- Footer -----------------------------------------*/

.footer {
    background: #36424a;
    color:#fff;
    font-size: 13px;
}
.footer__top {
	background:#3d90d9;
}
.footer__bottom {
	padding:3em 0;
}


/* ----------------------------------------- Footer Nav -----------------------------------------*/
.mha-global-hdr-nav {
    margin:0;
    padding:0;
}
.mha-global-hdr-nav ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
.mha-global-hdr-nav li {
    display:inline-block;
    text-align: left;
}
.mha-global-hdr-nav li:first-child a {
    padding-left:0;
}
.mha-global-hdr-nav a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 12px
}
.mha-global-hdr a:hover,.mha-global-hdr a:focus {
    background: #1692d2;
    text-decoration: none
}

.mha-copyright {
	font-weight:bold;
}
.mha-footer-nav {
    color: #fff;
}
.mha-footer-nav a {
    color: #fff;
}
.mha-footer-logos {
    text-align: right;	
	float:right;
}
.mha-footer-logos a {
	margin-left:2em;
}



/* Top Nav Section */
.nav__container {
	background-color: #005072;
}
.mha-global-nav-ctrl ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}
div#mhaGlobalNav {

}
div#mhaGlobalNav ul li {
    display:inline-block;
}
div#mhaGlobalNav ul li a {
    display: block;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    padding: 12px;
    line-height: 1.4;
    font-size:13px;
}
.mha-global-nav-ctrl a:hover, .mha-global-nav a.selected {
    background: #1692d0;
}

/* Original signin */
/* .mha-global-nav-signin { */
    /* visibility: hidden; */
    /* display: none; */
/* } */

/* Prototype Nav and signin */

.navbar-toggler {
    margin-top: 1rem;
    padding: .25rem 0.5rem;
    font-size: 1.25rem;
    line-height: 1;
    /* background-color: #0c5072; */
    border: 0;
    border-radius: .25rem;
    min-width: auto;
}



	
	
	
.mha__nav--item.mha__user--signin a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10.5px 12px;
} 

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}


.acctemail
{
	font-size: 14px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(/uam/SiteAssets/img/Menu_24.png);
	height: 24px;
    width: 24px;
    padding: 16px;
}

span.navbar-toggler-icon.open {
    background-image: url(/uam/SiteAssets/img/closeicon_blue_24px.png);
	height: 24px;
    width: 24px;
	padding: 16px;
}
.navbar {
    padding: .5rem 1rem 2rem;
    border-bottom: 0;
}

/* Submit Buttoin */
input[type=submit].btn-primary {
    /*  margin: 0;*/
    background-color: #005072;
    border-color: #005072;
	margin-left:0;
}

input[type=submit].btn-primary:hover{
   color: #fff;
    background-color: #77b800;
    border-color: #77b800;
}

input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled], button[disabled][disabled] {
    background-color: #6c757d;
	border-color: #6c757d;
	color: #fff;
}


.divRecordConfirm .item__title,
 .divRecordConfirm .item__entry {
    line-height: 1.2;
    margin-bottom: 1.25em;
}


.main__content label {
    margin-bottom:0;
}

.main__content input[type=checkbox], 
.main__content input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px;
}

/* myhealth record in dashboard*/
.myhealthrecordcolor
{
	color: #00aad2 !important;
}

/*account settings Gender label */
.GenderAsterisk
{
	color:red;
}

/* COLORBOX */


#cboxOverlay {
    background: #000;
    width: 100%;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    height: 100%;
    position: fixed;
    display: block;
    left: 0;
    top: 0;
}

#colorbox {
    outline: 0;
    background: #FFF;
}

#cboxWrapper {
    max-width: none;
}

#cboxMiddleLeft {
    width: 25px;
    background: #FFF;
    /* background: url(images/border2.png) repeat-y 0 0; */
}

#cboxMiddleRight {
    width: 25px;
    background: #FFF;
    /* background: url(images/border2.png) repeat-y -25px 0; */
}

#cboxContent {
    background: #FFF;
    overflow: hidden;
}

    #cboxTopLeft{width:25px; height:25px; background: #FFF;}
    #cboxTopCenter{height:25px;  background: #FFF;}
    #cboxTopRight{width:25px; height:25px;  background: #FFF;}
    #cboxBottomLeft{width:25px; height:25px;  background: #FFF;}
    #cboxBottomCenter{height:25px;  background: #FFF;}
    #cboxBottomRight{width:25px; height:25px;  background: #FFF;}

	
	
/* Account Settings: Close Account label */	
	p.info__box {
    display: inline-block;
    overflow: hidden;
    background: #e7f2fc;
    padding: 0.75em 1.25em;
    border-radius: 6px;
    font-weight: bold;
    color: #005072;
}

p.info__box i {
    color: #1692d0;
    margin-right: 10px;
    font-size:1.35em;
    vertical-align:middle;
}

p.info__box:before {
    content:"\f05a";
    color: #1692d0;
    margin-right: 10px;
    font-size:1.35em;
    vertical-align:middle;
    font-family:"Font Awesome 6 Pro";
    font-weight:900;
}

.info__box--wrap {
    margin: 1em 0;
}

/* Info Box Caution */
p.info_box--caution {
    display: inline-block;
    overflow: hidden;
    background: #fdc688;
    padding: 0.75em 1.25em;
    border-radius: 6px;
    font-weight: bold;
    color: #c05017;
}

p.info_box--caution i {
    color: #c05017;
    margin-right: 10px;
    font-size:1.35em;
    vertical-align:middle;
}

p.info_box--caution:before {
    content:"\f071";
    color: #c05017;
    margin-right: 10px;
    font-size:1.35em;
    vertical-align:middle;
    font-family:"Font Awesome 6 Pro";
    font-weight:900;
}
/* for notofications table */
#NotificationsTable thead {
    color: #fff;
    background-color: #36424a;
}

#NotificationsTable.table.dataTable.no-footer {
    border-bottom: 0 solid #111;
}

#NotificationsTable.table-bordered {
    border: 1px solid #36424a;
}
#NotificationsTable.table.dataTable thead th, #NotificationsTable.table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 0;
}
#NotificationsTable.table td, #NotificationsTable.table th {
    border-top: 0;
}
#NotificationsTable.table-bordered td, #NotificationsTable.table-bordered {
    border: 1px solid #dee2e6;
}
#NotificationsTable.table.dataTable.stripe tbody tr.odd, #NotificationsTable.table.dataTable.display tbody tr.odd {
    background-color: #c8c8c8 !important;
}
table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 0;
} 
/*hide myhealthrecords button in myhealthrecords page - need to remove once we retrieve from the termstore*/
/* #ctl00_mhaGlobalNavCtrl ul li:last-child */
/* { */
	/* display:none !important; */
/* } */


.main__column--single
{
	padding: 0;
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    background: #fff;
}



span.NewCovidTextLabel
{
    position: absolute;
    left: -84px;
	top:12px;
    font-family: 'Roboto', Arial,Helvetica,sans-serif;
    font-size: 15px;

}


/* .row.nav-bar-row
{
	display:none;
}

 */

div.mha-global-nav-ctrl {
    /* width: 824px; */
    float: left;
}


.mha-global-nav-ctrl ul {
    min-height: 32px;
    margin-bottom: 0px; /* 15082 */
    /*margin-bottom: -2px;*/
    position: relative;
    z-index: 99;
    /*padding-left: 10px;*/ /*CR 95*/
    overflow: hidden;
}

.mha-global-nav-ctrl li {
    float: left;
    background: none;
    display: list-item;
    list-style: none;
    /* margin-right: 2px; */
    line-height: 1.4;
}

.mha-global-nav-ctrl a {
    display: block;
    color: #fff !important;
    font-weight: 400;
    /*min-height: 32px;*/
    text-decoration: none;
    padding: 12px;
    /*border-radius: 8px 8px 0 0;*/
}

.mha-global-nav .mha-hr-nav-li {
    position: relative;
    left: 70px;
    top: 6px;
}

.mha-global-nav .mha-hr-nav-a {
     padding: 8px 12px;
    background: white;
    border-radius: 4px;
    color: #005071 !important;
    font-size: 13px;
    font-weight:700;
}

.mha-hr-nav-a:focus {
    color: #EEEEEE;
    border: 2px solid #333333;
}

.mha-hr-nav-a:hover {
    color: #333333;
    border: 1px;
}


#anonymousDropdownContent {
    float: right;
    margin: 2px 10px !important; 
}
 
.maintenance-bar {
    padding: 24px;
    background: rgba(249, 198, 66, .15);
    border-bottom: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    font-size: 16px;
    color: #333;
    border-top: 4px solid #f9c642;
    border-bottom: 1px solid #dcdcdc;
}

.maintenance-bar-content:before {
    content: "";
    background-image: url(/uam/MyHealthRecords/SiteAssets/img/importantnotificationicon.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    font-weight: 900;
    position: absolute;
    z-index: 1000;
    margin-left: -40px;
    top: 10px;
    font-size: 32px;
	z-index:0;
}

.maintenance-bar p {
    color: #000000;
    margin-bottom: 0;
}

.maintenance-bar-content {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 0 0 40px;
    box-sizing: border-box;
    display: flex;
    position: relative;
}

.navbar_btn__Login_group {
    display: none;
}
  


/*Below is for modal popup menu for mobile view for dashboard*/
body {
    padding: 0px !important;
}

.newcontainer {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .newcontainer .modal.modal-rel {
        position: absolute;
        z-index: 51;
    }

    .newcontainer .modal-backdrop.modal-rel-backdrop {
        position: absolute;
        z-index: 50;
        width: 100%;
        height: 100%;
    }

.newcontainer .modal-body {
    padding: 0.3rem !important;
    background-color: #F7F7F7;
    font-weight: 600;
}
    .newcontainer .modal-dialog {
        width: 100%;
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .newcontainer .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
        border: 0;
    }

.navbar-toggler:hover {
    background-color: transparent !important;
}

.welcomeCSS {
    padding-top: 10px;
    float: right;
}
 

.welcomeCSS #anonymousDropdownContent { 
     display: none; 
} 

.nav__container .container {
	padding:0;
}


.welcomeCSS #welcomeDropdownContent
{
	display:none;
}