@font-face {
    font-family: Comfortaa;
    /* font-style: normal; */
    /* font-weight: 600; */
    src: url(https://v2-clever-energy.utilmate.com/Portals/3/fonts/Comfortaa-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Bai Jamjuree";
    /* font-style: normal; */
    /* font-weight: 600; */
    src: url(https://v2-clever-energy.utilmate.com/Portals/3/fonts/BaiJamjuree-SemiBold.ttf) format("truetype");
	/* background-color: #222222; */
}
@font-face {
    font-family: "Bai Jamjuree";
    /* font-style: normal; */
    /* font-weight: 700; */
    src: url(https://v2-clever-energy.utilmate.com/Portals/3/BaiJamjuree-Bold.ttf) format("truetype")
}
@font-face {
    font-family: Sarabun;
    /* font-style: normal; */
    /* font-weight: 400; */
    src: url(https://v2-clever-energy.utilmate.com/Portals/3/Sarabun-Regular.ttf) format("truetype")
}
@font-face {
    font-family: Sarabun;
    /* font-style: normal; */
    /* font-weight: 600; */
    src: url(https://v2-clever-energy.utilmate.com/Portals/3/Sarabun-SemiBold.ttf) format("truetype")
}

:root {
    --primary-text-color: white !important;
    --primary-color: #EA5B0C !important;
    --primary-background-color: #EA5B0C !important;
    --secondary-color: #53B999 !important;
    --secondary-background-color: #53B999 !important;
    --selected-color: #EA5B0C !important;
    --selected-background-color: #f0f0f0 !important; 
    --unselect-color: lightgrey !important;
    --unselect-background-color: #f8f8f8 !important;
    --link-color: #EA5B0C !important;
    --link-hover-color: #EA5B0C !important;
    --footer-text-color: #ffffff !important;
    --footer-background-color: #53B999 !important; 
    --font-family: Comfortaa,sans-serif !important;
    --header-background-color: transparent !important;
    --header-color: #ffffff !important;
    --fixed-navbar-background-color: rgb(255 255 255 / 50%) !important;
    --body-line-height: 20px !important;
    --body-font-size: 16px !important;
    --paragraph-font-size: 16px !important;
    --label-font-size: 16px !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: url(https://v2-clever-energy.utilmate.com/Portals/3/Images/mojo-billing-website-hero-bg-1.png) !important;
    --body-background-color: #222222 !important;
    --main-content-background-color: transparent !important;
    --main-content-color: white !important;
    --utilmate-container-width: 60% !important;
    --pane-background-color: #ffffff !important;
    --pane-color: black !important;
    --pane-border-color: none !important;
    --pane-border-radius: 8px !important;
    --pane-padding: 1rem !important;
    --banner-textbox-size: 50%!important; /* revise this -CONNIE */
    --max-logo-width: 235px!important;
}

body {
    background-position: top center;
    background-repeat: no-repeat;
}

#Register label{
    color: white;
}

.EnergyGreen {
background-color: #14AB90 !important;
}
.EnergyGreen-text {
color: #14AB90 !important;
}

ul li{
    font-weight: 600;
    line-height: 20px;
}
ol li{
    font-weight: 600;
    line-height: 20px;
}

p {
    font-weight: 600;
    line-height: 20px
} 

.h1,h1, .h2,h2, .h3,h3, .h4,h4, .h5,h5, .h6,h6{
	font-family: Comfortaa,sans-serif;
} 

.reset-password-description{
    color: #EA5B0C
}