/*MYACCOUNT V THREE ENERGY*/
/*FONTS*/
@font-face {
	font-family: 'GothamLightRegular';
	src: url('/Portals/23/fonts/Gotham-Light.eot');
	src: url('/Portals/23/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
	url('/Portals/23/fonts/Gotham-Light.svg#Gotham-Book') format('svg'),
	url('/Portals/23/fonts/Gotham-Light.ttf') format('truetype'),
	url('/Portals/23/fonts/Gotham-Light.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamMedium';
	src: url('/Portals/23/fonts/Gotham-Medium.eot');
	src: url('/Portals/23/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
	url('/Portals/23/fonts/Gotham-Medium.svg#Gotham-Book') format('svg'),
	url('/Portals/23/fonts/Gotham-Medium.ttf') format('truetype'),
	url('/Portals/23/fonts/Gotham-Medium.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamBook';
	src: url('/Portals/23/fonts/Gotham-Book.eot');
	src: url('/Portals/23/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
	url('/Portals/23/fonts/Gotham-Book.svg#Gotham-Book') format('svg'),
	url('/Portals/23/fonts/Gotham-Book.ttf') format('truetype'),
	url('/Portals/23/fonts/Gotham-Book.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamBookItalic';
	src: url('/Portals/23/fonts/Gotham-BookItalic.eot');
	src: url('/Portals/23/fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),
	url('/Portals/23/fonts/Gotham-BookItalic.svg#Gotham-Book') format('svg'),
	url('/Portals/23/fonts/Gotham-BookItalic.ttf') format('truetype'),
	url('/Portals/23/fonts/Gotham-BookItalic.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
}

:root {
    --primary-text-color: white !important;
    --primary-color: #0c0e19 !important;
    --primary-background-color: #0c0e19 !important;
    --secondary-color: #bcbcbc !important;
    --secondary-background-color: #bcbcbc !important;
    --link-color: #0c0e19 !important;
    --link-hover-color: #bcbcbc !important;
    --footer-text-color: #ffffff !important;
    --footer-background-color: #bcbcbc !important; 
    --selected-color: #f7f9f9 !important;
    --selected-background-color: #bcbcbc !important; 
    --unselect-color: lightgrey !important;
    --unselect-background-color: #f8f8f8 !important;
    --font-family: 'GothamMedium', sans-serif;
    --header-background-color: transparent !important;
    --header-color: #0c0e19 !important;
    --fixed-navbar-background-color: rgb(255 255 255 / 50%) !important;
    --body-line-height: 20px !important;
    --body-font-size: 14px !important;
    --paragraph-font-size: 14px !important;
    --label-font-size: 14px !important;
    --h1-font-size: 2rem !important;
    --h2-font-size: 1.5rem !important;
    --h3-font-size: 1.375rem !important;
    --h4-font-size: 1.25rem !important;
    --h5-font-size: 1.125rem !important;
    --h6-font-size: 1rem !important;
    --mobile-body-font-size: 14px !important;
    --mobile-paragraph-font-size: 14px !important;
    --mobile-label-font-size: 14px !important;
    --mobile-h1-font-size: 2.5rem !important;
    --mobile-h2-font-size: 2rem !important;
    --mobile-h3-font-size: 1.9rem !important;
    --mobile-h4-font-size: 1.8rem !important;
    --mobile-h5-font-size: 1.7rem !important;
    --mobile-h6-font-size: 1.5rem !important;
    --body-background-image: none !important;
    --body-background-color: #ffffff !important;
    --main-content-background-color: transparent !important;
    --main-content-color: #0c0e19 !important;
    --utilmate-container-width: 60% !important;
    --pane-background-color: #ffffff !important;
    --pane-color: #0c0e19 !important;
    --pane-border-color: none !important;
    --pane-border-radius: 2px !important;
    --pane-padding: .5rem !important;
    --banner-textbox-size: 50% !important;
    --max-logo-width: 235px !important;
}
/*customer name nav*/
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight, .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: var(--link-color)!important;
    background-color: var(--secondary-background-color)!important;
}
.h1,h1, .h2,h2, .h3,h3, .h4,h4, .h5,h5, .h6,h6{
	font-family: GothamMedium;
} 
body {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'GothamMedium';
}
p {
     margin-top: 10px;
     margin-bottom: 10px;
      font-family: 'GothamMedium';
} 
.EnergyGreen {
background-color: #14AB90 !important;
}
.EnergyGreen-text {
color: #14AB90 !important;
}
.login-layout {
    display: flex !important;
    flex-direction: column !important;
}
/*********************
Buttons
**********************/
.p-button.u-button{
    border-radius: 0px !important;
    text-transform: uppercase !important;
}
/* to change the link & hover  */
a, a:visited , a:link, a:focus, a:active { 
    font-weight: 600; 
    text-decoration: none;
 }
a:hover { 
     font-weight: 600; text-decoration: underline;
     }

ul li {
    font-size: var(--paragraph-font-size);
}
ol li {
    font-size: var(--paragraph-font-size);
}