div.proLogon_top div#logonPageLogo {
    max-width: 504px;
    height: 120px;
    margin: 2px 0px 1px 2px;
    background-image: url(images/MonConnect.PNG);
    background-size:contain;
    background-position:center;
    background-repeat: no-repeat;
}


div#logoParent,
#clinical-portal-nav .client-logo,
#admin-portal-nav .client-logo {
    max-width: 425px;
    height: 95px;
    margin: 3px 0px 1px 0px;
    background-image: url(images/MonConnect.PNG);
    background-size:contain;
    background-position:left;
    background-repeat: no-repeat;
}


#logon-button {
margin-top: 12px;
}
}

mmd-context-help-button .fa-question-circle{
	color:#00853e;
	vertical-align: 25px;
	  margin: 0px 25x 12px 0px;
}

mmd-context-help-button .fa-question-circle:hover{
color:#00572d;
}

#mmd-content mmd-help-button .fa-question-circle{
	color:#00853e;
}

#mmd-content mmd-help-button .fa-question-circle:hover{
	color:#00572d;
}

div.navbar-header mmd-help-button .fa-question-circle:hover{
	color:#00572d;
}

header h1.ng-binding, .logonBlock h3, .patLogonBlock h3  {
	color: #00572d !important;
font-size: 22px;
}

.logonBlock h3, .patLogonBlock h3 {
    color: #00572d !important;
    text-align: left;
    padding-left: 1px!important;
	font-size: 20px;
}



.centerWidthBox {
    width: 100%;
	max-width: 686px;
	margin-left:auto;
	margin-right: auto;
	height: auto;
	text-align:left;
    /*border:1px solid black;*/
}



 .centerWidthBoxAnnouncement{
	width: 100%;
	max-width: 686px;
	margin-left:auto;
	margin-right: auto;
	text-align:left;
	max-height: 200px;
    overflow-y: auto;
	
}

.logonAnncmnt {
    height:auto; 
    overflow-y: auto;
}


.logonBanner {
	min-height: 82px;
	/* background-color: #00853E; */

background: #00853E;
background: -webkit-radial-gradient(top left, #00853E, #00572E);
background: -moz-radial-gradient(top left, #00853E, #00572E);
background: radial-gradient(to bottom right, #00853E, #00572E);	
	
	
	
	
}

.logonBanner a {
	color: #ffffff;
	font-weight: bold;
}

.logonBanner span.pipe {
	color: #ffffff;
	margin: 0px 4px 0px 4px;
}

.logonBanner .dropdown-toggle {
	background-color: transparent;
	color: #ffffff;
	border-color: #ffffff;
}

.logonBanner ul.dropdown-menu {
	background-color: #A5ACAF;
}

.logonBanner ul.dropdown-menu a{
	color: #ffffff;
}

.logonBanner ul.dropdown-menu a:hover {
	background-color: #A5ACAF;
}
 /* from ea demo */
.logonPadAnnouncement {
	width: auto;
	max-height: 257px; 
	overflow-y: auto;
	padding-top:36px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

.logonScrollPositioning{
	padding-top:12px;
	padding-bottom:2px;
	padding-left:15px;
	padding-right:15px;
}


 /* from ea demo */
.logonPad{
 	width: auto;
	height: auto; 
	padding-top:36px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px; 
}

 /* from ea demo */
@media (max-width:800px) { 

        .logonBlock, .patLogonBlock {
                margin-top: -10px;
                background-image: none;
        }

        .logonAnncmnt {
                    height: auto;
        }
        
        .logonBanner {
        	background-image: none;
        }
 
}

 /* from ea demo */
.logonBlock {
	width: 100%;
    	max-width: 710px;
	margin-left:auto;
	margin-right: auto;
	text-align:left;
	margin-top: -25px;
    	padding-bottom: 10px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 10px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 10px 5px rgba(50, 50, 50, 0.5);
    	background-repeat: no-repeat;
    	border-radius: 10px;
}

 

/* BEGIN MEDIA QUERIES */

@media print {
    div#logoParent {
         background-image: url(images/MonConnect.PNG);
    }

    div#logoParent:after {
        content: url(images/MonConnect.PNG);
    }

    div.patBrandHeader div#logoParent:after {
        content: url(images/MonConnect.PNG);
    }
    
}

@media only screen and (max-width : 450px) {
  a.navbar-brand {
    max-width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  span.navbar-brand {
    max-width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (max-width:800px) { 

        .logonBlock, .patLogonBlock {
                margin-top: -10px;
                background-image: none;
        }

        .logonAnncmnt {
                    height: auto;
        }
        
        .logonBanner {
        	background-image: none;
			 margin-top: -50px;
        }
 
}


/*  -----------------------------------------------------------------------------------------------
    page header text
    ----------------------------------------------------------------------------------------------- */

header h4 {
    color: #00572d !important;
	
}



/*  -----------------------------------------------------------------------------------------------
    primary color change...
    anything that uses the Bootstrap primary color (anchor tags, buttons, pageation, etc)
    can be changed here.
    ----------------------------------------------------------------------------------------------- */

a {
    color: #00853e; /* don't use !important here, it will fight the nav style */
}


a:hover {
    color: #96CA4F ; /* don't use !important here, it will fight the nav style */

}



.k-link {
    color: #00853e !important;
}

.btn-primary, /* bootstrap */
.k-button-solid-primary,
.k-primary /* kendo */ {
    background-color: #00853e !important;
    border-color: #00853e !important;
}


.btn-primary:hover, /* bootstrap */
.k-primary:hover  /* kendo */ {
    background-color: #96CA4F !important;
    border-color: #96CA4F !important;
}


.btn-link {
    color: #00853e !important;
}

.page-item.active .page-link, /* bootstrap */
.k-pager-numbers .k-selected /* kendo */  {
    background-color: #00853e !important;
	 border-color: #00853e !important;
    color: #ffffff !important;
}

/* -------------------------------------------------------------------------------------- */
/* 
    NOTE: The nav was initially styled with Bootstrap, using things like bg-light and text-secondary
    but it was changed to use just the CSS below, since it will always be customized when branding
    the site for a particular customer. This keeps us from having to fight Bootstrap or needing
    to use !important to override Bootstrap. Additional note: we're still using Bootstrap for
    structure and layout for the nav, just not the styling (aka colors). 
*/

/*  -----------------------------------------------------------------------------------------------
MMD-NAV-DESKTOP
    ----------------------------------------------------------------------------------------------- */

/*  desktop nav (main container)
    -----------------------------------------------------------------------------------------------
    modify menu main style here... background color, borders, etc. */

#mmd-nav-desktop {
    /*    background: #f8f9fa; */

	background-color: #00853E !important;
    color: white !important;
}


      /*  modify the highlighted style of the menu item for the active page here */

    #mmd-nav-desktop .mmd-current-page,
    #mmd-nav-mobile .mmd-current-page {
        background-color: #96CA4F!important;
    }




/*  desktop menu item
-------------------------------------------------------------------------------------------
modify menu text style here... font color, weight, etc. */

#mmd-nav-desktop .nav-link {
color: white;
}

/*  desktop menu item... hover
	---------------------------------------------------------------------------------------
	modify menu text hover style here... font color, font weight, etc. */

#mmd-nav-desktop .nav-link:hover {
	background-color: #96CA4F;
    color: white !important;
	text-decoration:none !important; 
	border: 0px;
	margin: 0px;
}



/*  desktop menu item... active
-------------------------------------------------------------------------------------------
modify the highlighted style of the menu item for the active page here */

#mmd-nav-desktop .mmd-current-page {
background-color:  #96CA4F;
color: white;
text-decoration:none !important;
}

#mmd-nav-desktop .nav-link:focus {
	background-color:  #96CA4F;
	color: white;
	text-decoration:none !important;
	
}

/*  desktop dropdown menu
-------------------------------------------------------------------------------------------
modify the style of a menu with a dropdown here */



#mmd-nav-desktop .dropdown-menu,
#mmd-nav-desktop .dropdown-item {
background-color: #96CA4F;
color: white;
text-decoration:none !important;
}

/*  desktop dropdown menu... hover 
	---------------------------------------------------------------------------------------
	modify the hover style of a dropdown menu item here */
#mmd-nav-desktop .dropdown-item:hover {
	background-color: #00853E;
	color: white !important;
	text-decoration:none !important;
}





/*  -----------------------------------------------------------------------------------------------
MMD-NAV-MOBILE
----------------------------------------------------------------------------------------------- */

/*  mobile nav (main container)
-----------------------------------------------------------------------------------------------
modify menu main style here... background color, borders, etc. */

#mmd-nav-mobile {
background-color: #00853E;
color: white;
border-bottom: 1px solid #dee2e6;
}

/*  mobile nav title
-----------------------------------------------------------------------------------------------
modify the main text of the mobile nav here (this is the active page name) */

#mmd-nav-mobile .navbar-brand {
background-color: #00853E;
color: white;
font-size: 20px!important;
}


/*  help icon
	---------------------------------------------------------------------------------------
	modify the help icon color here */

#mmd-nav-mobile .navbar-brand .fa-question-circle {
	color: white;
	vertical-align: 15%;
	      font-size: 1em !important;
	
}
#mmd-nav-mobile .fa-question-circle:hover {
	color: ##00853E;
}


/*  mobile nav hamburger outer container
-------------------------------------------------------------------------------------------
modify the color of the hamburger icon CONTAINER text here */

#mmd-nav-mobile .navbar-toggler {
border: 1px solid white;
background-color: #00853E;
}

#mmd-nav-mobile .navbar-toggler:hover{
border: 1px solid white;
background-color: #96CA4F;
}



/*  mobile nav hamburger (three line icon)
-------------------------------------------------------------------------------------------
modify the color of the hamburger icon text here */

#mmd-nav-mobile .fa-bars {
color: white;
}

/*  mobile menu item (this is the container that includes the menu link/text)
-------------------------------------------------------------------------------------------
You can set a different background color for the menu items here, keeping a different color
for the bar with the mobile menu text (displayed for the current page) */

#mmd-nav-mobile .nav-item {
  text-decoration:none !important; 
}

/*  mobile menu item... hover
	---------------------------------------------------------------------------------------
	modify style for hovering over a menu item here */

#mmd-nav-mobile .nav-item:hover {
	  background-color: 1D76B0;
	 color: white;
	text-decoration:none !important; 
}




/* this removes the left/right margins of a mobile menu item, so the background color goes full width */
#mmd-nav-mobile .navbar-collapse {
margin-left: -16px;
margin-right: -16px;
}

/*  mobile menu text
-------------------------------------------------------------------------------------------
modify menu text style here... font color, weight, etc. */

#mmd-nav-mobile .nav-link {
padding-left: 15px; /* since we removed the left/right margins, need to add left padding for a menu item */
color: white;

}



#mmd-nav-mobile .nav-link:focus {
	background-color:  #96CA4F;
	color: white;
	text-decoration:none !important;
	
}

#mmd-nav-mobile .nav-link:hover {
	background-color: #96CA4F;
	color: white;
	text-decoration:none !important;
	
}

/*  mobile dropdown menu
-------------------------------------------------------------------------------------------
modify menu dropdown style here... background color, etc. */

#mmd-nav-mobile .dropdown-menu {
 /*  background-color: #F4F4F4; */
	background-color: #00853E;
	color: white;
	text-decoration:none !important;
}

/*  
mobile dropdown menu item
-------------------------------------------------------------------------------------------
modify dropdown menu text style here... font color, weight, etc. */

#mmd-nav-mobile .dropdown-item {
background-color: #00853E;
	color: white;
text-decoration:none !important; 
}

/*  mobile dropdown menu item... hover
	---------------------------------------------------------------------------------------
	modify style for hovering over a menu item here */

#mmd-nav-mobile .dropdown-item:hover {
	background-color: #96CA4F;
	color: white;
	text-decoration:none !important; 
}



/*  -----------------------------------------------------------------------------------------------
USER-MENU-DESKTOP
/*----------------------------------------------------------------------------------------------- */



#nav-user-desktop ul li
 {
    background-color: white !important;
    color: black !important;
}


#nav-user-desktop ul li a {
    background-color: white !important;
    color: #00572d !important;
}



/* user menu: hover */
#nav-user-desktop ul li a:hover {
    background-color: #f4f4f4  !important;
    color: #00853E !important;
}

/* user menu: dropdown */
#nav-user-desktop .dropdown-menu,
#nav-user-desktop .dropdown-item {
    background-color: white !important;
    color: black !important;
}

/* user menu: dropdown hover */
#nav-user-desktop .dropdown-item:hover {
    background-color: #f4f4f4  !important;
    color: #00572d  !important;
}

/* user menu: dropdown active */
#nav-user-desktop .active {
    background-color: F7F7F7 !important;
    color: #00572d  !important;
	font-weight:bold;
}



/*  -----------------------------------------------------------------------------------------------
USER-MENU-MOBILE
----------------------------------------------------------------------------------------------- */
#nav-user-mobile .dropdown-menu,
#nav-user-mobile .dropdown-menu .dropdown-item,
#nav-user-mobile .dropdown-menu .dropdown-item-text {
background-color: white;
color: #00572d;
text-decoration:none !important; 
}


/* mobile user menu active (hamburger menu on login page) */
.dropdown-item:active {
background-color: transparent;
text-decoration: none;
}

/* mobile user menu: hover */
#nav-user-mobile .dropdown-menu .dropdown-item:hover {
background-color: #F4F4F4;
 color: #00853E !important;
text-decoration:none !important; 
}






/* GLOBAL SETTINGS --Desktop nav menu, desktop user menu, mobile nav menu, mobile user menu */

/* Set margin above all dropdown menus */
#mmd-nav-desktop .dropdown-menu, #mmd-nav-mobile .dropdown-menu,
#nav-user-desktop .dropdown-menu{
/* margin-top: 0px; */


   
  margin: -0.975px 3px 0 -1px;
    border-top: .0px;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 1px;
}