/* _content/TenXTL/Pages/Archive/Old Homepage Sustainability oriented.razor.rz.scp.css */
.tenxtl-logo[b-msfgi8ft80] {
    position: absolute;
    top: 235px;
    left: 299px;
    width: 396px;
    height: 232px;
}

.splash-image[b-msfgi8ft80] {
    position: absolute;
    top: 0px;
    left: 784px;
    width: 1258px;
    height: 1092px;
}

.sustain-reporting-title[b-msfgi8ft80] {
    position: absolute;
    top: 533px;
    left: 167px;
    width: 661px;
    text-align: center;
    font-size: 28px;
}

.sustain-reporting-body[b-msfgi8ft80] {
    position: absolute;
    top: 568px;
    left: 253px;
    width: 480px;
    text-align: center;
    font-size: 18px;
}

.left-down-arrow1[b-msfgi8ft80] {
    position: absolute;
    z-index: 1;
    top: 777px;
    left: 843px;
    width: 217px;
    height: 318px;
}

.dividing-bar[b-msfgi8ft80] {
    position: absolute;
    top: 1086px;
    left: 0px;
    width: 100vw;
    height: 53px;
}

.stock-image-1[b-msfgi8ft80] {
    position: absolute;
    top: 1224px;
    left: 325px;
    width: 1270px;
    height: 468px;
}

.right-down-arrow1[b-msfgi8ft80] {
    position: absolute;
    z-index: 2;
    top: 1393px;
    left: 800px;
    width: 688px;
    height: 504px;
}

.textbox1[b-msfgi8ft80] {
    position: absolute;
    z-index: 2;
    border-radius: 25px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 1309px;
    left: 234px;
    width: 567px;
    height: 659px;
}

.textbox1-header[b-msfgi8ft80] {
    font-size: 28px;
}

.textbox1-body[b-msfgi8ft80] {
    font-size: 22px;
    padding-top: 10px;
    width: 426px;
    display: inline-block;
}

.stock-image-2[b-msfgi8ft80] {
    position: absolute;
    top: 1794px;
    left: 325px;
    width: 1270px;
    height: 544px;
}

.textbox2[b-msfgi8ft80] {
    position: absolute;
    z-index: 1;
    border-radius: 25px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 1881px;
    left: 1153px;
    width: 567px;
    height: 878px;
}

.textbox2-header[b-msfgi8ft80] {
    font-size: 28px;
}

.textbox2-body[b-msfgi8ft80] {
    font-size: 22px;
    padding-top: 10px;
    width: 426px;
    display: inline-block;
}

.textbox2-body[b-msfgi8ft80] {
    font-size: 22px;
    padding-top: 10px;
    width: 426px;
    display: inline-block;
}

.left-down-arrow2[b-msfgi8ft80] {
    position: absolute;
    top: 2046px;
    left: 464px;
    width: 688px;
    height: 504px;
}

.textbox3[b-msfgi8ft80] {
    position: absolute;
    z-index: 1;
    border-radius: 25px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 2550px;
    left: 200px;
    width: 634px;
    height: 790px;
}

.textbox3-header[b-msfgi8ft80] {
    font-size: 28px;
}

.textbox3-body[b-msfgi8ft80] {
    font-size: 22px;
    padding-top: 15px;
    width: 526px;
    display: inline-block;
}

.right-arrow1[b-msfgi8ft80] {
    position: absolute;
    top: 3092px;
    left: 834px;
    width: 146px;
    height: 116px;
}

.textbox4[b-msfgi8ft80] {
    font-size: 48px;
    position: absolute;
    text-align: center;
    top: 3059px;
    left: 1004px;
    width: 496px;
    height: 132px;
}

.request-demo-btn[b-msfgi8ft80] {
    position: absolute;
    top: 3281px;
    left: 1088px;
    width: 328px;
    height: 85px;
}

.request-demo-btn-image[b-msfgi8ft80] {
    width: 328px;
    height: 85px;
}

.stock-image-3[b-msfgi8ft80] {
    position: absolute;
    top: 3498px;
    left: 325px;
    width: 1270px;
    height: 568px;
}

.textbox5[b-msfgi8ft80] {
    position: absolute;
    z-index: 1;
    border-radius: 25px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 3748px;
    left: 200px;
    width: 521px;
    height: 671px;
}

.textbox5-header[b-msfgi8ft80] {
    font-size: 40px;
    width: 480px;
}

.textbox5-body[b-msfgi8ft80] {
    font-size: 24px;
    padding-top: 46px;
    width: 422px;
    display: inline-block;
}

.corporation-names1[b-msfgi8ft80] {
    position: absolute;
    top: 4117px;
    left: 778px;
    width: 240px;
    height: 293px;
}

.corporation-names-group[b-msfgi8ft80] {
    font-size:20px;
}

.corporation-names2[b-msfgi8ft80] {
    position: absolute;
    top: 4117px;
    left: 1049px;
    width: 240px;
    height: 293px;
}

.corporation-names3[b-msfgi8ft80] {
    position: absolute;
    top: 4117px;
    left: 1320px;
    width: 240px;
    height: 293px;
}

.footer[b-msfgi8ft80] {
    position: absolute;
    top: 4491px;
    left: 0px;
    width:100vw;
    height:200px;
}
/* _content/TenXTL/Pages/Portal/AdminComponents/AdminAudit.razor.rz.scp.css */


.download-audit-btn[b-lmvzs58q79] {
    padding-bottom:50px;
}

.audit-table[b-lmvzs58q79] {
}
/* _content/TenXTL/Pages/Portal/AdminComponents/AdminCustomerData.razor.rz.scp.css */
.buttons-container[b-ku1ppnmcny] {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.preliminary-review-table[b-ku1ppnmcny]{
    padding-top:50px;
}

.reports-button-container[b-ku1ppnmcny] {
    padding-top: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.review-process[b-ku1ppnmcny] {
    padding-top:20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.review-selectors[b-ku1ppnmcny] {
    display: flex;
    justify-content: center;
    gap: 20px; /* Adjust the space between each MudSelect as needed */
    padding-bottom: 20px;
}

.add-customer-data-with-review-btn[b-ku1ppnmcny] {
    display: flex;
    justify-content: center;
}

.upload-btn-container[b-ku1ppnmcny]{
    display:flex;
    justify-content: center;
    gap:20px;
    padding-top:20px;
}

/* _content/TenXTL/Pages/Portal/Audit.razor.rz.scp.css */
.background-line[b-e2gn7qx788] {
    position: absolute;
    z-index: -3;
    top: 135px;
    left: -15px;
    width: 1640px;
    height: 484px;
}

.background-box[b-e2gn7qx788] {
    position: absolute;
    z-index: -2;
    top: 10vh;
    left:25vw;
    width: 65vw;
    height: 160vh;
}

.download-audit-btn[b-e2gn7qx788] {
    position: absolute;
    left: 30vw;
    top: 20vh;
}

.audit-table[b-e2gn7qx788] {
    position: absolute;
    top: 30vh;
    left: 30vw;
    width: 55vw;
    height:100vh;
}

.client-logo[b-e2gn7qx788] {
    position: absolute;
    width: 20vw;
    left: 60vw;
    top: 20vh;
}

.footer[b-e2gn7qx788] {
    position: absolute;
    top: 175vh;
    left: 0vw;
    width: 100vw;
    height:20vh
}
/* _content/TenXTL/Pages/Portal/DashboardComponents/AirEmissions.razor.rz.scp.css */
.utility-performance-header[b-996w0e18ro] {
    position: absolute;
    top: 5vh;
    left: -5vw;
    width: 67vw;
}

.utility-performance-header-text[b-996w0e18ro] {
    position: absolute;
    top: 4.5vh;
    left: -5vw;
    width: 67vw;
    color: #52923a;
    font-size: 3.5vw;
}

.air-emissions-icon[b-996w0e18ro] {
    position: absolute;
    top: 15vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-1[b-996w0e18ro] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 20vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
}

.vertical-bar-1[b-996w0e18ro] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 20vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-2[b-996w0e18ro] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 25px;
    left: 48.6vw;
    top: 27.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
}

.site-selector[b-996w0e18ro] {
    position: absolute;
    left: 49vw;
    top: 20.5vh;
    width: 18vw;
}

.date-selector[b-996w0e18ro] {
    position: absolute;
    display: flex;
    left: 28vw;
    top: 20.5vh;
    z-index: 100;
}

.date-select-month[b-996w0e18ro] {
    width: 4.5vw;
    margin-right: 2px;
}

.date-select-year[b-996w0e18ro] {
    width: 4.5vw;
    margin-right: 30px;
}

.air-emission-consumption[b-996w0e18ro] {
    position: absolute;
    top: 35vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.air-emission-spend[b-996w0e18ro] {
    position: absolute;
    top: 75vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.performance-metric[b-996w0e18ro] {
    position: absolute;
    left: 46vw;
    top: 25vh;
}

.consumption-change-SOx[b-996w0e18ro] {
    position: absolute;
    top: 14vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.consumption-change-NOx[b-996w0e18ro] {
    position: absolute;
    top: 14vh;
    left: 13vw;
    width: 12vw;
    text-align: center;
}

.consumption-change-icon[b-996w0e18ro] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-996w0e18ro] {
    font-size: 2vw;
}

.consumption-change-title[b-996w0e18ro] {
    font-size: 1vw;
}

.cost-change[b-996w0e18ro] {
    position: absolute;
    top: 14vh;
    left: 13vw;
    width: 12vw;
    text-align: center;
}

.cost-change-icon[b-996w0e18ro] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cost-change-number[b-996w0e18ro] {
    color: #52923a;
    font-size: 2vw;
}

.cost-change-title[b-996w0e18ro] {
    font-size: 1vw;
}

.cost-change-arrow[b-996w0e18ro] {
    fill: #52923a;
    margin-top: -5px;
    margin-left: -10px;
}

.carbon-footprint-sox[b-996w0e18ro] {
    position: absolute;
    top: 35vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.carbon-footprint-nox[b-996w0e18ro] {
    position: absolute;
    top: 35vh;
    left: 12vw;
    width: 12vw;
    text-align: center;
}

.carbon-footprint-number[b-996w0e18ro] {
    color: #707070;
    font-size: 2vw;
}

.carbon-footprint-title[b-996w0e18ro] {
    color: #707070;
    font-size: 1vw;
}

.total-spend[b-996w0e18ro] {
    position: absolute;
    top: 35vh;
    left: 12vw;
    width: 12vw;
    text-align: center;
}

.total-spend-number[b-996w0e18ro] {
    color: #707070;
    font-size: 1.75vw;
}

.total-spend-title[b-996w0e18ro] {
    color: #707070;
    font-size: 1vw;
}

.map1-country[b-996w0e18ro] {
    position: absolute;
    top: 55vh;
    left: 3vw;
    width: 20vw;
}

.footer[b-996w0e18ro] {
    position: absolute;
    top: 125vh;
    left: -25vw;
    width: 100vw;
}
/* _content/TenXTL/Pages/Portal/DashboardComponents/Dashboard.razor.rz.scp.css */
.arrow[b-5qxeoab4dr] {
    position: absolute;
    z-index: -3;
    top: 150px;
    left: -16.240234375px;
    width: 1870px;
    height: 526px;
}

.welcome[b-5qxeoab4dr] {
    position: absolute;
    left: 30vw;
    top:22vh;
}

.ghg-header[b-5qxeoab4dr] {
    position: absolute;
    left: 30vw;
    top: 28vh;
    width: 35vw;
}

.client-logo[b-5qxeoab4dr] {
    position: absolute;
    left: 67vw;
    top: 23vh;
    width: 280px;
}

.site-selector[b-5qxeoab4dr] {
    position: absolute;
    width: 15vw;
    top: 38vh;
    left: 65vw;
    z-index: 100;
}

.greenhouse-gas-impact[b-5qxeoab4dr] {
    position: absolute;
    top: 46vh;
    left: 27vw;
    width:55vw;
}

.background-box1[b-5qxeoab4dr] {
    position: absolute;
    z-index: -3;
    top: 18vh;
    left: 25vw;
    width: 62vw;
    height: 125vh;
}

.background-box2[b-5qxeoab4dr] {
    position: absolute;
    z-index: -1;
    top: 0vh;
    left: -9vw;
    width: 80vw;
    height: 115vh;
}

.background-box3[b-5qxeoab4dr] {
    position: absolute;
    z-index: -1;
    top: 0vh;
    left: -9vw;
    width: 80vw;
    height: 325vh;
}

.background-box4[b-5qxeoab4dr] {
    position: absolute;
    z-index: -1;
    top: 0vh;
    left: -9vw;
    width: 80vw;
    height: 220vh;
}

.tabs-and-content[b-5qxeoab4dr] {
    position: absolute;
    --mud-palette-primary: #2e7d32;
    top: 125vh;
    left: 26vw;
    width: 58vw;
    height: 18vh;
}

.mud-tabs-toolbar[b-5qxeoab4dr]{
    background-color:grey !important;
}

.date-selector[b-5qxeoab4dr] {
    position: absolute;
    display: flex;
    left: 42vw;
    top: 38vh;
    z-index: 100;
}

.date-select-month[b-5qxeoab4dr] {
    width: 4.5vw;
    margin-right: 2px;
}

.date-select-year[b-5qxeoab4dr] {
    width: 4.5vw;
    margin-right: 30px;
}


/* _content/TenXTL/Pages/Portal/DashboardComponents/Electricity.razor.rz.scp.css */
.utility-performance-header[b-z1ba0rsw6i] {
    position: absolute;
    top: 5vh;
    left: -5vw;
    width: 67vw;
}

.utility-performance-header-text[b-z1ba0rsw6i] {
    position: absolute;
    top: 4.5vh;
    left: -5vw;
    width: 67vw;
    color: #52923a;
    font-size: 3.5vw;
}

.electricity-icon[b-z1ba0rsw6i] {
    position: absolute;
    top: 15vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-1[b-z1ba0rsw6i] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 20vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
    line-height: 3.5vh;
}

.vertical-bar-1[b-z1ba0rsw6i] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 20vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-2[b-z1ba0rsw6i] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 1.5vw;
    left: 48.6vw;
    top: 27.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
    line-height: 3.5vh;
}

.site-selector[b-z1ba0rsw6i] {
    position: absolute;
    left: 49vw;
    top: 20vh;
    width: 18vw;
}

.date-selector[b-z1ba0rsw6i] {
    position: absolute;
    display: flex;
    left: 28vw;
    top: 20vh;
    z-index: 100;
}

.date-select-month[b-z1ba0rsw6i] {
    width: 4.5vw;
    margin-right: 2px;
}

.date-select-year[b-z1ba0rsw6i] {
    width: 4.5vw;
    margin-right: 30px;
}

.electricity-consumption[b-z1ba0rsw6i] {
    position: absolute;
    top: 35vh;
    left: -7vw;
    width: 54vw;
    height:25vh;
}

.electricity-spend[b-z1ba0rsw6i] {
    position: absolute;
    top: 75vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.performance-metric[b-z1ba0rsw6i] {
    position: absolute;
    left: 46vw;
    top: 25vh;
}

.consumption-change[b-z1ba0rsw6i] {
    position: absolute;
    top: 14vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.consumption-change-icon[b-z1ba0rsw6i] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-z1ba0rsw6i] {
    font-size: 2vw;
}

.consumption-change-title[b-z1ba0rsw6i] {
    font-size: 1vw;
}

.cost-change[b-z1ba0rsw6i] {
    position: absolute;
    top: 14vh;
    left: 13vw;
    width: 12vw;
    text-align: center;
}

.cost-change-icon[b-z1ba0rsw6i] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cost-change-number[b-z1ba0rsw6i] {
    color: #52923a;
    font-size: 2vw;
}

.cost-change-title[b-z1ba0rsw6i] {
    font-size: 1vw;
}

.cost-change-arrow[b-z1ba0rsw6i] {
    fill: #52923a;
    margin-top: -5px;
    margin-left: -10px;
}

.carbon-footprint[b-z1ba0rsw6i] {
    position: absolute;
    top: 35vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.carbon-footprint-number[b-z1ba0rsw6i] {
    color: #707070;
    font-size: 2vw;
}

.carbon-footprint-title[b-z1ba0rsw6i] {
    color: #707070;
    font-size: 1vw;
}

.total-spend[b-z1ba0rsw6i] {
    position: absolute;
    top: 35vh;
    left: 12vw;
    width: 12vw;
    text-align: center;
}

.total-spend-number[b-z1ba0rsw6i] {
    color: #707070;
    font-size: 1.75vw;
}

.total-spend-title[b-z1ba0rsw6i] {
    color: #707070;
    font-size: 1vw;
}

.map1-country[b-z1ba0rsw6i] {
    position: absolute;
    top:55vh;
    left:3vw;
    width: 20vw;
}

.footer[b-z1ba0rsw6i] {
    position: absolute;
    top: 125vh;
    left: -25vw;
    width: 100vw;
}
/* _content/TenXTL/Pages/Portal/DashboardComponents/Fuels.razor.rz.scp.css */
.utility-performance-header[b-8yrrkfexp2] {
    position: absolute;
    top: 5vh;
    left: -5vw;
    width: 67vw;
}

.utility-performance-header-text[b-8yrrkfexp2] {
    position: absolute;
    top: 4.5vh;
    left: -5vw;
    width: 67vw;
    color: #52923a;
    font-size: 3.5vw;
}

/*Natural Gas*/
.fuel-icon[b-8yrrkfexp2] {
    position: absolute;
    top: 15vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-1[b-8yrrkfexp2] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 20vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
    line-height: 3.5vh;
}

.vertical-bar-1[b-8yrrkfexp2] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 20vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-2[b-8yrrkfexp2] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 1.5vw;
    left: 48.6vw;
    top: 27.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
    line-height: 3.5vh;
}

.site-selector[b-8yrrkfexp2] {
    position: absolute;
    left: 49vw;
    top: 20vh;
    width: 18vw;
}

.date-selector[b-8yrrkfexp2] {
    position: absolute;
    display: flex;
    left: 28vw;
    top: 20vh;
    z-index: 100;
}

.date-select-month[b-8yrrkfexp2] {
    width: 4.5vw;
    margin-right: 2px;
}

.date-select-year[b-8yrrkfexp2] {
    width: 4.5vw;
    margin-right: 30px;
}

.fuel-consumption[b-8yrrkfexp2] {
    position: absolute;
    top: 35vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.fuel-spend[b-8yrrkfexp2] {
    position: absolute;
    top: 75vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.performance-metric[b-8yrrkfexp2] {
    position: absolute;
    left: 46vw;
    top: 25vh;
}

.consumption-change[b-8yrrkfexp2] {
    position: absolute;
    top: 14vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.consumption-change-icon[b-8yrrkfexp2] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-8yrrkfexp2] {
    font-size: 2vw;
}

.consumption-change-title[b-8yrrkfexp2] {
    font-size: 1vw;
}

.cost-change[b-8yrrkfexp2] {
    position: absolute;
    top: 14vh;
    left: 13vw;
    width: 12vw;
    text-align: center;
}

.cost-change-icon[b-8yrrkfexp2] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cost-change-number[b-8yrrkfexp2] {
    color: #52923a;
    font-size: 2vw;
}

.cost-change-title[b-8yrrkfexp2] {
    font-size: 1vw;
}

.cost-change-arrow[b-8yrrkfexp2] {
    fill: #52923a;
    margin-top: -5px;
    margin-left: -10px;
}

.carbon-footprint[b-8yrrkfexp2] {
    position: absolute;
    top: 35vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.carbon-footprint-number[b-8yrrkfexp2] {
    color: #707070;
    font-size: 2vw;
}

.carbon-footprint-title[b-8yrrkfexp2] {
    color: #707070;
    font-size: 1vw;
}

.total-spend[b-8yrrkfexp2] {
    position: absolute;
    top: 35vh;
    left: 12vw;
    width: 12vw;
    text-align: center;
}

.total-spend-number[b-8yrrkfexp2] {
    color: #707070;
    font-size: 1.75vw;
}

.total-spend-title[b-8yrrkfexp2] {
    color: #707070;
    font-size: 1vw;
}

.map1-country[b-8yrrkfexp2] {
    position: absolute;
    top: 55vh;
    left: 3vw;
    width: 20vw;
}

/*Stationary Fuel*/

.stationary-fuel-icon[b-8yrrkfexp2] {
    position: absolute;
    top: 115vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-3[b-8yrrkfexp2] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 120vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
    line-height: 3.5vh;
}

.vertical-bar-2[b-8yrrkfexp2] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 120vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-4[b-8yrrkfexp2] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 1.5vw;
    left: 48.6vw;
    top: 127.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
    line-height: 3.5vh;
}
.stationary-fuel-consumption[b-8yrrkfexp2] {
    position: absolute;
    top: 135vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.stationary-fuel-spend[b-8yrrkfexp2] {
    position: absolute;
    top: 175vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.stationary-fuel-performance-metric[b-8yrrkfexp2] {
    position: absolute;
    left: 46vw;
    top: 125vh;
}

/*Mobile Fuel*/

.mobile-fuel-icon[b-8yrrkfexp2] {
    position: absolute;
    top: 215vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-5[b-8yrrkfexp2] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 220vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
    line-height: 3.5vh;
}

.vertical-bar-3[b-8yrrkfexp2] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 220vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-6[b-8yrrkfexp2] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 1.5vw;
    left: 48.6vw;
    top: 227.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
    line-height: 3.5vh;
}

.mobile-fuel-consumption[b-8yrrkfexp2] {
    position: absolute;
    top: 235vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.mobile-fuel-spend[b-8yrrkfexp2] {
    position: absolute;
    top: 275vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.mobile-fuel-performance-metric[b-8yrrkfexp2] {
    position: absolute;
    left: 46vw;
    top: 225vh;
}

/*.hidden-content {
    display: none;
}*/

.footer[b-8yrrkfexp2] {
    position: absolute;
    top: 325vh;
    left: -25vw;
    width: 100vw;
}
 
/* _content/TenXTL/Pages/Portal/DashboardComponents/FugitiveGases.razor.rz.scp.css */
.utility-performance-header[b-4mmt0wcjv8] {
    position: absolute;
    top: 5vh;
    left: -5vw;
    width: 67vw;
}

.utility-performance-header-text[b-4mmt0wcjv8] {
    position: absolute;
    top: 4.5vh;
    left: -5vw;
    width: 67vw;
    color: #52923a;
    font-size: 3.5vw;
}

/*Anesthetic Gas*/
.refrigerant-icon[b-4mmt0wcjv8] {
    position: absolute;
    top: 15vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-3[b-4mmt0wcjv8] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 20vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
    line-height: 3.5vh;
}

.vertical-bar-2[b-4mmt0wcjv8] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 20vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-2[b-4mmt0wcjv8] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 1.5vw;
    left: 48.6vw;
    top: 27.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
    line-height: 3.5vh;
}



.site-selector[b-4mmt0wcjv8] {
    position: absolute;
    left: 49vw;
    top: 20vh;
    width: 18vw;
}

.date-selector[b-4mmt0wcjv8] {
    position: absolute;
    display: flex;
    left: 28vw;
    top: 20vh;
    z-index: 100;
}

.date-select-month[b-4mmt0wcjv8] {
    width: 4.5vw;
    margin-right: 2px;
}

.date-select-year[b-4mmt0wcjv8] {
    width: 4.5vw;
    margin-right: 30px;
}

.refrigerant-consumption[b-4mmt0wcjv8] {
    position: absolute;
    top: 35vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.refrigerant-spend[b-4mmt0wcjv8] {
    position: absolute;
    top: 75vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.refrigerant-performance-metric[b-4mmt0wcjv8] {
    position: absolute;
    left: 46vw;
    top: 25vh;
}

.consumption-change[b-4mmt0wcjv8] {
    position: absolute;
    top: 14vh;
    left: 7vw;
    width: 12vw;
    text-align: center;
}

.consumption-change-icon[b-4mmt0wcjv8] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-4mmt0wcjv8] {
    font-size: 2vw;
}

.consumption-change-title[b-4mmt0wcjv8] {
    font-size: 1vw;
}

.cost-change[b-4mmt0wcjv8] {
    position: absolute;
    top: 14vh;
    left: 13vw;
    width: 12vw;
    text-align: center;
}

.cost-change-icon[b-4mmt0wcjv8] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cost-change-number[b-4mmt0wcjv8] {
    color: #52923a;
    font-size: 2vw;
}

.cost-change-title[b-4mmt0wcjv8] {
    font-size: 1vw;
}

.cost-change-arrow[b-4mmt0wcjv8] {
    fill: #52923a;
    margin-top: -5px;
    margin-left: -10px;
}

.carbon-footprint[b-4mmt0wcjv8] {
    position: absolute;
    top: 35vh;
    left: 7vw;
    width: 12vw;
    text-align: center;
}

.carbon-footprint-number[b-4mmt0wcjv8] {
    color: #707070;
    font-size: 2vw;
}

.carbon-footprint-title[b-4mmt0wcjv8] {
    color: #707070;
    font-size: 1vw;
}

.total-spend[b-4mmt0wcjv8] {
    position: absolute;
    top: 35vh;
    left: 12vw;
    width: 12vw;
    text-align: center;
}

.total-spend-number[b-4mmt0wcjv8] {
    color: #707070;
    font-size: 1.75vw;
}

.total-spend-title[b-4mmt0wcjv8] {
    color: #707070;
    font-size: 1vw;
}

.map1-country[b-4mmt0wcjv8] {
    position: absolute;
    top: 55vh;
    left: 3vw;
    width: 20vw;
}

/*Fugitive Refrigerants*/

.ane-gas-icon[b-4mmt0wcjv8] {
    position: absolute;
    top: 115vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-1[b-4mmt0wcjv8] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 120vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
    line-height: 3.5vh;
}

.vertical-bar-1[b-4mmt0wcjv8] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 120vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-4[b-4mmt0wcjv8] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 1.5vw;
    left: 48.6vw;
    top: 127.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
    line-height: 3.5vh;
}

.ane-gas-consumption[b-4mmt0wcjv8] {
    position: absolute;
    top: 135vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.ane-gas-spend[b-4mmt0wcjv8] {
    position: absolute;
    top: 175vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.performance-metric[b-4mmt0wcjv8] {
    position: absolute;
    left: 46vw;
    top: 125vh;
}

.ane-gas-type-selector[b-4mmt0wcjv8] {
    position: absolute;
    left: 49vw;
    top: 120.5vh;
    width: 18vw;
    z-index:5;
}

.footer[b-4mmt0wcjv8] {
    position: absolute;
    top: 225vh;
    left: -25vw;
    width: 100vw;
}

.hidden-content[b-4mmt0wcjv8] {
    display: none;
}
/* _content/TenXTL/Pages/Portal/DashboardComponents/Waste.razor.rz.scp.css */
.utility-performance-header[b-7zvtrx2c7x] {
    position: absolute;
    top: 5vh;
    left: -5vw;
    width: 67vw;
}

.utility-performance-header-text[b-7zvtrx2c7x] {
    position: absolute;
    top: 4.5vh;
    left: -5vw;
    width: 67vw;
    color: #52923a;
    font-size: 3.5vw;
}

/*Anesthetic Gas*/
.fuel-icon[b-7zvtrx2c7x] {
    position: absolute;
    top: 15vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-1[b-7zvtrx2c7x] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 20vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
    line-height: 3.5vh;
}

.vertical-bar-1[b-7zvtrx2c7x] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 20vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-2[b-7zvtrx2c7x] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 1.5vw;
    left: 48.6vw;
    top: 27.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
    line-height: 3.5vh;
}

.ane-gas-type-selector[b-7zvtrx2c7x] {
    position: absolute;
    left: 12vw;
    top: 20.5vh;
    width: 15vw;
}

.site-selector[b-7zvtrx2c7x] {
    position: absolute;
    left: 49vw;
    top: 20vh;
    width: 18vw;
}

.date-selector[b-7zvtrx2c7x] {
    position: absolute;
    display: flex;
    left: 28vw;
    top: 20vh;
    z-index: 100;
}

.date-select-month[b-7zvtrx2c7x] {
    width: 4.5vw;
    margin-right: 2px;
}

.date-select-year[b-7zvtrx2c7x] {
    width: 4.5vw;
    margin-right: 30px;
}

.fuel-consumption[b-7zvtrx2c7x] {
    position: absolute;
    top: 35vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.fuel-spend[b-7zvtrx2c7x] {
    position: absolute;
    top: 75vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.performance-metric[b-7zvtrx2c7x] {
    position: absolute;
    left: 46vw;
    top: 25vh;
}

.consumption-change[b-7zvtrx2c7x] {
    position: absolute;
    top: 20vh;
    left: 7vw;
    width: 12vw;
    text-align: center;
}

.consumption-change-icon[b-7zvtrx2c7x] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-7zvtrx2c7x] {
    font-size: 2vw;
}

.consumption-change-title[b-7zvtrx2c7x] {
    font-size: 1vw;
}

.cost-change[b-7zvtrx2c7x] {
    position: absolute;
    top: 14vh;
    left: 13vw;
    width: 12vw;
    text-align: center;
}

.cost-change-icon[b-7zvtrx2c7x] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cost-change-number[b-7zvtrx2c7x] {
    color: #52923a;
    font-size: 2vw;
}

.cost-change-title[b-7zvtrx2c7x] {
    font-size: 1vw;
}

.cost-change-arrow[b-7zvtrx2c7x] {
    fill: #52923a;
    margin-top: -5px;
    margin-left: -10px;
}

.carbon-footprint[b-7zvtrx2c7x] {
    position: absolute;
    top: 35vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.carbon-footprint-number[b-7zvtrx2c7x] {
    color: #707070;
    font-size: 2vw;
}

.carbon-footprint-title[b-7zvtrx2c7x] {
    color: #707070;
    font-size: 1vw;
}

.total-spend[b-7zvtrx2c7x] {
    position: absolute;
    top: 35vh;
    left: 12vw;
    width: 12vw;
    text-align: center;
}

.total-spend-number[b-7zvtrx2c7x] {
    color: #707070;
    font-size: 1.75vw;
}

.total-spend-title[b-7zvtrx2c7x] {
    color: #707070;
    font-size: 1vw;
}

.map1-country[b-7zvtrx2c7x] {
    position: absolute;
    top: 55vh;
    left: 3vw;
    width: 20vw;
}

.footer[b-7zvtrx2c7x] {
    position: absolute;
    top: 125vh;
    left: -25vw;
    width: 100vw;
}
/* _content/TenXTL/Pages/Portal/DashboardComponents/Water.razor.rz.scp.css */
.utility-performance-header[b-xh2u6rlqrv] {
    position: absolute;
    top: 5vh;
    left: -5vw;
    width: 67vw;
}

.utility-performance-header-text[b-xh2u6rlqrv] {
    position: absolute;
    top: 4.5vh;
    left: -5vw;
    width: 67vw;
    color: #52923a;
    font-size: 3.5vw;
}

.water-icon[b-xh2u6rlqrv] {
    position: absolute;
    top: 15vh;
    left: -14vw;
    height: 18vh;
}

.horizontal-bar-1[b-xh2u6rlqrv] {
    position: absolute;
    font-size: 2vw;
    background-color: #e3e3e3;
    top: 20vh;
    left: -7vw;
    padding-left: 41px;
    padding-top: 15px;
    z-index: -1;
    width: 76vw;
    height: 7vh;
    line-height: 3.5vh;
}

.vertical-bar-1[b-xh2u6rlqrv] {
    position: absolute;
    background-color: #e3e3e3;
    left: 48vw;
    top: 20vh;
    width: .3vw;
    height: 90vh;
}

.horizontal-bar-2[b-xh2u6rlqrv] {
    position: absolute;
    background-color: #e3e3e3;
    font-size: 1.5vw;
    left: 48.6vw;
    top: 27.5vh;
    height: 7vh;
    width: 20.4vw;
    text-align: center;
    padding-top: 20px;
    line-height: 3.5vh;
}

.water-type-selector[b-xh2u6rlqrv] {
    position: absolute;
    left: 19vw;
    top: 20vh;
    width: 8vw;
}

.site-selector[b-xh2u6rlqrv] {
    position: absolute;
    left: 49vw;
    top: 20vh;
    width: 18vw;
}

.date-selector[b-xh2u6rlqrv] {
    position: absolute;
    display: flex;
    left: 28vw;
    top: 20vh;
    z-index: 100;
}

.date-select-month[b-xh2u6rlqrv] {
    width: 4.5vw;
    margin-right: 2px;
}

.date-select-year[b-xh2u6rlqrv] {
    width: 4.5vw;
    margin-right: 30px;
}

.water-consumption[b-xh2u6rlqrv] {
    position: absolute;
    top: 35vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.water-spend[b-xh2u6rlqrv] {
    position: absolute;
    top: 75vh;
    left: -7vw;
    width: 54vw;
    height: 25vh;
}

.performance-metric[b-xh2u6rlqrv] {
    position: absolute;
    left: 46vw;
    top: 25vh;
}

.consumption-change[b-xh2u6rlqrv] {
    position: absolute;
    top: 14vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.consumption-change-icon[b-xh2u6rlqrv] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-xh2u6rlqrv] {
    font-size: 2vw;
}

.consumption-change-title[b-xh2u6rlqrv] {
    font-size: 1vw;
}

.cost-change[b-xh2u6rlqrv] {
    position: absolute;
    top: 14vh;
    left: 13vw;
    width: 12vw;
    text-align: center;
}

.cost-change-icon[b-xh2u6rlqrv] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cost-change-number[b-xh2u6rlqrv] {
    color: #52923a;
    font-size: 2vw;
}

.cost-change-title[b-xh2u6rlqrv] {
    font-size: 1vw;
}

.cost-change-arrow[b-xh2u6rlqrv] {
    fill: #52923a;
    margin-top: -5px;
    margin-left: -10px;
}

.carbon-footprint[b-xh2u6rlqrv] {
    position: absolute;
    top: 35vh;
    left: 2vw;
    width: 12vw;
    text-align: center;
}

.carbon-footprint-number[b-xh2u6rlqrv] {
    color: #707070;
    font-size: 2vw;
}

.carbon-footprint-title[b-xh2u6rlqrv] {
    color: #707070;
    font-size: 1vw;
}

.total-spend[b-xh2u6rlqrv] {
    position: absolute;
    top: 35vh;
    left: 12vw;
    width: 12vw;
    text-align: center;
}

.total-spend-number[b-xh2u6rlqrv] {
    color: #707070;
    font-size: 1.75vw;
}

.total-spend-title[b-xh2u6rlqrv] {
    color: #707070;
    font-size: 1vw;
}

.map1-country[b-xh2u6rlqrv] {
    position: absolute;
    top: 55vh;
    left: 3vw;
    width: 20vw;
}

.footer[b-xh2u6rlqrv] {
    position: absolute;
    top: 125vh;
    left: -25vw;
    width: 100vw;
}
/* _content/TenXTL/Pages/Portal/Login.razor.rz.scp.css */
.login-image[b-yvdh33fwus] {
    position: absolute;
    z-index: -2;
    top: 0vw;
    left: 0vw;
    width: 100vw;
}

.background-box[b-yvdh33fwus] {
    position: absolute;
    top: 10vh;
    left: 54vw;
    background-color: white;
    border-radius: 5vw;
    width: 35vw;
    height: 80vh;
    z-index: -1;
}

.login-logo[b-yvdh33fwus] {
    position: absolute;
    top: 20vh;
    left: 65vw;
    width: 15vw;
}

.login-inputs[b-yvdh33fwus] {
    position: absolute;
    top: 40vh;
    left: 58vw;
    width: 27vw;
    font-size:1vw;
}

.input-fields[b-yvdh33fwus]{
    width:26vw;
    height:5vw;
}

.sign-in[b-yvdh33fwus] {
    font-size: 2vw
}

.or-request-demo[b-yvdh33fwus] {
    display: flex;
    position: absolute;
    top: 5vh;
    font-size: 1vw;
}

.continue-btn[b-yvdh33fwus] {
    position: absolute;
    top: 75vh;
    left: 63vw;
    width: 15vw;
}


.continue-btn-image[b-yvdh33fwus] {
    width: 20vw;
}

.request-a-demo[b-yvdh33fwus] {
    color: #97d16c;
}

.error-message[b-yvdh33fwus] {
    color: red;
}



.forgot-password[b-yvdh33fwus] {
    color: #97d16c;
}
/* _content/TenXTL/Pages/Portal/Performance/Performance.razor.rz.scp.css */
.performance-title[b-9d9pkbmn3t] {
    position: absolute;
    top: 5vh;
    left: 1vw;
    width: 35vw;
    height: 5vh;
    font-size: 2vw;
    text-align: left;
    color: #52923a;
}

.performance-title-leaf[b-9d9pkbmn3t] {
    position: absolute;
    top: 5vh;
    left: 0vw;
    width: 40vw;
}

.sustainability-info-btn[b-9d9pkbmn3t] {
    position: absolute;
    z-index: 5;
    left: 2vw;
    top: 12vh;
}

.monthly-interpretation-btn[b-9d9pkbmn3t]{
    position:absolute;
    top:123vh;
    left:40vw;
    width:20vw;
    z-index:5;
}

.client-logo[b-9d9pkbmn3t] {
    position: absolute;
    left: 38vw;
    top: 5vh;
    width:20vw;
}

.background-box-container[b-9d9pkbmn3t] {
    position: absolute;
    width: 100vw;
    left:25vw;
    top:18vh;
}

.background-box-dynamic[b-9d9pkbmn3t] {
    position:absolute;
    border: 20px solid #AFAFAF;
    border-radius: 100px;
    height:190vh;
    width:65vw;
    left:0vw;
}


.background-box[b-9d9pkbmn3t] {
    position: absolute;
    top: 0vh;
    left: 0vw;
    width: 100vw;
    height: 105vh;
    z-index: -1;
}

.content-container[b-9d9pkbmn3t] {
    position: absolute;
    top:0vh;
    left:0vw;
}

.efficiency-gauges[b-9d9pkbmn3t] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.content-container-gauges[b-9d9pkbmn3t] {
    position: absolute;
    top: 18vh;
    left: 2vw;
}

.gauge-label-ghg[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .85vw;
    text-align: center;
    width: 10vw;
    top: 0vh;
    left: 4vw;
}

.gauge-label-electricity[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .85vw;
    text-align:center;
    width: 10vw;
    top:0vh;
    left:17vw;    
}

.gauge-label-fuel[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .85vw;
    text-align: center;
    width: 10vw;
    top: 0vh;
    left: 30vw;
}

.gauge-label-energy[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .85vw;
    text-align: center;
    width: 10vw;
    top: 0vh;
    left: 43vw;
}


.background-box-dynamic-2[b-9d9pkbmn3t] {
    position:absolute;
    border: 20px solid #AFAFAF;
    border-radius: 100px;
    height: 80vh;
    width: 58vw;
    left: 0vw;
    top:20vh;
}

.tabs-and-content[b-9d9pkbmn3t] {
    position: absolute;
    top: 25vh;
    left: 6vw;
    width:10vw;
}

.mud-tabs-toolbar[b-9d9pkbmn3t] {
    background-color: grey !important;
}

.performers[b-9d9pkbmn3t]{
    position:absolute;
    top:105vh;
}

.more-details-btn[b-9d9pkbmn3t]{
    position:absolute;
    top:45vh;
    left:18vw;
    width:20vw;
    z-index:8;
}

.back-btn[b-9d9pkbmn3t] {
    position: absolute;
    top:10vh;
    left: 2vw;
}

.ghg-target[b-9d9pkbmn3t] {
    position: absolute;
    font-size:.8vw;
    top:5vh;
    left:3vw;
    text-align:center;
}

.ghg-actual[b-9d9pkbmn3t] {
    position: absolute;
    font-size:.8vw;
    top: 5vh;
    left: 12.5vw;
    text-align: center;
}

.ghg-gauge-arrow[b-9d9pkbmn3t] {
    position: absolute;
    height: 4vw;
    left: 7.0vw;
    top: 6.5vh;
    transform: rotate(305deg);
    z-index: 6;
}

.ghg-gauge[b-9d9pkbmn3t] {
    position: absolute;
    height: 4vw;
    left:5vw;
    top:5vh;
}

.electricity-target[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .8vw;
    top: 5vh;
    left: 16vw;
    text-align: center;
}

.electricity-actual[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .8vw;
    top: 5vh;
    left: 25.5vw;
    text-align: center;
}

.electricity-gauge-arrow[b-9d9pkbmn3t] {
    position: absolute;
    height: 4vw;
    left: 22.0vw;
    top: 5.1vh;
    transform: rotate(8deg);
    z-index: 6;
}

.electricity-gauge[b-9d9pkbmn3t] {
    position: absolute;
    height: 4vw;
    top: 5vh;
    left: 18vw;
}

.fuel-target[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .8vw;
    top: 5vh;
    left: 29vw;
    text-align: center;
}

.fuel-actual[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .8vw;
    top: 5vh;
    left: 38.5vw;
    text-align: center;
}

.fuel-gauge-arrow[b-9d9pkbmn3t] {
    position: absolute;
    height: 4vw;
    left: 36.5vw;
    top: 7.8vh;
    transform: rotate(75deg);
    z-index: 6;
}

.fuel-gauge[b-9d9pkbmn3t] {
    position: absolute;
    height: 4vw;
    top: 5vh;
    left: 31vw;
}

.energy-target[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .8vw;
    top: 5vh;
    left: 42vw;
    text-align: center;
}

.energy-actual[b-9d9pkbmn3t] {
    position: absolute;
    font-size: .8vw;
    top: 5vh;
    left: 51.5vw;
    text-align: center;
}

.energy-gauge-arrow[b-9d9pkbmn3t] {
    position: absolute;
    height: 4.5vw;
    left: 48.9vw;
    top: 5vh;
    transform: rotate(39deg);
    z-index: 6;
}

.energy-gauge[b-9d9pkbmn3t] {
    position: absolute;
    height: 4vw;
    top: 5vh;
    left: 44vw;
}

.total-graphs-info-btn[b-9d9pkbmn3t] {
    position: absolute;
    left: 47vw;
    top: -4vh;
    width:2vw;
}

.dividing-line1[b-9d9pkbmn3t] {
    position:absolute;
    border: none;
    border-top: .3vw solid grey;
    top:15vh;
    left: 1vw;
    width: 55vw;
}

.dividing-line2[b-9d9pkbmn3t] {
    position: absolute;
    top: 0vh;
    left: 15.5vw;
    width: 55vw;
    border: none;
    border-left: .3vw solid grey;
    height: 15vh;
    width: 0vw;
}

.dividing-line3[b-9d9pkbmn3t] {
    position: absolute;
    top: 0vh;
    left: 28.5vw;
    width: 55vw;
    border: none;
    border-left: .3vw solid grey;
    height: 15vh;
    width: 0vw;
}

.dividing-line4[b-9d9pkbmn3t] {
    position: absolute;
    top: 0vh;
    left: 41.5vw;
    width: 55vw;
    border: none;
    border-left: .3vw solid grey;
    height: 15vh;
    width: 0vw;
}
.dividing-line5[b-9d9pkbmn3t] {
    position: absolute;
    border: none;
    border-top: .3vw solid grey;
    top: 90vh;
    left: 1vw;
    width: 55vw;
}

.footer[b-9d9pkbmn3t] {
    position: absolute;
    top: 210vh;
    left: 0vw;
    width: 100vw;
}
/* _content/TenXTL/Pages/Portal/Performance/PerformanceDetails.razor.rz.scp.css */
.utility-select[b-yalqm9it1s] {
    position: absolute;
    top: 9vh;
    left: 7vw;
    width: 8vw;
}

.area-selector[b-yalqm9it1s] {
    position: absolute;
    left:18vw;
    top:10vh;
    width:10vw;
}

.normalized-graph[b-yalqm9it1s] {
    position: absolute;
    top: 23vh;
    left: 0vw;
    width:40vw;
    border: 5px solid #afafaf;
    border-radius: 10px;
}

.raw-data-graph[b-yalqm9it1s] {
    position: absolute;
    left: 0vw;
    top: 90vh;
    width: 40vw;
    border: 5px solid #afafaf;
    border-radius: 10px;
}


.pie-chart[b-yalqm9it1s]{
    position:absolute;
    left:50vw;
    top:60vh;
}

.performance-comments[b-yalqm9it1s]{
    position:absolute;
    top:93vh;
    width:19vw;
    left:40.5vw;
}

.consumption-change[b-yalqm9it1s] {
    position: absolute;
    top: 350px;
    left: 750px;
    width: 225px;
    text-align: center;
}

.consumption-change-icon[b-yalqm9it1s] {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-yalqm9it1s] {
    font-size: 40px;
}

.consumption-change-title[b-yalqm9it1s] {
    font-size: 16px;
}

.percent-difference-metric[b-yalqm9it1s] {
    position: absolute;
    top: 400px;
    left: 625px;
    width: 225px;
    text-align: center;
}

.cost-change[b-yalqm9it1s] {
    position: absolute;
    top: 450px;
    left: 875px;
    width: 225px;
    text-align: center;
}

.cost-change-icon[b-yalqm9it1s] {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cost-change-number[b-yalqm9it1s] {
    color: #52923a;
    font-size: 40px;
}

.cost-change-title[b-yalqm9it1s] {
    font-size: 16px;
}

.cost-change-arrow[b-yalqm9it1s] {
    fill: #52923a;
    margin-top: -5px;
    margin-left: -10px;
}

.add-comment-btn[b-yalqm9it1s]{
    position:absolute;
    top:750px;
    left:775px;
}

.percent-change[b-yalqm9it1s] {
    position: absolute;
    top: 25vh;
    left: 44vw;
    width: 13vw;
    text-align: center;
}

.percent-change-icon[b-yalqm9it1s] {
    height: 4vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.percent-change-number[b-yalqm9it1s] {
    font-size: 2vw;
}

.percent-change-title[b-yalqm9it1s] {
    font-size: 1vw;
}

.unit-change[b-yalqm9it1s] {
    position: absolute;
    top: 550px;
    left: 875px;
    width: 300px;
    text-align: center;
}

.unit-change-icon[b-yalqm9it1s] {
    height: 4vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.unit-change-number[b-yalqm9it1s] {
    font-size: 2vw;
}

.unit-change-title[b-yalqm9it1s] {
    font-size: 1vw;
}

.annualized-dollar-change[b-yalqm9it1s] {
    position: absolute;
    top: 45vh;
    left: 44vw;
    width: 13vw;
    text-align: center;
}

.annualized-dollar-change-icon[b-yalqm9it1s] {
    height: 4vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.annualized-dollar-change-number[b-yalqm9it1s] {
    font-size: 2vw;
}

.annualized-dollar-change-title[b-yalqm9it1s] {
    font-size: 1vw;
}

.annualized-unit-change[b-yalqm9it1s] {
    position: absolute;
    top: 35vh;
    left: 44vw;
    width: 13vw;
    text-align: center;
}

.annualized-unit-change-icon[b-yalqm9it1s] {
    height: 4vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.annualized-unit-change-number[b-yalqm9it1s] {
    font-size: 2vw;
}

.annualized-unit-change-title[b-yalqm9it1s] {
    font-size: 1vw;
}

.dividing-line1[b-yalqm9it1s] {
    position: absolute;
    top: 55vh;
    left:43vw;
    border: none;
    border-top: 4px solid grey;
    width: 300px;
    margin: 20px auto;
}

.pie-chart-overlay[b-yalqm9it1s] {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 102px;
    height: 102px;
    border: 2px solid grey;
    border-radius: 50%;
    pointer-events: none;
    box-sizing: border-box;
}

.pie-chart-title[b-yalqm9it1s]{
    position:absolute;
    left:-100px;
    width:100px;
    top:50px;

}

.pie-chart-circle[b-yalqm9it1s]{
    padding-left:20px;
    padding-top:20px;
}

.utility-info-btn[b-yalqm9it1s]{
    position:absolute;
    left:15vw;
    top:11vh;
}

.area-info-btn[b-yalqm9it1s]{
    position:absolute;
    left:55vw;
    top:11vh;
    z-index: 8;
}
/* _content/TenXTL/Pages/Portal/Performance/Performers.razor.rz.scp.css */
.charts-container[b-3lebj42a94] {
    position: absolute;
    display: flex;
    left: 3vw;
    justify-content: flex-start;
}

.performers-period-select[b-3lebj42a94] {
    position: absolute;
    width: 10vw;
    left: 4vw;
}


.top-performers[b-3lebj42a94] {
    position:absolute;
    top:8vh;
    width: 25vw;
}

.performance-killers[b-3lebj42a94] {
    position: absolute;
    top: 8vh;
    left:25vw;
    width: 25vw;
    margin-left: 2vw;
}

.performers-labels[b-3lebj42a94]{
    text-align:left
}

.top-performers-ranking[b-3lebj42a94] {
    position: absolute;
    top: 8vh;
    left: -1vw;
    font-size:1vw;
}

.performance-killers-ranking[b-3lebj42a94] {
    position: absolute;
    top: 8vh;
    left: 25vw;
    font-size: 1vw;
}

.performers-info-btn[b-3lebj42a94] {
    position: absolute;
    left: 15vw;
    top: 2vh;
    z-index: 5;
}


/* _content/TenXTL/Pages/Portal/Performance/ProductionChangeDisplay.razor.rz.scp.css */
.production-change[b-p5fw7cmv2t] {
    position: absolute;
    top: 26vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.production-change-icon[b-p5fw7cmv2t] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.production-change-number[b-p5fw7cmv2t] {
    font-size: 2vw;
}

.production-change-title[b-p5fw7cmv2t] {
    color: black;
    font-size: 1vw;
}
/* _content/TenXTL/Pages/Portal/Performance/TotalElectricity.razor.rz.scp.css */
.total-electricity[b-e64xgretaz] {
    position: absolute;
    top: 3vh;
    left:-5vw;
    width: 42vw;
}

.total-electricity-metric[b-e64xgretaz] {
    position: absolute;
    top: 20vh;
    left: 30vw;
    text-align: center;
}

.total-electricity-number[b-e64xgretaz] {
    color: black;
    font-size: 2vw;
}

.total-electricity-title[b-e64xgretaz] {
    color: black !important;
    font-size: 1vw;
}

.ytd-info-btn[b-e64xgretaz] {
    position: absolute;
    top: 3vh;
    left: 51vw;
    z-index: 8
}

.consumption-change[b-e64xgretaz] {
    position: absolute;
    top: 13vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.consumption-change-icon[b-e64xgretaz] {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-e64xgretaz] {
    font-size: 2vw;
}

.consumption-change-title[b-e64xgretaz] {
    color:black;
    font-size: 1vw;
}

.performance-change[b-e64xgretaz] {
    position: absolute;
    top: 2vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.performance-change-icon[b-e64xgretaz] {
    height: 3vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.performance-change-number[b-e64xgretaz] {
    font-size: 2vw;
}

.performance-change-title[b-e64xgretaz] {
    color: black;
    font-size: 1vw;
}

.production-change[b-e64xgretaz] {
    position: absolute;
    top: 25vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.production-change-icon[b-e64xgretaz] {
    height: 4vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.production-change-number[b-e64xgretaz] {
    font-size: 2vw;
}

.production-change-title[b-e64xgretaz] {
    color: black;
    font-size: 1vw;
}

.percent-difference-metric[b-e64xgretaz] {
    position: absolute;
    top: 300px;
    left: 625px;
    width: 225px;
    text-align: center;
}

.percent-difference-title[b-e64xgretaz] {
    color: black;
    font-size: 1vw;
}

.dividing-line1[b-e64xgretaz] {
    position: absolute;
    top: 22vh;
    left: 43vw;
    border: none;
    border-top: .3vw solid grey;
    width: 10vw;
}
/* _content/TenXTL/Pages/Portal/Performance/TotalEnergy.razor.rz.scp.css */
.total-energy[b-bettyp2xky] {
    position: absolute;
    top: 3vh;
    left: -5vw;
    width: 42vw;
}

.ytd-info-btn[b-bettyp2xky] {
    position: absolute;
    top: 3vh;
    left: 51vw;
    z-index: 8
}

.consumption-change[b-bettyp2xky] {
    position: absolute;
    top: 13vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.consumption-change-icon[b-bettyp2xky] {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-bettyp2xky] {
    font-size: 2vw;
}

.consumption-change-title[b-bettyp2xky] {
    color: black;
    font-size: 1vw;
}

.performance-change[b-bettyp2xky] {
    position: absolute;
    top: 2vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.performance-change-icon[b-bettyp2xky] {
    height: 3vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.performance-change-number[b-bettyp2xky] {
    font-size: 2vw;
}

.performance-change-title[b-bettyp2xky] {
    color: black;
    font-size: 1vw;
}

.production-change[b-bettyp2xky] {
    position: absolute;
    top: 25vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.production-change-icon[b-bettyp2xky] {
    height: 4vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.production-change-number[b-bettyp2xky] {
    font-size: 2vw;
}

.production-change-title[b-bettyp2xky] {
    color: black;
    font-size: 1vw;
}

.percent-difference-metric[b-bettyp2xky] {
    position: absolute;
    top: 300px;
    left: 625px;
    width: 225px;
    text-align: center;
}

.percent-difference-title[b-bettyp2xky] {
    color: black;
    font-size: 1vw;
}

.dividing-line1[b-bettyp2xky] {
    position: absolute;
    top: 22vh;
    left: 43vw;
    border: none;
    border-top: .3vw solid grey;
    width: 10vw;
}
/* _content/TenXTL/Pages/Portal/Performance/TotalGasFuel.razor.rz.scp.css */
.total-gas[b-n7uznkkwea] {
    position: absolute;
    top: 30px;
    left: -5vw;
    width: 42vw;
}

.ytd-info-btn[b-n7uznkkwea] {
    position: absolute;
    top: 3vh;
    left: 51vw;
    z-index: 8
}

.total-gas-metric[b-n7uznkkwea] {
    position: absolute;
    top: 20vh;
    left: 30vw;
    text-align: center;
}

.total-gas-number[b-n7uznkkwea] {
    color: black;
    font-size: 2vw;
}

.total-gas-title[b-n7uznkkwea] {
    color: black;
    font-size: 1vw;
}

.consumption-change[b-n7uznkkwea] {
    position: absolute;
    top: 13vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.consumption-change-icon[b-n7uznkkwea] {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-n7uznkkwea] {
    font-size: 2vw;
}

.consumption-change-title[b-n7uznkkwea] {
    color: black;
    font-size: 1vw;
}

.performance-change[b-n7uznkkwea] {
    position: absolute;
    top: 2vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.performance-change-icon[b-n7uznkkwea] {
    height: 3vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.performance-change-number[b-n7uznkkwea] {
    font-size: 2vw;
}

.performance-change-title[b-n7uznkkwea] {
    color: black;
    font-size: 1vw;
}

.production-change[b-n7uznkkwea] {
    position: absolute;
    top: 25vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.production-change-icon[b-n7uznkkwea] {
    height: 4vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.production-change-number[b-n7uznkkwea] {
    font-size: 2vw;
}

.production-change-title[b-n7uznkkwea] {
    color: black;
    font-size: 1vw;
}

.percent-difference-metric[b-n7uznkkwea] {
    position: absolute;
    top: 300px;
    left: 625px;
    width: 225px;
    text-align: center;
}

.percent-difference-title[b-n7uznkkwea] {
    color: black;
    font-size: 1vw;
}

.dividing-line1[b-n7uznkkwea] {
    position: absolute;
    top: 22vh;
    left: 43vw;
    border: none;
    border-top: .3vw solid grey;
    width: 10vw;
}
/* _content/TenXTL/Pages/Portal/Performance/TotalProduction.razor.rz.scp.css */
.total-production[b-ttol3h6q2j] {
    position: absolute;
    top: 3vh;
    left: -5vw;
    width: 42vw;
}

.ytd-info-btn[b-ttol3h6q2j] {
    position: absolute;
    top: 3vh;
    left: 51vw;
    z-index: 8
}

.total-production-metric[b-ttol3h6q2j] {
    position: absolute;
    top: 20vh;
    left: 30vw;
    text-align: center;
}

.total-production-number[b-ttol3h6q2j] {
    color: black;
    font-size: 2vw;
}

.total-production-title[b-ttol3h6q2j] {
    color: black;
    font-size: 1vw;
}

.production-change[b-ttol3h6q2j] {
    position: absolute;
    top: 2vh;
    left: 38vw;
    width: 20vw;
    text-align: center;
}

.production-change-icon[b-ttol3h6q2j] {
    height: 7vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.production-change-number[b-ttol3h6q2j] {
    font-size: 2vw;
}

.production-change-title[b-ttol3h6q2j] {
    color: black;
    font-size: 1vw;
}

.percent-difference-metric[b-ttol3h6q2j] {
    position: absolute;
    top: 2vh;
    left: 29vw;
    width: 20vw;
    text-align: center;
}

.percent-difference-title[b-ttol3h6q2j] {
    color: black;
    font-size: 1vw;
}
/* _content/TenXTL/Pages/Portal/Performance/UnitCost.razor.rz.scp.css */
.unit-cost-selector[b-ijflro1dsm]{
    position:absolute;
    top:1vh;
    width:13vw;
}

.cost-per-unit-info-btn[b-ijflro1dsm] {
    position: absolute;
    top: 2vh;
    left: 13vw;
}
.unit-cost[b-ijflro1dsm] {
    position: absolute;
    top: 75px;
    width:45vw;
    height:10vh;
}

.unit-cost-title[b-ijflro1dsm]{
    position:absolute;
    left:17vw;
    top:1vw;
    width:30vw;
    font-size:1.4vw;
    text-align:right;
    color:black;
}

.consumption-change[b-ijflro1dsm] {
    position: absolute;
    top: 125px;
    left: 625px;
    width: 225px;
    text-align: center;
}

.consumption-change-icon[b-ijflro1dsm] {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.consumption-change-number[b-ijflro1dsm] {
    font-size: 40px;
}

.consumption-change-title[b-ijflro1dsm] {
    color: black;
    font-size: 16px;
}

.performance-change[b-ijflro1dsm] {
    position: absolute;
    top: 25px;
    left: 625px;
    width: 225px;
    text-align: center;
}

.performance-change-icon[b-ijflro1dsm] {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.performance-change-number[b-ijflro1dsm] {
    font-size: 40px;
}

.performance-change-title[b-ijflro1dsm] {
    color: black;
    font-size: 16px;
}

.production-change[b-ijflro1dsm] {
    position: absolute;
    top: 225px;
    left: 625px;
    width: 225px;
    text-align: center;
}

.production-change-icon[b-ijflro1dsm] {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.production-change-number[b-ijflro1dsm] {
    font-size: 40px;
}

.production-change-title[b-ijflro1dsm] {
    color: black;
    font-size: 16px;
}

.percent-difference-metric[b-ijflro1dsm] {
    position: absolute;
    top: 300px;
    left: 625px;
    width: 225px;
    text-align: center;
}

.percent-difference-title[b-ijflro1dsm] {
    color: black;
    font-size: 16px;
}

.dividing-line1[b-ijflro1dsm] {
    position: absolute;
    top: 195px;
    left: 640px;
    border: none;
    border-top: 4px solid grey;
    width: 200px;
    margin: 20px auto;
}
/* _content/TenXTL/Pages/Portal/Reports.razor.rz.scp.css */
.background-box[b-rcoh22cokr] {
    position: absolute;
    z-index:-1;
    top: 12vh;
    width: 60vw;
    height: 73.5vh;
}

.client-logo[b-rcoh22cokr] {
    position: absolute;
    left: 22vw;
    top: 60vh;
    width: 20vw;
}

.background-arrow[b-rcoh22cokr] {
    position: absolute;
    z-index: -2;
    top: 160px;
    left: -16px;
    width: 1851px;
    height: 351px;
}

.background-arrow-head[b-rcoh22cokr] {
    position: absolute;
    z-index: -1;
    top: 114px;
    left: 1780px;
    width: 57px;
    height: 116px;
}

.reports-carousel[b-rcoh22cokr] {
    position: absolute;
    left: 25vw;
    top: 0vh;
}

.select-file-title[b-rcoh22cokr] {
    position: absolute;
    font-size: 1.75vw;
    top: 15vh;
    left: 25vw;
}

.select-file-select[b-rcoh22cokr] {
    position: absolute;
    top: 20vh;
    left: 19vw;
    width: 25vw;
    height: 5vh;
}

.select-site-title[b-rcoh22cokr] {
    position: absolute;
    font-size: 1.75vw;
    top: 30vh;
    left: 27vw;
}

.site-selector[b-rcoh22cokr] {
    position: absolute;
    top: 35vh;
    left: 19vw;
    width: 25vw;
}

.date-select-title1[b-rcoh22cokr] {
    position: absolute;
    font-size: 1.75vw;
    top: 45vh;
    left: 19vw;
}

.date-selector-reporting[b-rcoh22cokr] {
    position: absolute;
    display: flex;
    left: 15vw;
    top: 50vh;
}

.date-select-month[b-rcoh22cokr] {
    width: 7vw;
    margin-right: 2px;
}

.date-select-year[b-rcoh22cokr] {
    width: 7vw;
    margin-right: 5vw;
}

.date-selector-baseline[b-rcoh22cokr] {
    position: absolute;
    display: flex;
    left: 20vw;
    top: 642px;
}

.from-date1[b-rcoh22cokr] {
    position: absolute;
    top: 468px;
    left: 229px;
    width: 318px;
    height: 50px;
}

.until-date1[b-rcoh22cokr] {
    position: absolute;
    top: 468px;
    left: 635px;
    width: 318px;
    height: 50px;
}

.date-select-title2[b-rcoh22cokr] {
    position: absolute;
    font-size: 30px;
    top: 588px;
    left: 374px;
    width: 500px;
    height: 30px;
}

.from-date2[b-rcoh22cokr] {
    position:absolute;
    top: 642px;
    left: 229px;
    width: 318px;
    height: 50px;
}

.until-date2[b-rcoh22cokr] {
    position:absolute;
    top: 642px;
    left: 635px;
    width: 318px;
    height: 50px;
}

.continue-btn[b-rcoh22cokr] {
    position: absolute;
    top: 72vh;
    left: 22vw;
    width: 20vw;
}

.background-box2[b-rcoh22cokr] {
    position: absolute;
    width: 63vw;
    height: 100vh;
    top: 106px;
}

.loading-bar[b-rcoh22cokr] {
    position: absolute;
    top: 70vh;
    height: 1vh;
    width: 50vw;
    left: 5vw;
    z-index: 10;
}

.master-report-table[b-rcoh22cokr] {
    position: absolute;
    top: 25vh;
    left: 4vw;
    width: 55vw;
}

.yearly-comparison-table[b-rcoh22cokr] {
    position: absolute;
    top: 200px;
    left: 75px;
}

.export-excel-btn[b-rcoh22cokr] {
    position: absolute;
    top: 18vh;
    left: 50vw;
    width: 10vw;
}


.back-btn[b-rcoh22cokr] {
    position: absolute;
    top: 18vh;
    left: 5vw;
    width: 15vw;
}

.footer[b-rcoh22cokr] {
    position: absolute;
    top: 120vh;
    left: 0vw;
    width: 100vw;
}
/* _content/TenXTL/Pages/Portal/Review.razor.rz.scp.css */
.arrow[b-1n0676p59w] {
    position: absolute;
    z-index: -2;
    top: 375px;
    left: -15px;
    width: 1640px;
    height: 292px;
}

.background-box[b-1n0676p59w] {
    position: absolute;
    z-index: -1;
    top: 15vh;
    left: 27vw;
    width: 61vw;
    height: 130vh;
}

.review-carousel[b-1n0676p59w] {
    position: absolute;
    left: 29vw;
    top: 20vh;
}

.company-logo[b-1n0676p59w] {
    position: absolute;
    left: 45vw;
    width: 25vw;
    top: 130vh;
}

.summary-textbox[b-1n0676p59w] {
    position: absolute;
    top: 0vh;
    left: 6vw;
    width: 45vw;
    height: 5vh;
}

.summary-text[b-1n0676p59w] {
    text-align: center;
    font-size: 1.6vw;
}

.dividing-line1[b-1n0676p59w] {
    position: absolute;
    color: #afafaf;
    opacity: 1;
    top: 12vh;
    left: .5vw;
    width: 55vw;
    height: .5vh;
}

.approval-table[b-1n0676p59w] {
    position: absolute;
    z-index: 1;
    top: 17vh;
    left: .5vw;
    width: 55vw;
    height: 60vh;
}

.back-btn[b-1n0676p59w] {
    position: absolute;
    top: 4vh;
    left: 3vw;
}

.call-btn[b-1n0676p59w] {
    position: absolute;
    top: 4vh;
    left: 45vw;
}

.accept-btn[b-1n0676p59w] {
    position: absolute;
    top: 100vh;
    left: 48vw;
}

.override-btn[b-1n0676p59w] {
    position: absolute;
    top: 4vh;
    left: 37vw;
}

.review-title[b-1n0676p59w] {
    position: absolute;
    top: 4vh;
    left: 10vw;
}

.review-info-btn[b-1n0676p59w] {
    position: absolute;
    top: 4.5vh;
    left: 16vw;
}

.review-summary-text[b-1n0676p59w] {
    position: relative;
    top: 11vh;
    left: 15vw;
    font-size:2vw;
}

.graph-type-select[b-1n0676p59w] {
    position: absolute;
    width: 23vw;
    top: 14vh;
    left: 30vw;
}

.site-selector[b-1n0676p59w] {
    position: absolute;
    top: 14vh;
    left: 1.5vw;
    width: 23vw;
}

.reconciliation-table[b-1n0676p59w] {
    position: absolute;
    top: 23vh;
    left: 1.5vw;
    width: 23vw;
}

.totals-table[b-1n0676p59w] {
    position: absolute;
    top: 23vh;
    left: 30vw;
    width: 23vw;
}

.review-chart[b-1n0676p59w] {
    position: absolute;
    top: 65vh;
    left: 0vw;
    width: 54vw;
    height: 25vh;
}

.footer[b-1n0676p59w] {
    position: absolute;
    top: 150vh;
    left: 0vw;
    width: 100vw;
    height: 20vh;
}
/* _content/TenXTL/Pages/Portal/ReviewSelectFile.razor.rz.scp.css */
.summary-text[b-xlpfj1ow7e] {
    text-align:center;
    font-size:32px;
    line-height:90%;
}

.pending[b-xlpfj1ow7e] {
    width: 100%;
}

.energy-select[b-xlpfj1ow7e] {
    --mud-palette-primary: #2e7d32;
}

.date-selector[b-xlpfj1ow7e] {
}

.arrow[b-xlpfj1ow7e] {
    position: absolute;
    z-index: -2;
    top: 380px;
    left: -15.898193359375px;
    width: 1858px;
    height: 345px;
}

.square[b-xlpfj1ow7e] {
    position: absolute;
    z-index: -1;
    top: 166px;
    left: 518px;
    width: 1164px;
    height: 694px;
}

.inside-box[b-xlpfj1ow7e] {
    position: absolute;
    top: 210px;
    left: 600px;
    width: 1000px;
    height: 694px;
}

.select-column-1[b-xlpfj1ow7e] {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 243px;
    height: 304px;
}

.select-column-2[b-xlpfj1ow7e] {
    position: absolute;
    top: 100px;
    left: 400px;
    width: 261px;
    height: 304px;
}

.select-column-3[b-xlpfj1ow7e] {
    position: absolute;
    top: 100px;
    left: 800px;
    width: 250px;
    height: 304px;
}

.select-file-status[b-xlpfj1ow7e] {
    position: absolute;
    top: 702px;
    left: 872px;
    width: 456px;
    height: 57px;
    --mud-palette-primary: #2e7d32;
}

.continue-btn[b-xlpfj1ow7e] {
    position: absolute;
    top: 812px;
    left: 907px;
    width: 387px;
    height: 93px;
}

.footer[b-xlpfj1ow7e] {
    position: absolute;
    top: 900px;
    left: 0px;
    width: 100vw;
    height: 200px;
}
/* _content/TenXTL/Pages/Portal/UploadFiles.razor.rz.scp.css */

.welcome[b-puu9y2o533] {
    position: absolute;
    top: 0vh;
    left: -10vw;
    width: 42vw;
    height: 10vh;
    font-size: 2.5vw;
    text-align: center;
}

.client-logo[b-puu9y2o533] {
    position: absolute;
    left: 35vw;
    width:20vw;
    top: 1vh;
}

.upload-carousel[b-puu9y2o533] {
    position: absolute;
    left: 30vw;
    top: 20vh;
}

.upload-buttons[b-puu9y2o533] {
    position: absolute;
    top: 58vh;
    left: 0vw;
    width: 208px;
    height: 63px;
}

.upload-box[b-puu9y2o533] {
    position: absolute;
    z-index: 1;
    top: 10vh;
    left: 0vh;
    width: 55vw;
    height:20vh;
}

.upload-image[b-puu9y2o533] {
    position: absolute;
    z-index: 2;
    top: 20vh;
    left: 25vw;
    width: 5vw;
}

.arrow[b-puu9y2o533] {
    position: absolute;
    z-index: -2;
    top: 265px;
    left: -16.240234375px;
    width: 1870px;
    height: 526px;
}

.box[b-puu9y2o533] {
    position: absolute;
    z-index: -1;
    top: -5vh;
    left: -5vw;
    width: 65vw;
    height: 75vh;
}

.upload-text[b-puu9y2o533] {
    position: absolute;
    color:black;
    z-index: 2;
    top: 32vh;
    left: 16vw;
    width: 25vw;
    height: auto;
    text-align: center;
    font-size: 2vw;
}

.choose-file-image[b-puu9y2o533] {
    position: absolute;
    z-index: 2;
    top: 42vh;
    left: 20vw;
    width: 18vw;
}

.max-file-size[b-puu9y2o533] {
    position: absolute;
    z-index: 2;
    font-size:12px;
    top: 52vh;
    left: 25vw;
    width: 300px;
    height: auto;
}

.footer[b-puu9y2o533] {
    position: absolute;
    top: 100vh;
    left: 0vw;
    width: 100vw;
}
/* _content/TenXTL/Pages/Portal/Welcome.razor.rz.scp.css */
.arrow[b-nd1a76ovgu] {
    z-index:-2;
    position: absolute;
    top: 150px;
    left: -16.5px;
    width: 545px;
    height: 549px;
}

.background-box[b-nd1a76ovgu] {
    position:absolute;
    z-index:-1;
    top: 129px;
    left: 430px;
    width: 1369px;
    height: 2556px;
}

.reporting-performance[b-nd1a76ovgu] {
    position:absolute;
    top: 230px;
    left: 508px;
    width: 1213px;
    height: 123px;
}

.summary-text[b-nd1a76ovgu] {
    position:absolute;
    font-size: 28px;
    top: 338px;
    left: 508px;
    width: 1051px;
    height: 29px;
}

.date-select-year[b-nd1a76ovgu]{
    position:absolute;
    left:900px;
    top:320px;
}

.total-reporting-performance-box[b-nd1a76ovgu] {
    position: absolute;
    border: 16px solid #AFAFAF;
    border-radius: 63px;
    background-color: white;
    top: 402px;
    left: 1340px;
    width: 523px;
    height: 285px;
}

.total-reporting-performance-title[b-nd1a76ovgu] {
    position: absolute;
    font-size: 20px;
    top: 420px;
    left: 1470px;
    width: 600px;
    height: 43px;
}

.cost-reconciliation[b-nd1a76ovgu] {
    position: absolute;
    top: 424px;
    left: 550px;
    width: 850px;
    height: 487px;
}

.approval-table[b-nd1a76ovgu] {
    position: absolute;
    top: 994px;
    left: 500px;
    width: 1250px;
    height: 750px;
}
.green-up-icon-container[b-nd1a76ovgu] {
    position: absolute;
    top: 464px;
    left: 1640px;
    width: 200px;
}

.green-up-icon[b-nd1a76ovgu]{
    width:200px;
}

.received-text1[b-nd1a76ovgu] {
    position: absolute;
    z-index: 3;
    font-size: 40px;
    color: white;
    top: 50px;
    left: 35px;
    width: 167px;
    height: 93px;
}

.received-text2[b-nd1a76ovgu] {
    position: absolute;
    z-index: 3;
    font-size: 20px;
    color: white;
    top: 100px;
    left: 30px;
    width: 167px;
    height: 93px;
}

.orange-up-icon-container[b-nd1a76ovgu] {
    position: absolute;
    top: 464px;
    left: 1412px;
    width: 341px;
}

.approved-text1[b-nd1a76ovgu] {
    position: absolute;
    z-index: 3;
    font-size: 40px;
    color: white;
    top: 50px;
    left: 35px;
    width: 167px;
    height: 93px;
}

.approved-text2[b-nd1a76ovgu] {
    position: absolute;
    z-index: 3;
    font-size: 20px;
    color: white;
    top: 100px;
    left: 25px;
    width: 167px;
    height: 93px;
}

.orange-up-icon[b-nd1a76ovgu] {
    width: 200px;
    transform: scaleX(-1) rotate(150deg);
}

.dividing-line1[b-nd1a76ovgu] {
    position: absolute;
    color: #afafaf;
    opacity: 1;
    top: 1710px;
    left: 497px;
    width: 1237px;
    height: 16px;
}

.historical-reporting-completeness[b-nd1a76ovgu] {
    position: absolute;
    top: 1850px;
    left: 500px;
    width: 1250px;
    height: 588px;
}

.dividing-line2[b-nd1a76ovgu] {
    position: absolute;
    color: #afafaf;
    opacity: 1;
    top: 2700px;
    left: 497px;
    width: 1237px;
    height: 16px;
}

.site-receipt-list[b-nd1a76ovgu] {
    position: absolute;
    top: 2800px;
    left: 500px;
    width: 1250px;
    height: 588px;
}

.review-process[b-nd1a76ovgu] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.review-selectors[b-nd1a76ovgu] {
    display: flex;
    justify-content: center;
    gap: 20px; /* Adjust the space between each MudSelect as needed */
    margin: 20px 0; /* Adjust top and bottom margin as needed */
}

.add-customer-data-with-review-btn[b-nd1a76ovgu] {
    display: flex;
    justify-content: center;
    margin-top: 20px; /* Adjust top margin as needed */
}





.footer[b-nd1a76ovgu] {
    position: absolute;
    top: 2650px;
    left: 0px;
    width: 100vw;
    height: 200px;
}
/* _content/TenXTL/Pages/Website/AboutUs.razor.rz.scp.css */
.header-text[b-vnzm2e90j8] {
    position:absolute;
    top: 110px;
    left: 304px;
    width: 595px;
    height: 148px;
    font-size: 38px;
    text-align:right;
}

.header-paragraph[b-vnzm2e90j8] {
    position: absolute;
    top: 120px;
    left: 951px;
    width: 536px;
    height: 126px;
    font-size:21px;
}

.background-grey-box[b-vnzm2e90j8] {
    position: absolute;
    z-index: -2;
    border-radius: 121px;
    background-position: left top;
    background-repeat: repeat;
    opacity:90%;
    top: 0px;
    left: 325px;
    width: 1270px;
    height: 2393px;
    background-color: #f2f2f2;
}

.down-right-arrow1[b-vnzm2e90j8] {
    position:absolute;
    top: 0px;
    left: 103px;
    width: 688px;
    height: 504px;
    z-index:1;
}

.sustainable-graphic[b-vnzm2e90j8] {
    position: absolute;
    top: 477px;
    left: 3px;
    width: 1917px;
    height: 706px;
}

.text1[b-vnzm2e90j8] {
    position:absolute;
    top: 1299px;
    left: 446px;
    width: 999px;
    height: 174px;
}

.dividing-line1[b-vnzm2e90j8] {
    position: absolute;
    top: 1555px;
    left: 682px;
    width: 557px;
    height: 5px;
    color: #020202;
}

.text2[b-vnzm2e90j8] {
    position: absolute;
    top: 1615px;
    left: 446px;
    width: 999px;
    height: 207px;
}

.text1-header[b-vnzm2e90j8]{
    font-size:36px
}

.text1-body[b-vnzm2e90j8]{
    font-size:26px
}

.e-in-esg-image[b-vnzm2e90j8] {
    position:absolute;
    top: 1730px;
    left: 892px;
    width: 517px;
    height: 293px;
}
.dividing-line2[b-vnzm2e90j8] {
    position: absolute;
    top: 1991px;
    left: 682px;
    width: 557px;
    height: 5px;
    color: #020202;
}

.text3[b-vnzm2e90j8] {
    position:absolute;
    top: 2052px;
    left: 446px;
    width: 999px;
    height: 207px;
}

.down-left-arrow1[b-vnzm2e90j8] {
    position: absolute;
    z-index:-3;
    top: 2240px;
    left: 1050px;
    width: 666px;
    height: 381px;
}

.meet-the-team[b-vnzm2e90j8] {
    position: absolute;
    top: 2510px;
    left: 325px;
    width: 817px;
    height: 96px;
    font-size:98px;
}

.team1[b-vnzm2e90j8] {
    position: absolute;
    top: 2652px;
    left: 325px;
    width: 1271px;
    height: 660px;
}

.team2[b-vnzm2e90j8] {
    position: absolute;
    top: 3312px;
    left: 325px;
    width: 1271px;
    height: 645px;
}

.team3[b-vnzm2e90j8] {
    position:absolute;
    top: 3956px;
    left: 325px;
    width: 1271px;
    height: 605px;
}

.team4[b-vnzm2e90j8] {
    position: absolute;
    top: 4561px;
    left: 325px;
    width: 1271px;
    height: 605px;
}

.team5[b-vnzm2e90j8] {
    position: absolute;
    top: 5147px;
    left: 325px;
    width: 1271px;
    height: 605px;
}

.team6[b-vnzm2e90j8] {
    position: absolute;
    top: 5733px;
    left: 325px;
    width: 1271px;
    height: 605px;
}

.team7[b-vnzm2e90j8] {
    position: absolute;
    top: 6319px;
    left: 325px;
    width: 1271px;
    height: 605px;
}


.team-image[b-vnzm2e90j8]{
    position:absolute;
    height:auto;
    width:440px;
}

.team-top-bar[b-vnzm2e90j8] {
    position: absolute;
    background-color: #ededed;
    top: 0px;
    width: 1271px;
    height: 50px;
}

.team-text[b-vnzm2e90j8] {
    position: absolute;
    top: 75px;
    left: 500px;
}

.team-title[b-vnzm2e90j8]{
    font-size:22px;
}

.team-body[b-vnzm2e90j8]{
    font-size:16px;
}

.request-demo-btn[b-vnzm2e90j8] {
    position: absolute;
    top: 6848px;
    left: 1026px;
    width: 328px;
    height: 85px;
}

.request-demo-btn-image[b-vnzm2e90j8] {
    width: 328px;
    height: 85px;
}

.contact-box[b-vnzm2e90j8] {
    position: absolute;
    border-radius: 121px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 7001px;
    left: 325px;
    width: 1270px;
    height: 1130px;
}

.contact-box-contents[b-vnzm2e90j8] {
    position: absolute;
    top: 100px;
}

.map[b-vnzm2e90j8] {
    position: absolute;
    top: 0px;
    left: 428px;
    width: 725px;
    height: auto;
}

.contact-title[b-vnzm2e90j8] {
    position: absolute;
    top: 0px;
    left: 101px;
    width: 817px;
    height: 48px;
    text-align: left;
}

.contact-header-text[b-vnzm2e90j8] {
    position: absolute;
    text-align: left;
    top: 55px;
    left: 104px;
    width: 341px;
    height: 347px;
    font-size: 24px;
}

.contact-header-paragraph[b-vnzm2e90j8] {
    position: absolute;
    top: 134px;
    left: 541px;
    width: 611px;
    height: 200px;
    font-size: 30px;
    text-align: right;
}

.inputs[b-vnzm2e90j8] {
    position: absolute;
    top: 376px;
    left: 101px;
    width: 1053px;
    --mud-palette-primary: #2e7d32;
}

.name[b-vnzm2e90j8] {
    position: absolute;
    width: 1111px;
    height: 31px;
}

.email[b-vnzm2e90j8] {
    position: absolute;
    width: 1111px;
    height: 31px;
}

.phone[b-vnzm2e90j8] {
    position: absolute;
    width: 1111px;
    height: 31px;
}

.company[b-vnzm2e90j8] {
    position: absolute;
    width: 1111px;
    height: 31px;
}

.body[b-vnzm2e90j8] {
    position: absolute;
    width: 1111px;
    height: 427px;
}

.required[b-vnzm2e90j8] {
    position: absolute;
    top: 950px;
    left: 139px;
    width: 101px;
    height: 31px;
    font-size: 16px;
}

.submit[b-vnzm2e90j8] {
    position: absolute;
    top: 941px;
    left: 842px;
}

.footer[b-vnzm2e90j8] {
    position: absolute;
    top: 8248px;
    left: 0px;
    width: 100vw;
    height: 200px;
}






/* _content/TenXTL/Pages/Website/Contact.razor.rz.scp.css */
.background-graphic[b-8gew9fmclb] {
    position:absolute;
    z-index:-2;
    top: 300px;
    left: -56px;
    width: 2035px;
    height: 750px;
}



.loading-text[b-8gew9fmclb]{
    font-size:20px;
}

.contact-box[b-8gew9fmclb] {
    position: absolute;
    border-radius: 121px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: -80.5px;
    left: 325px;
    width: 1270px;
    height: 1260px;
}

.contact-box-contents[b-8gew9fmclb] {
    position: absolute;
    top: 100px;
}

.map[b-8gew9fmclb] {
    position: absolute;
    top: 132px;
    left: 428px;
    width: 725px;
    height: auto;
}

.contact-title[b-8gew9fmclb] {
    position: absolute;
    top: 120px;
    left: 101px;
    width: 817px;
    height: 48px;
    text-align: left;
}

.contact-header-text[b-8gew9fmclb] {
    position: absolute;
    text-align: left;
    top: 175px;
    left: 104px;
    width: 341px;
    height: 347px;
    font-size: 24px;
}

.contact-header-paragraph[b-8gew9fmclb] {
    position: absolute;
    top: 134px;
    left: 541px;
    width: 611px;
    height: 200px;
    font-size: 30px;
    text-align: right;
}

.inputs[b-8gew9fmclb] {
    position: absolute;
    top: 517px;
    left: 101px;
    width: 1053px;
    --mud-palette-primary: #2e7d32;
}

.name[b-8gew9fmclb] {
    position: absolute;
    width: 1111px;
    height: 31px;
}

.email[b-8gew9fmclb] {
    position: absolute;
    width: 1111px;
    height: 31px;
}

.phone[b-8gew9fmclb] {
    position: absolute;
    width: 1111px;
    height: 31px;
}

.company[b-8gew9fmclb] {
    position: absolute;
    width: 1111px;
    height: 31px;
}

.body[b-8gew9fmclb] {
    position: absolute;
    width: 1111px;
    height: 427px;
}

.required[b-8gew9fmclb] {
    position: absolute;
    font-size: 16px;
    top: 1089px;
    left: 139px;
    width: 101px;
    height: 31px;
}

.submit[b-8gew9fmclb] {
    position: absolute;
    top: 1080px;
    left: 842px;
}

.footer[b-8gew9fmclb] {
    position: absolute;
    top: 1250px;
    left: 0px;
    width: 100vw;
    height: 200px;
}
/* _content/TenXTL/Pages/Website/Index.razor.rz.scp.css */
.tenxtl-logo[b-5ppizl7mvs] {
    position: absolute;
    top: 235px;
    left: 299px;
    width: 396px;
    height: 232px;
}

.splash-image[b-5ppizl7mvs] {
    position: absolute;
    top: 0px;
    left: 784px;
    width: 1258px;
    height: 1092px;
}

.sustain-reporting-title[b-5ppizl7mvs] {
    position: absolute;
    top: 533px;
    left: 167px;
    width: 661px;
    text-align: center;
    font-size: 28px;
}

.sustain-reporting-body[b-5ppizl7mvs] {
    position: absolute;
    top: 568px;
    left: 253px;
    width: 480px;
    text-align: center;
    font-size: 18px;
}

.left-down-arrow1[b-5ppizl7mvs] {
    position: absolute;
    z-index: 1;
    top: 777px;
    left: 843px;
    width: 217px;
    height: 318px;
}

.dividing-bar[b-5ppizl7mvs] {
    position: absolute;
    top: 1086px;
    left: 0px;
    width: 100vw;
    height: 53px;
}

.stock-image-1[b-5ppizl7mvs] {
    position: absolute;
    top: 1224px;
    left: 325px;
    width: 1270px;
    height: 468px;
}

.right-down-arrow1[b-5ppizl7mvs] {
    position: absolute;
    z-index: 2;
    top: 1393px;
    left: 800px;
    width: 688px;
    height: 504px;
}

.textbox1[b-5ppizl7mvs] {
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 1309px;
    left: 234px;
    width: 567px;
    height: 420px;
}

.textbox1-header[b-5ppizl7mvs] {
    font-size: 32px;
}

.textbox1-body[b-5ppizl7mvs] {
    font-size: 24px;
    padding-top: 20px;
    width: 426px;
    display: inline-block;
}

.stock-image-2[b-5ppizl7mvs] {
    position: absolute;
    top: 1794px;
    left: 325px;
    width: 1270px;
    height: 544px;
}

.textbox2[b-5ppizl7mvs] {
    position: absolute;
    z-index: 1;
    border-radius: 50px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 1881px;
    left: 1153px;
    width: 567px;
    height: 600px;
}

.textbox2-header[b-5ppizl7mvs] {
    font-size: 32px;
}

.textbox2-header-2[b-5ppizl7mvs] {
    font-size: 32px;
}

.textbox2-body[b-5ppizl7mvs] {
    font-size: 24px;
    padding-top: 10px;
    width: 500px;
    display: inline-block;
}

.left-down-arrow2[b-5ppizl7mvs] {
    position: absolute;
    top: 2046px;
    left: 464px;
    width: 688px;
    height: 504px;
}

.textbox3[b-5ppizl7mvs] {
    position: absolute;
    z-index: 1;
    border-radius: 50px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 2550px;
    left: 200px;
    width: 634px;
    height: 890px;
}

.textbox3-header[b-5ppizl7mvs] {
    font-size: 32px;
}

.textbox3-body[b-5ppizl7mvs] {
    font-size: 24px;
    padding-top: 15px;
    width: 526px;
    display: inline-block;
}

.right-arrow1[b-5ppizl7mvs] {
    position: absolute;
    top: 3320px;
    left: 834px;
    width: 146px;
    height: 116px;
}

.stock-image-4[b-5ppizl7mvs] {
    position: absolute;
    top: 2615px;
    left: 325px;
    width: 1270px;
    height: 660px;
}
.textbox6[b-5ppizl7mvs] {
    position: absolute;
    z-index: 1;
    border-radius: 75px;
    background-color: white;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 100%;
    padding: 20px;
    top: 4090px;
    left: 1032px;
    width: 521px;
    height: 316px;
}
.textbox4[b-5ppizl7mvs] {
    font-size: 40px;
    left:12%;
    width:400px;
    position: absolute;
    text-align: center;
}

.request-demo-btn[b-5ppizl7mvs] {
    position: absolute;
    top: 200px;
    left: 20%;
    width: 328px;
    height: 85px;
}

.request-demo-btn-image[b-5ppizl7mvs] {
    width: 328px;
    height: 85px;
}

.stock-image-3[b-5ppizl7mvs] {
    position: absolute;
    top: 3602px;
    left: 325px;
    width: 1270px;
    height: 563px;
}

.textbox5[b-5ppizl7mvs] {
    position: absolute;
    z-index: 1;
    border-radius: 50px;
    background-color: #e4e7e8;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    opacity: 90%;
    padding: 20px;
    top: 3300px;
    left: 1032px;
    width: 521px;
    height: 671px;
}

.textbox5-header[b-5ppizl7mvs] {
    font-size: 32px;
    width: 480px;
}

.textbox5-body[b-5ppizl7mvs] {
    font-size: 24px;
    padding-top: 46px;
    width: 422px;
    display: inline-block;
}

.corporation-names1[b-5ppizl7mvs] {
    position: absolute;
    top: 4117px;
    left: 778px;
    width: 240px;
    height: 293px;
}

.corporation-names-group[b-5ppizl7mvs] {
    font-size:20px;
}

.corporation-names2[b-5ppizl7mvs] {
    position: absolute;
    top: 4117px;
    left: 1049px;
    width: 240px;
    height: 293px;
}

.corporation-names3[b-5ppizl7mvs] {
    position: absolute;
    top: 4117px;
    left: 1320px;
    width: 240px;
    height: 293px;
}

.footer[b-5ppizl7mvs] {
    position: absolute;
    top: 4491px;
    left: 0px;
    width:100vw;
    height:200px;
}
/* _content/TenXTL/Pages/Website/RequestDemo.razor.rz.scp.css */
.background-graphic[b-8c63g4viid] {
    position: absolute;
    z-index: -1;
    top: -30px;
    left: -1134px;
    width: 1618px;
    height: 596px;
}

.loading-overlay[b-8c63g4viid] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
    padding: 20px;
    border-radius: 8px;
    z-index: 9999;
}

.loading-spinner[b-8c63g4viid] {
    margin-bottom: 20px;
}

.loading-text[b-8c63g4viid] {
    font-size: 20px;
}

.background-grey-box[b-8c63g4viid] {
    position: absolute;
    border-radius: 121px;
    z-index: -2;
    top: 0px;
    left: 325px;
    width: 1270px;
    height: 1082px;
    background-color: #f2f2f2;
}

.header-text[b-8c63g4viid] {
    position: absolute;
    text-align: right;
    top: 178px;
    left: 464px;
    width: 400px;
    height: 98px;
    font-size: 48px;
    line-height: 50px;
}

.header-paragraph[b-8c63g4viid] {
    position: absolute;
    top: 179px;
    left: 914px;
    width: 523px;
    height: 111px;
    font-size: 24px;
}

.enter-information[b-8c63g4viid] {
    position: absolute;
    font-size: 24px;
    top: 344px;
    left: 399px;
    width: 1139px;
    height: 24px;
}

.inputs[b-8c63g4viid] {
    --mud-palette-primary: #2e7d32;
    position: absolute;
    left:400px;
    top: 400px;
    width: 1139px;
}

.name[b-8c63g4viid] {
    position: absolute;
    top: 396px;
    left: 412px;
    width: 1105px;
    height: 32px;
}

.email[b-8c63g4viid] {
    position: absolute;
    top: 467px;
    left: 412px;
    width: 1105px;
    height: 32px;
}

.phone[b-8c63g4viid] {
    position: absolute;
    top: 538px;
    left: 412px;
    width: 1105px;
    height: 32px;
}

.company[b-8c63g4viid] {
    position: absolute;
    top: 609px;
    left: 412px;
    width: 1105px;
    height: 32px;
}

.body[b-8c63g4viid] {
    position: absolute;
    top: 687px;
    left: 412px;
    width: 1105px;
    height: 281px;
}

.required[b-8c63g4viid] {
    position: absolute;
    top: 1000px;
    left: 413px;
    width: 807px;
    height: 31px;
    font-size: 16px;
}

.submit[b-8c63g4viid] {
    position: absolute;
    top: 1010px;
    left: 1192px;
    width: 261px;
    height: 72px;
}

.submit-image[b-8c63g4viid] {
    width: 261px;
    height: 72px;
}

.footer[b-8c63g4viid] {
    position: absolute;
    top: 1160px;
    left: 0px;
    width: 100vw;
    height: 200px;
}
/* _content/TenXTL/Shared/CompanyLogo.razor.rz.scp.css */

.dsm-firmenich-logo[b-5vm0fwuhh5] {
    width: 100%;
}

.novant[b-5vm0fwuhh5] {
    width: 100%;
}
/* _content/TenXTL/Shared/MainLayout.razor.rz.scp.css */
.page[b-svvo82c8af] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-svvo82c8af] {
    flex: 1;
}

.sidebar[b-svvo82c8af] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-svvo82c8af] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-svvo82c8af]  a, .top-row .btn-link[b-svvo82c8af] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-svvo82c8af] {
        overflow: hidden;
        text-overflow: ellipsis;
    }


@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-svvo82c8af] {
        display: none;
    }

    .top-row.auth[b-svvo82c8af] {
        justify-content: space-between;
    }

    .top-row a[b-svvo82c8af], .top-row .btn-link[b-svvo82c8af] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-svvo82c8af] {
        flex-direction: row;
    }

    .sidebar[b-svvo82c8af] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-svvo82c8af] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-svvo82c8af], article[b-svvo82c8af] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}