/* new stuff */

/*Clear output any user-agent stylesheets margin./padding  */
*{
  margin: 0;
  padding: 0;
}



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


#login-form-container form {
	width: 90%;
}

body {
	background-color: #F4F4F4;
}


/* BEGIN LOGO */



div#logoParent, div.patBrandHeader div#logoParent, div.patLogon_top div#logonPageLogo, div.proLogon_top div#logonPageLogo, .client-logo {
    max-width: 300px;
    height: 70px;
    margin: 6px 0px 6px 0px;
    background-image: url(images/appLogo_DH1.png);
    background-size:contain;
    background-position:center;
    background-repeat: no-repeat;
}

div#logonPageLogo {
      
    max-width: 558px; 
    height: 71px;
    margin: 2px 0px 2px 0px;
    background-image: url(images/dh_landingpage_logo.png);
    background-size:contain;
    background-position:left;
    background-repeat: no-repeat;
}

div#patLogonPageLogo {
    max-width: 274px;
    height: 76px;
    margin: 6px 0px 8px 0px;
    background-image: url(images/dh_PatCtr_Logo.png);
    background-size:contain;
    background-position:center;
    background-repeat: no-repeat;
}




@media print {
    div#logoParent {
        background-image: none;
    }

    div#logoParent:after {
        content: url(images/images/appLogo_DH1.png);
    }
}

/* END LOGO */

/* BEGIN BTN-PRIMARY */

.k-button-solid-primary,
.btn-primary {
    color: #ffffff;
    background-color: #599940;
    border-color: #50873A;
} 
 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  color: #ffffff; 
  background-color: #4D8537; 
  border-color: #50873A; 
} 
 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  background-image: none; 
} 
 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #599940; 
  border-color: #50873A; 
} 
 
.btn-primary .badge { 
  color: #599940; 
  background-color: #ffffff; 
}

.pagination>.active>a {
  background-color: #599940 !important;
  background: #599940 !important; 
}

/* END BTN-PRIMARY */
/* BEGIN TOP NAVBAR-WG */

#OrangeTopDIV1 {
white-space: nowrap;
}




#topNav li {
	list-style-type: none;
    line-height:30px;
    vertical-align:middle;
	cursor: pointer;
	color: #ec7923 !important;
    /*border:1px solid black;*/ 
    display:inline;
    text-decoration:none; 
    width:100%;
   }

/*WG-links on orange top nav on right*/
    #topNav li a {
        color: #ffffff;
        border: 0px;
        text-shadow: none;
        letter-spacing: .2px;
        font-size: .9vw;
        text-transform: uppercase;
        font-family: Arial, Helvetica;
        font-weight: bold;
        display: inline;
        padding-top: 50px;
        padding-right: 45px;
        padding-bottom: 50px;
        padding-left: 45px;
        margin: 0;
    }


#topNav li a:hover {
   list-style-type: none;
    margin: 0;
    border:0px;
    background-color: #ffffff;
    color: #ec7923 !important;
	text-align:right;
	font-size: .9vw;
    text-transform:uppercase;
	font-family:Arial, Helvetica;
    font-weight: bold;
	letter-spacing: 0.2px;
    text-decoration:none;
    display:inline;
    padding-top: 50px;
    padding-right: 45px;
    padding-bottom: 50px;
    padding-left:45px;	
	margin:0;
    text-decoration: none !important;
}

#topNav li a:visited, a:link, a:active
{
    text-decoration: none !important;
}

/*WG-End style for links on orange top nav on right*/


/*topNavHK(humanKindness) */

#topNavHK li {
    list-style-type: none;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
    color: #ec7923 !important;
    /*border:1px solid black;*/
    display: inline;
    text-decoration: none;
    width: 100%;
    font-size: 1vw;
    font-family: Arial, Helvetica;
}

    #topNavHK li a {
        color: #ffffff;
        border: 0px;
        text-shadow: none;
        font-size: 1vw;
        font-family: Arial, Helvetica;
        font-weight: bold;
        display: inline;
        padding-top: 50px;
        padding-right: 45px;
        padding-bottom: 50px;
        padding-left: 45px;
        margin: 0;
    }


        #topNavHK li a:hover {
            list-style-type: none;
            margin: 0;
            border: 0px;
            background-color: #ffffff;
            color: #ec7923 !important;
            text-align: left;
            font-size: 1vw;
            font-family: Arial, Helvetica;
            font-weight: bold;
            text-decoration: none !important;
            display: inline;
            padding-top: 50px;
            padding-right: 45px;
            padding-bottom: 50px;
            padding-left: 45px;
            margin: 0;
        }

        #topNavHK li a:visited, a:link, a:active {
            text-decoration: none !important;
        }

.margin-top-12 {
    margin-top: 12px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}


/*WG-End style for HumanKindness link on orange top nav on left*/




.navbar-inverse .navbar-nav>li>a {
    color: #bbb;
}


#logonPageLogo {
     /*line-height:30px;*/
     vertical-align:middle;
     width:100%;
}


/*Top Navbar 2----2nd navbar with Image--WG*/

#topNav2_BrandLogo {
    margin-top: -3px;
}

#topNav2{
    /*style="margin-top:12px;"*/
    margin-top:12px;
}


#topNav2 li {
    list-style-type: none;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
    color: #575C64 !important;
    /*border:1px solid black;*/
    display: inline;
    text-decoration: none !important;
    width: 100%;
    
}

    #topNav2 li a {
        color: #575C64 !important;
        border: 0px;
        text-decoration: none !important;
        text-shadow: none;
        letter-spacing: .2px;
        font-size: 1.0vw;
        text-transform: uppercase;
        font-family: Arial, Helvetica;
        font-weight: bold;
        display: inline;
        padding-top: 0px;
        padding-right: 60px;
        padding-bottom: 0px;
        padding-left: 0px;
       
    }


        #topNav2 li a:hover {
            /*line-height: 300px;*/
            list-style-type: none;
            margin: 0;
            border: 0px;
            color: #ec7923 !important;
            text-align: right;
            font-size: 1.0vw;
            text-transform: uppercase;
            font-family: Arial, Helvetica;
            font-weight: bold;
            letter-spacing: 0.2px;
            text-decoration: none !important;
            display: inline;
            padding-top: 0px;
            padding-right: 60px;
            padding-bottom: 0px;
            padding-left: 0px;
          
        }

        #topNav2 li a:visited, a:link, a:active a:hover {
            text-decoration: none !important;
        }


/* BEGIN LOGON STYLE */


#login-form-container {
	max-width: 400px;
}

.orangeGradient {
  min-height: 45px;
  background-color: #EC7923; 
  text-decoration: none !important;
 }

 
 
 .LoginMobileMenu {

background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 50%, #f1f1f1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 50%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 50%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

}


.orangeGradientOLD {
	min-height: 60px;
	background: #e64f29; /* Old browsers */
	background: -moz-linear-gradient(top, #e64f29 1%, #c43831 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e64f29), color-stop(100%,#c43831)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e64f29 1%,#c43831 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e64f29 1%,#c43831 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e64f29 1%,#c43831 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e64f29 1%,#c43831 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64f29', endColorstr='#c43831',GradientType=0 ); /* IE6-9 */
}
        

.logon_top1 {
	background: rgba(230,230,230,1);
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 42%, rgba(224,224,224,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(42%, rgba(255,255,255,1)), color-stop(100%, rgba(224,224,224,1)));
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 42%, rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 42%, rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 42%, rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 42%, rgba(224,224,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e0e0e0', GradientType=0 );
}

.logon_top2 { /*WG*/
    background-color: white;
    box-shadow: 10px 10px 5px #888888;
    white-space: nowrap;
    /*min-height: 95px;*/
    padding-top: 12px;
} 
            
.centerWidthBox {
	max-width: 720px;
	margin-left:auto;
	margin-right: auto;
	height: auto;
	text-align:left;
}
            
.logonBlockPro {
	width: 709px;
	min-height: 293px;
	margin-left:auto;
	margin-right: auto;
	text-align:left;
	margin-top: 27px; /* login page box positioning --WG*/
    	padding-bottom: 10px;
	background-image: url(images/dh_ProLogonBlock.jpg);
	-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;
    	background-size: 100% 100%;
}

.logonBlockPat {
	width: 709px;
	min-height: 293px;
	margin-left:auto;
	margin-right: auto;
	text-align:left;
	margin-top: 27px;
	padding-bottom: 10px;
	background-image: url(images/dh_PatLogonBlock.jpg);
	-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;
	background-size: 100% 100%;
}
            
.logonPad {
	width: auto;
	height: auto;
	padding-top: 100px;
	padding-left: 20px;
    margin-top: 20px; /* mobile login box positioning --WG*/
}

@media (max-width:650px) { 
            
        .centerWidthBox {
                max-width: 100%;
                margin-left:auto;
                margin-right: auto;
                height: auto;
                text-align:left;
        }

        .logonBlockPro, .logonBlockPat {
                    width: 100%;
                    height: auto;
                    margin-top: -10px;
                    margin-left:auto;
                    margin-right: auto;
                    background-image: none;
                    background-color: #ffffff;
                    /* background-size: cover; */
                    -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-size: auto auto;
        }
            
        .logonPad 
        {
                    width: auto;
                    height: auto;
                    padding-top: 10px;
                    padding-left: 10px;
                    margin-bottom: 10px;
        }
        
}
        
.logonBlock h3 {
	font-size: 15pt;
	color: #999999;
}
        
#logonDropMenu1 {
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: transparent;
    padding-right:12px;
    margin-right: 12px;
    margin-bottom:4px;
}
        
#logonDropMenu1.active {
	background-color: #801A00;
}

 	 
.logonDisclaimer {
	margin-top: 20px;
	font-size: 10pt;
	color: #666666;
}
        
.logonSubHead {
	font-weight: bold;

	color: #d46c1c;
   background-color: #F4F4F4 !important;
}

/* END LOGON STYLES */


	
/* FOOTER STYLES*/
  
#footerline {
  margin: 0 auto;
  width:60%;
  height:85px;
  border-bottom: 1px solid rgb(211,211,211);
 
}

#footerlineSmall {
  margin: 0 auto;
  width:100%;
  height:1px;
  border-bottom: 1px solid rgb(211,211,211);
  
}



/* Social media footer */
#divSocialMediaFooterLG, #divSocialMediaFooterMED, #divSocialMediaFooterXSM {
    width: 100%;
    text-align: center;
    margin: auto;
    background: #A0A2A4;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    white-space: nowrap;
    overflow: hidden; /* this prevents the grey divs from overflowing */
    margin-top: auto;
    text-align: center;
    line-height:40px;
}


.SocialClass {
  text-align: center;
   font-size : 15px;  
 
 
}

.SocialClassXsmall {
    font-size: 10px;
}


.social {
    padding: 0px 100px;
    float: right;
}


h6 {
    font-family: Helvetica,sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    color: black !important;
}



    
    h6 a:link,
    h6 a:visited {
        color: white;
        text-decoration: none;
        padding: 0px 10px; /*controls spacing in between links*/
        word-wrap: normal;
        display: inline-block;
    }

h6 a:hover {
        color: white !important;
        text-decoration: underline !important;
    }


/* End Social Media Footer Styles*/



.footerlinks {
    width: 100%;
    font-family: sans-serif,Helvetica,Arial;
    font-weight: bold;
    font-size: 14px;
    color: #4d525b !important;
    background: #F4F4F4;
    /*align-items:center;*/
    /*border:1px solid black;*/
    white-space: nowrap;
}

    .footerlinks li {
        width: 200px;
        display: inline-block;
        text-align: left;
        color: #525C6E !important;
        padding: 0px 20px;
        white-space: nowrap;
    }

       .footerlinks li a:visited {
            text-decoration: underline !important;
            color: #4d525b;
        }

        .footerlinks li a:link, a:active {
            color: #4d525b;
        }
 
		.footerlinks li a:hover {
            text-decoration: underline !important;
            color: #EC7923 !important;
        }

 
 
 /*----------------------------------------------------------------*/

 .footerlinksSmall {
  width: 100%; 
  font-family:sans-serif,Helvetica,Arial; 
 font-weight : bold;
 font-size : 12px;
 color: #4d525b !important;
 background: #F4F4F4;
 /*align-items:center;*/
 /*border:1px solid black;*/

white-space:nowrap;
}

.footerlinksSmall li  { 
    width: 140px;
    display: inline-block;
    text-align:left; 
    color: #525C6E;
    padding: 0px 0px;
   white-space:nowrap;
}

 .footerlinksSmall li a:visited{
text-decoration:underline !important; 
 color: #4d525b;
 }

 

.footerlinksSmall li a:link, a:active {
	color: #4d525b;
}

.footerlinksSmall li a:hover{
text-decoration:underline !important; 
 color: #EC7923 !important; 
 }


 .CenterDivContent {
    margin-top:auto;
    margin-bottom:auto;
    text-align:center;
}





 /* misc styles/fixes */
 h2 {
font-family: sans-serif, Arial, Helvetica;
			text-transform:uppercase;
			font-weight : 300;
			font-size : 14px;
			color :black;

}

@media (min-width: 650px) and (max-width: 1199px) {
    H3 {
		display: none;
        color: transparent !important;
    }



}

@media (max-width: 650px) {
    H3 {
        font-family: Arial;
        font-weight: bold;
        font-size: 18px;
        color: #868688 !important;
    }
}



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

header h4 {
    color: #656565 !important;
	
}

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

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






/* 
    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; */
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    background-color: #EC7923;
    color: white;
}


/*  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: white;
	 color: #EC7923 !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,
#mmd-nav-mobile .mmd-current-page {
	background-color: white;
	color: #EC7923 !important;
	text-decoration:none !important;

}



#mmd-nav-desktop .nav-link:focus {
	background-color: white;
	color: #EC7923;
	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: white;
color: black;
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: #F4F4F4;
	color: #EC7923 !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: #EC7923;
color: white;
border-top: 1px solid #dee2e6;
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: #EC7923;
color: white;
}

/*  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 .navbar-brand .fa-question-circle:hover {
	color: #fbe7d7;
}


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

#mmd-nav-mobile .navbar-toggler {
border: 1px solid #dee2e6;
background-color: #ffffff;
}

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

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

/*  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: white;
	 color: #EC7923 !important; 
	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: white;
	color: black;
	text-decoration:none !important;
	
}

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

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

#mmd-nav-mobile .dropdown-menu {
 /*  background-color: #F4F4F4; */
	color: #EC7923 !important;
	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: white;
color: black;
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: #F4F4F4;
	color: #EC7923 !important;
	text-decoration:none !important; 
}


/* 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: black;
text-decoration:none !important; 
}

#nav-user-mobile .dropdown-menu .dropdown-item:hover{
color: #EC7923 !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: #EC7923;
text-decoration:none !important; 
}


/* User menu DESKTOP */
#nav-user-desktop ul li a:hover {
background-color: #E4E7EB;
color: #EC7923 !important;
text-decoration: none !important;
}


#nav-user-desktop ul li a {
background-color: transparent;
color: black;
}

/* user menu-non links(which in this case applies to logged in username) */
#nav-user-desktop ul li {
color: black;
}


/* user menu: dropdown (up top above main nav bar) */
#nav-user-desktop .dropdown-menu,
#nav-user-desktop .dropdown-item {
background-color: white;
color: black;
text-decoration:none !important;
  margin: 0;
}

/* user menu: dropdown hover */
#nav-user-desktop .dropdown-item:hover {
background-color: #F4F4F4;
color: #EC7923;
text-decoration: none;
}

/* user menu: dropdown active */
#nav-user-desktop .active {
background-color: transparent;
color: #EC7923;
font-weight: bold;
text-decoration: none;
}


/* 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
{
 
	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; 
}

/*Hamburger Menu on Login page */
#OrangeTopDIV2 .LoginMobileMenu .dropdown-item:hover {
	text-decoration:none !important;	
	background-color: white;
	color: #EC7923 !important;
}


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

#mmd-nav-mobile .navbar-toggler {
	border: 1px solid #ffffff;
	background-color: #EC7923;
    }

#mmd-nav-mobile .navbar-toggler:hover {
	border: 1px solid #ffffff;
	background-color: #b1bbc4;
    }


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

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


#HamburgerMenuLoginPage .dropdown-menu{

	margin-left: -9px !important;
	margin-top: 5px !important;
}

#HamburgerMenuLoginPage li .dropdown-item{
	
	color: white !important;
	text-decoration: none !important;
}


#HamburgerMenuLoginPage li .dropdown-item:hover{
	background-color: white !important;
	color: #EC7923 !important;
	text-decoration: none !important;
}