/* _content/PertaminaWaterRiskTools/Pages/About.razor.rz.scp.css */
h3[b-n9gnf1m0qo] {
margin-top: 5rem;
}
/* _content/PertaminaWaterRiskTools/Pages/CIlacapReport.razor.rz.scp.css */
.root[b-333eq6mrbl] {
padding-top: 5rem;
}
/* _content/PertaminaWaterRiskTools/Pages/DashboardHome.razor.rz.scp.css */
.root[b-iy33yo30j8] {
padding-top: 1.5rem;
}
h1.pageTitle[b-iy33yo30j8] {
color: var(--blue);
font-size: 2.3125rem;
margin-left: 3.375rem;
margin-bottom: 0.75rem;
}
p.pageContent[b-iy33yo30j8] {
margin-left: 3.375rem;
margin-right: 3.375rem;
margin-bottom: 0.75rem;
font-size: 1.25rem;
}
.pageSubtitle[b-iy33yo30j8] {
color: var(--blue);
font-size: 1.25rem;
margin-left: 3.375rem;
margin-bottom: 1.25rem;
}
.pageContentLink[b-iy33yo30j8] {
width: 50%;
display: flex;
}
.pageContentLink[b-iy33yo30j8] a,
span.divider[b-iy33yo30j8] {
color: var(--blue);
text-decoration: none;
font-size: 1.25rem;
display: inline-block;
text-align: center;
}
.pageContentLink[b-iy33yo30j8] a:hover {
text-decoration: underline;
}
span.divider[b-iy33yo30j8] {
margin: 0 1rem;
}
.endContent[b-iy33yo30j8] {
margin-bottom: 100px;
}
.alert[b-iy33yo30j8] {
margin-left: 3.375rem;
margin-right: 1rem;
margin-bottom: 30px;
background-color: lightblue;
border-radius: 5px;
}
.detail-alert[b-iy33yo30j8] {
display: flex;
padding: 20px;
margin-left: 15px;
justify-content: space-between;
align-items: center;
}
.detail-alert p[b-iy33yo30j8] {
color: #000000;
font-size: 20px
}
.scoreDescBtn[b-iy33yo30j8] {
font-size: 2rem;
color: var(--blue);
align-self: center;
margin-left: .75rem;
cursor: pointer;
}
.scoreDescBtn.waterstress[b-iy33yo30j8] {
color: var(--blue);
}
.scoreDescBtn.waterrisk[b-iy33yo30j8] {
color: var(--red)
}
.scoreDescBtn:hover[b-iy33yo30j8] {
color: var(--blueground-hover);
}
/* _content/PertaminaWaterRiskTools/Pages/DashboardOverall.razor.rz.scp.css */
.root[b-fwqfepuni5] {
padding-top: 1.5rem;
padding-left: 3.375rem;
padding-right: 3.375rem;
background-color: var(--blue-sky-background-2);
}
h1.pageTitle[b-fwqfepuni5] {
color: var(--blue);
font-size: 2.3125rem;
margin-bottom: 0.75rem;
}
.pageSubtitle[b-fwqfepuni5] {
color: var(--blue-sky-text-2);
font-size: 27px;
font-weight: 800;
}
.filterTitle[b-fwqfepuni5] {
color: var(--blue);
font-size: 26px;
font-weight: 700;
}
.sectionTitle[b-fwqfepuni5], [b-fwqfepuni5] .sectionTitle {
color: var(--blue);
font-size: 24px;
font-weight: 700;
}
.pageHeader[b-fwqfepuni5] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 22px;
}
hr.divider[b-fwqfepuni5] {
border: 0;
border-bottom: 1px solid #A3A8AC;
margin-bottom: 31px;
}
.pageFilterWrapper[b-fwqfepuni5] {
background-color: var(--white);
padding: 36px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
margin-bottom: 2rem;
}
.filterFacilityGroupWrapper[b-fwqfepuni5] {
margin-top: 22px;
}
.totalSiteCardContentWrapper[b-fwqfepuni5] {
margin-bottom: 3rem;
}
.barGraphContentWrapper[b-fwqfepuni5] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.5rem;
}
.averageWaterScoreWrapper[b-fwqfepuni5] {
margin-top: 46px;
}
.endContent[b-fwqfepuni5] {
padding-bottom: 100px;
}
@media only screen and (max-width: 1280px) {
.barGraphContentWrapper[b-fwqfepuni5] {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 556px) {
.root[b-fwqfepuni5] {
padding-top: 3rem;
padding-left: .75rem;
padding-right: .75rem;
}
.pageHeader[b-fwqfepuni5] {
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
}
.generateCsvButtonWrapper[b-fwqfepuni5] {
display: grid;
gap: 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Pages/DetailFacility.razor.rz.scp.css */
.root[b-0gk33ltg52] {
padding-top: 1.5rem;
padding-bottom: 3rem;
background-color: var(--blue-sky-background-2);
}
.pageTitle[b-0gk33ltg52] {
color: var(--blue);
font-size: 1.8rem;
margin-left: 3.375rem;
margin-bottom: 1.5rem;
}
.pageTitle span.approved[b-0gk33ltg52] {
color: var(--green-status);
}
.pageTitle span.validated[b-0gk33ltg52] {
color: var(--yellow-status);
}
.pageTitle span.rejected[b-0gk33ltg52] {
color: var(--red-status);
cursor: pointer;
}
.alertArea[b-0gk33ltg52] {
margin: 1rem 3.375rem;
}
.headerButtonWrapper[b-0gk33ltg52] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 3.375rem;
margin-bottom: 1.25rem;
}
.pageSubtitle[b-0gk33ltg52] {
color: var(--grey-text-2);
font-size: 1.25rem;
font-weight: 500;
/* to re-lift due to being covered by the radar chart */
position: relative;
}
.pageSubtitle span[b-0gk33ltg52] {
cursor: pointer;
}
.pageSubtitle span.active[b-0gk33ltg52] {
color: var(--blue);
font-weight: 600;
}
.pageSubtitle span:hover[b-0gk33ltg52] {
color: var(--blue);
}
.statusDetailTitle[b-0gk33ltg52] {
color: var(--blue);
font-size: 1.5rem;
margin-bottom: 1rem;
}
.leftSide[b-0gk33ltg52] {
display: flex;
align-items: center;
}
.rightSide[b-0gk33ltg52] {
display: flex;
}
.printPreviewBtn[b-0gk33ltg52] {
font-size: 1.5rem;
color: var(--white);
background-color: var(--blue);
border-radius: 50%;
padding: .5rem;
margin-right: .5rem;
transition: .3s all;
border: 1px solid var(--white);
align-self: center;
}
.printPreviewBtn:hover[b-0gk33ltg52] {
color: var(--blue);
background-color: var(--white);
border: 1px solid var(--blue);
}
.scoreDescBtn[b-0gk33ltg52] {
font-size: 2rem;
color: var(--blue);
align-self: center;
margin-left: .75rem;
cursor: pointer;
}
.scoreDescBtn.waterstress[b-0gk33ltg52] {
color: var(--green);
}
.scoreDescBtn.waterrisk[b-0gk33ltg52] {
color: var(--red)
}
.scoreDescBtn:hover[b-0gk33ltg52] {
color: var(--blueground-hover);
}
.content[b-0gk33ltg52] {
padding: 0 3.375rem;
}
.statusDetailWrapper[b-0gk33ltg52] {
margin-top: 3rem;
margin-bottom: 3rem;
}
.notFoundText[b-0gk33ltg52] {
font-size: 1rem;
font-weight: 400;
}
/*Content Styling is separated*/
[b-0gk33ltg52] .btnLook,
[b-0gk33ltg52] .btnEdit {
float: right;
}
[b-0gk33ltg52] .btnEdit {
margin-right: 1rem;
}
.clearfix[b-0gk33ltg52] {
overflow: auto;
margin-top: 2rem;
padding: 0 3.375rem;
}
@media only screen and (max-width: 800px) {
h1.pageTitle[b-0gk33ltg52] {
margin-top: 2rem;
margin-left: 2rem;
}
.alertArea[b-0gk33ltg52] {
margin: 0 2rem;
}
.headerButtonWrapper[b-0gk33ltg52] {
padding: 0 2rem;
}
.content[b-0gk33ltg52] {
padding: 0 1.5rem;
}
}
@media only screen and (max-width: 500px) {
h1.pageTitle[b-0gk33ltg52] {
margin-top: 2rem;
margin-left: 1rem;
font-size: 1.5rem;
}
.alertArea[b-0gk33ltg52] {
margin: 0 1rem;
}
.headerButtonWrapper[b-0gk33ltg52] {
padding: 0 1rem;
}
h3.pageSubtitle[b-0gk33ltg52] {
font-size: 1rem;
}
.content[b-0gk33ltg52] {
padding: 0 .75rem;
}
.printPreviewBtn[b-0gk33ltg52] {
font-size: 1rem;
padding: .25rem;
}
[b-0gk33ltg52] .btnApproval {
padding: .5rem 1rem !important;
}
[b-0gk33ltg52] .btnLook,
[b-0gk33ltg52] .btnEdit,
[b-0gk33ltg52] .btnBack {
margin: 0;
float: unset;
margin-bottom: 1rem
}
.clearfix[b-0gk33ltg52] {
display: flex;
flex-direction: column;
}
}
@media only screen and (max-width: 364px ) {
.printPreviewBtn[b-0gk33ltg52] {
font-size: 1.2rem;
padding: .35rem;
}
.headerButtonWrapper[b-0gk33ltg52] {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 10px;
}
h3.pageSubtitle[b-0gk33ltg52] {
order: 2;
}
.rightSide[b-0gk33ltg52] {
order: 1;
}
}
/* _content/PertaminaWaterRiskTools/Pages/Facility.razor.rz.scp.css */
.root[b-9f55wlp00e] {
padding-top: 1.5rem;
}
h1.pageTitle[b-9f55wlp00e] {
color: var(--blue);
font-size: 2.3125rem;
margin-left: 3.375rem;
margin-bottom: 0.75rem;
}
.pageSubtitle[b-9f55wlp00e] {
color: var(--blue);
font-size: 1.25rem;
margin-left: 3.375rem;
margin-bottom: 1.25rem;
}
p[b-9f55wlp00e] {
margin-left: 3.375rem;
}
[b-9f55wlp00e] .backButton {
margin-left: 3rem;
margin-bottom: 3rem;
}
/* _content/PertaminaWaterRiskTools/Pages/FacilityManagement.razor.rz.scp.css */
.root[b-k83yx4tpnb] {
padding-top: 1.5rem;
margin-left: 2rem;
margin-right: 2rem;
}
h1.pageTitle[b-k83yx4tpnb] {
color: var(--blue);
font-size: 2.3125rem;
margin-left: 1.375rem;
margin-bottom: 1rem;
}
.pageSubtitle[b-k83yx4tpnb] {
color: var(--blue);
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
[b-k83yx4tpnb] .backButton {
margin-bottom: 3rem;
}
/* docs: for search input & data count*/
.searchCountWrapper[b-k83yx4tpnb] {
display: flex;
align-items: center;
margin-top: 1rem;
}
.totalCount[b-k83yx4tpnb] {
display: inline-block;
margin-left: 1rem;
font-size: 15px;
color: #bcbcbc;
/*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
-webkit-text-stroke: .3px #bbb; /* width and color */
}
/* ======Input Styling (Input Search)====== */
input[b-k83yx4tpnb]::-webkit-outer-spin-button,
input[b-k83yx4tpnb]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.searchInput[b-k83yx4tpnb] {
width: 350px;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
input.searchInput[b-k83yx4tpnb]::-webkit-input-placeholder {
color: var(--grey-border);
}
input.searchInput:focus[b-k83yx4tpnb] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* ======End of Input Styling (Input Search)====== */
/* _content/PertaminaWaterRiskTools/Pages/OrganizationManagement.razor.rz.scp.css */
.root[b-686d88757v] {
padding-top: 1.5rem;
}
h1.pageTitle[b-686d88757v] {
color: var(--blue);
font-size: 2.3125rem;
margin-left: 3.375rem;
margin-bottom: 1rem;
}
.pageSubtitle[b-686d88757v] {
color: var(--blue);
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
.contentParent[b-686d88757v] {
padding-top: 2rem;
background-color: #F1F7FB;
}
.contentChildren[b-686d88757v] {
margin-left: 3.375rem;
margin-right: 2rem;
}
[b-686d88757v] .backButton {
margin-bottom: 3rem;
}
[b-686d88757v] .height50 {
min-height: 50px;
}
/* _content/PertaminaWaterRiskTools/Pages/PrintPreview.razor.rz.scp.css */
.root[b-f8nt48u41m] {
padding-top: 1rem;
padding-bottom: 3rem;
width: 790px;
margin: auto;
}
@page {
size: A4;
margin: 0pt 10pt 1cm;
}
@page:right {
@bottom-left {
/*margin: 1pt 0 2pt 0;*/
border-top: .25pt solid black;
content: "Water Risk Assessment Report ";
color: black;
}
@bottom-right {
/*margin: 1pt 0 2pt 0;*/
counter-increment: page;
border-top: .25pt solid #666;
content: counter(page);
}
}
@page:left {
@bottom-left {
/*margin: 1pt 0 2pt 0;*/
border-top: .25pt solid black;
content: "Water Risk Assessment Report ";
color: black;
}
@bottom-right {
/*margin: 1pt 0 2pt 0;*/
counter-increment: page;
border-top: .25pt solid #666;
content: counter(page);
}
}
@page:first {
size: A4;
margin: 0;
}
div.frontcover[b-f8nt48u41m] {
page: cover;
width: 100%;
height: 100%;
}
.frontcover[b-f8nt48u41m] {
display: flex;
align-items: center;
justify-items: center;
align-content: center;
flex-direction: column;
}
/*div.logo {
display: flex;
align-items: center;
justify-items: center;
margin: auto;
margin-top: 4cm;
margin-bottom: 2cm;
align-content: center;
flex-direction: column;
gap: 4cm;
justify-content: space-between;
}*/
img.pertaminaLogo[b-f8nt48u41m] {
margin-top: 4cm;
margin-bottom: 4cm;
}
img.pwtLogo[b-f8nt48u41m] {
margin-bottom: 2cm;
}
div.site-information[b-f8nt48u41m] {
margin-top: 2cm;
margin-bottom: 2cm;
width: auto;
}
/*h2.title.risk {
page-break-before: avoid;
counter-reset: figurenum;
counter-reset: footnote;*/
/*line-height: 1.3;*/
/*}*/
h2[b-f8nt48u41m] {
counter-reset: page;
page-break-before: always;
counter-reset: figurenum;
counter-reset: footnote;
/*line-height: 1.3;*/
margin-top:20px;
}
/* first page */
@page:first {
@bottom-right {
content: normal;
margin: 0;
}
@bottom-left {
content: normal;
margin: 0;
}
}
.pageTitle[b-f8nt48u41m] {
color: var(--blue);
font-size: 1.8rem;
margin-left: 3.375rem;
margin-bottom: 1rem;
}
.pageSubtitle[b-f8nt48u41m] {
color: var(--grey-text);
font-size: 1.25rem;
margin-left: 3.375rem;
margin-bottom: 1.25rem;
font-weight: 500;
/* to re-lift due to being covered by the radar chart */
position: relative;
}
.pageSubtitle span[b-f8nt48u41m] {
cursor: pointer;
}
.pageSubtitle span.active[b-f8nt48u41m] {
color: var(--blue);
font-weight: 600;
}
.pageSubtitle span:hover[b-f8nt48u41m] {
color: var(--blue);
}
h2.title[b-f8nt48u41m] {
margin-bottom: 1rem;
text-decoration: underline;
}
.statusDetailTitle[b-f8nt48u41m] {
color: var(--blue);
/* font-size: 1.5rem;*/
margin-bottom: 1rem;
}
.content[b-f8nt48u41m] {
padding: 0 3.375rem;
padding-top: 1rem;
}
.section[b-f8nt48u41m] {
margin-bottom: 3rem;
}
.section.waterRiskSection[b-f8nt48u41m] {
margin-top: 2.2rem;
}
.section.waterRiskDesc[b-f8nt48u41m] {
margin-bottom: 2.2rem;
}
.notFoundText[b-f8nt48u41m] {
font-size: 1rem;
font-weight: 400;
}
/*Content Styling is separated*/
@media only screen and (max-width: 1163px) {
.root[b-f8nt48u41m] {
width: 100%;
}
}
@media only screen and (max-width: 800px) {
h1.pageTitle[b-f8nt48u41m] {
margin-top: 2rem;
margin-left: 2rem;
}
.content[b-f8nt48u41m] {
padding: 0 1.5rem;
}
}
@media only screen and (max-width: 500px) {
h1.pageTitle[b-f8nt48u41m] {
margin-top: 2rem;
margin-left: 1rem;
font-size: 1.5rem;
}
h3.pageSubtitle[b-f8nt48u41m] {
margin-left: 1rem;
font-size: 1rem;
}
.content[b-f8nt48u41m] {
padding: 0 .75rem;
}
[b-f8nt48u41m] .btnBack {
margin: 0;
float: unset;
margin-bottom: 1rem
}
.clearfix[b-f8nt48u41m] {
display: flex;
flex-direction: column;
}
}
/* Print styling*/
/*@media print {
body {
background: none;
-ms-zoom: 1.665;
}
div.portrait, div.landscape {
margin: 0;
padding: 0;
border: none;
background: none;
}
div.landscape {
transform: rotate(270deg) translate(-276mm, 0);
transform-origin: 0 0;
overflow: unset;
}
}*/
/* _content/PertaminaWaterRiskTools/Pages/Questionnaire.razor.rz.scp.css */
.root[b-2cy5kousrj] {
padding-top: 1.5rem;
margin-bottom: 1rem;
}
h1.pageTitle[b-2cy5kousrj] {
color: var(--blue);
font-size: 2.3125rem;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25));
margin-left: 3.375rem;
margin-bottom: 0.75rem;
}
.pageSubtitle[b-2cy5kousrj] {
color: var(--blue);
font-size: 1.25rem;
margin-left: 3.375rem;
margin-bottom: 1.25rem;
}
p[b-2cy5kousrj] {
margin-left: 3.375rem;
}
.root .buttonPosition[b-2cy5kousrj]{
display: flex;
justify-content: end;
margin-right: 2.75rem;
margin-bottom: -1.5rem;
}
/* _content/PertaminaWaterRiskTools/Pages/ReportStudyCase.razor.rz.scp.css */
.root[b-c7g5g45vip] {
padding-top: 1.5rem;
}
h1.pageTitle[b-c7g5g45vip] {
color: var(--blue);
font-size: 2.3125rem;
margin-left: 3.375rem;
margin-bottom: 0.75rem;
}
p.pageContent[b-c7g5g45vip] {
margin-left: 3.375rem;
margin-right: 3.375rem;
margin-bottom: 0.75rem;
padding: 1rem;
font-size: 1.25rem;
width: 50%;
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
align-items: center;
box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
border-radius: 8px;
}
.pageSubtitle[b-c7g5g45vip] {
color: var(--blue);
font-size: 1.25rem;
margin-left: 3.375rem;
margin-bottom: 1.25rem;
}
.pageContentLink[b-c7g5g45vip] {
width: 50%;
display: flex;
}
.pageContentLink[b-c7g5g45vip] a,
span.divider[b-c7g5g45vip] {
color: var(--blue);
text-decoration: none;
font-size: 1.25rem;
display: inline-block;
text-align: center;
}
.pageContentLink[b-c7g5g45vip] a:hover {
text-decoration: underline;
}
span.divider[b-c7g5g45vip] {
margin: 0 1rem;
}
.endContent[b-c7g5g45vip] {
margin-bottom: 100px;
}
@media only screen and (max-width: 769px) {
p.pageContent[b-c7g5g45vip] {
margin-left: 1.5rem;
margin-right: 1.5rem;
width: 80%;
}
}
/* _content/PertaminaWaterRiskTools/Pages/SukowatiReport.razor.rz.scp.css */
.root[b-eat7qcnwg2] {
padding-top: 5rem;
}
/* _content/PertaminaWaterRiskTools/Pages/UserManagement.razor.rz.scp.css */
.root[b-3c7fuoo692] {
padding-top: 1.5rem;
margin-left: 2rem;
margin-right: 2rem;
}
h1.pageTitle[b-3c7fuoo692] {
color: var(--blue);
font-size: 2.3125rem;
margin-left: 1.375rem;
margin-bottom: 1rem;
}
.pageSubtitle[b-3c7fuoo692] {
color: var(--blue);
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
[b-3c7fuoo692] .backButton {
margin-bottom: 3rem;
}
/* docs: for search input & data count*/
.searchCountWrapper[b-3c7fuoo692] {
display: flex;
align-items: center;
margin-top: 1rem;
}
.totalCount[b-3c7fuoo692] {
display: inline-block;
margin-left: 1rem;
font-size: 15px;
color: #bcbcbc;
/*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
-webkit-text-stroke: .3px #bbb; /* width and color */
}
/* ======Input Styling (Input Search)====== */
input[b-3c7fuoo692]::-webkit-outer-spin-button,
input[b-3c7fuoo692]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.searchInput[b-3c7fuoo692] {
width: 350px;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
input.searchInput[b-3c7fuoo692]::-webkit-input-placeholder {
color: var(--grey-border);
}
input.searchInput:focus[b-3c7fuoo692] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* ======End of Input Styling (Input Search)====== */
/* _content/PertaminaWaterRiskTools/Pages/UserManual.razor.rz.scp.css */
.root[b-f5star2ed2] {
padding-top: 1.5rem;
padding-left: 3.375rem;
padding-right: 3.375rem;
}
h1.pageTitle[b-f5star2ed2] {
color: var(--blue);
font-size: 2.3125rem;
margin-bottom: 0.75rem;
}
/* _content/PertaminaWaterRiskTools/Pages/UserProfile.razor.rz.scp.css */
.profileWrapper[b-8qrbd26fjh] {
display: grid;
place-items: center;
height: 100vh;
}
.profileBox[b-8qrbd26fjh] {
display: grid;
margin-top: 5rem;
margin-bottom: 5rem;
width: 70vw;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr;
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
}
.profileDescription[b-8qrbd26fjh] {
grid-column: 1 / 3;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
width: 90%;
padding: 1em;
margin: 1em;
}
.profileDescription[b-8qrbd26fjh] h3{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 48px;
}
.profileDescription[b-8qrbd26fjh] p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.profileDetails[b-8qrbd26fjh]{
padding: 1em;
}
.profileDetailsText[b-8qrbd26fjh]{
margin: 1em;
display: grid;
place-items: left;
grid-template-columns: 14em 1fr;
}
.profileDetailsText span[b-8qrbd26fjh] {
padding-left: 2em;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.profileDetailsText button[b-8qrbd26fjh]{
width: 70%;
padding: 1em;
}
.profileDetailsTitle[b-8qrbd26fjh] {
grid-column: 1/2;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: var(--black-text);
}
.profileDetailsDesc[b-8qrbd26fjh] {
grid-column: 1/2;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--grey-text);
}
.inputBox[b-8qrbd26fjh]{
grid-column: 2/3;
grid-row: 1/3;
}
.inputBox input[b-8qrbd26fjh]{
display: block;
width: 80%;
font-size: 1.em;
color: var(--grey-text-2);
border: 1px solid var(--grey-border);
padding: 0.5em;
height: 2em;
margin: 0 auto;
margin-top: 5%;
border-radius: 5px;
}
.inputBox input:focus[b-8qrbd26fjh]{
color: var(--black-text);
}
.inputWrapper select[b-8qrbd26fjh] {
display: block;
width: 80%;
border-radius: 5px;
border: 1px solid var(--grey-border);
cursor: pointer;
padding: 0.5em;
margin: 0 auto;
}
.profileOrganizations[b-8qrbd26fjh]{
padding: 1em;
display: grid;
grid-template-rows: 5rem auto 5rem;
gap: 5px;
place-items: center;
}
.changes[b-8qrbd26fjh]{
grid-row: 3/4;
place-self: end;
}
.cancel[b-8qrbd26fjh]{
background-color: aqua;
}
.profileOrgDesc[b-8qrbd26fjh] {
grid-row: 1/2;
}
.organizationTable[b-8qrbd26fjh]{
grid-row: 2/3;
}
.organizationTable table[b-8qrbd26fjh] {
border: 1px solid var(--grey);
border-radius: 10px;
max-height: 15rem;
overflow-y: scroll;
border-spacing: 0px;
}
.organizationTable thead[b-8qrbd26fjh] {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #595D61;
}
.organizationTable tbody[b-8qrbd26fjh] {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #595D61;
}
.organizationTable thead th[b-8qrbd26fjh]{
background-color: var(--grey);
padding: 1em;
}
.organizationTable tbody th[b-8qrbd26fjh]{
padding: 0.5em;
border-bottom: 1px solid var(--grey);
}
@media only screen and (max-width: 1440px)
{
.profileBox[b-8qrbd26fjh] {
grid-template-columns: auto auto;
}
}
@media only screen and (max-width: 1024px){
.profileBox[b-8qrbd26fjh]{
grid-template-columns: auto;
grid-template-rows: auto auto auto;
}
.profileOrganizations[b-8qrbd26fjh]{
grid-row: 3/4;
}
}
/* _content/PertaminaWaterRiskTools/Shared/ApexChartDemo.razor.rz.scp.css */
@media print {
.apexcharts-legend-marker[b-8j0rlm4366] {
-webkit-print-color-adjust: exact;
border: none
}
}
.apexcharts-legend-marker[b-8j0rlm4366] {
-webkit-print-color-adjust: exact;
border: none
}
/* _content/PertaminaWaterRiskTools/Shared/DashboardLayout.razor.rz.scp.css */
/* navbar height = 81px = 5rem */
.root[b-l50kcml9bq] {
/* margin-top: 5rem; */
margin-top: 81px;
height: 100px;
}
.topDivider[b-l50kcml9bq] {
background-color: var(--green);
width: 100%;
height: 32px;
}
.bottomDivider[b-l50kcml9bq] {
background-color: var(--black);
width: 100%;
height: 52px;
}
.dashboardContentWrapper[b-l50kcml9bq] {
display: flex;
position: relative;
}
.dashboardSidebar[b-l50kcml9bq] {
background-color: var(--blue);
width: 250px;
position: relative;
}
.dashboardSidebar h3[b-l50kcml9bq]{
margin-left: 1rem;
margin-top: 1rem;
color: var(--white);
}
.userArea[b-l50kcml9bq] {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
margin-bottom: 2rem;
padding: 0 5px;
}
.userArea > div[b-l50kcml9bq] {
text-align: center;
padding: 0 7px;
}
.userArea img[b-l50kcml9bq] {
width: 100%;
margin-bottom: 0;
}
.userArea p.userNameHello[b-l50kcml9bq] {
font-size: 1.25rem;
color: var(--white);
font-weight: 400;
margin-top: 1.2rem;
text-align: left;
}
.userArea p.userName[b-l50kcml9bq] {
font-size: 1.25rem;
color: var(--white);
text-align: left;
font-weight: 600;
}
.mainNavigation[b-l50kcml9bq] {
margin-bottom: 1.375rem;
}
.mainNavigation ul[b-l50kcml9bq] {
margin-right: 2px;
}
.mainNavigation ul li[b-l50kcml9bq] {
background-color: var(--white);
border-bottom: 3px solid var(--blue-darker-border);
padding: 6px 1.25rem;
transition: .3s;
}
.mainNavigation ul li[b-l50kcml9bq] a {
text-decoration: none;
font-size: 0.875rem;
color: var(--blue);
font-weight: 500;
display: flex;
justify-content: flex-start;
align-items: center;
transition: .3s;
}
.mainNavigation ul li:hover[b-l50kcml9bq] {
background-color: var(--lightblue);
}
.mainNavigation ul li:hover[b-l50kcml9bq] a {
color: var(--white);
}
.mainNavItemIcon[b-l50kcml9bq] {
font-size: 1.5rem;
display: inline-block;
margin-right: .5rem;
flex: 1;
}
.mainNavItem[b-l50kcml9bq] {
flex: 6;
}
.additionalMenu[b-l50kcml9bq] {
}
.additionalMenu ul[b-l50kcml9bq] {
list-style: none;
padding-left: 18px;
padding-right: 18px;
}
li.additionalMenuItem[b-l50kcml9bq] {
background-color: var(--white);
color: var(--blue);
padding: .3rem .75rem;
margin-bottom: .75rem;
cursor: pointer;
border: 1px solid var(--blue);
border-radius: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
transition: .3s;
}
li.additionalMenuItem:hover[b-l50kcml9bq] {
background-color: var(--lightblue);
color: var(--white);
border: 1px solid var(--white);
}
li.additionalMenuItem:hover .addNavItemIcon[b-l50kcml9bq] {
background-color: var(--white);
color: var(--lightblue);
}
li.additionalMenuItem span[b-l50kcml9bq] {
display: block;
font-size: .875rem;
font-weight: 500;
}
/*Choose Language Dei*/
li.additionalMenuItem[b-l50kcml9bq] {
position: relative;
}
li.additionalMenuItem.languageOption[b-l50kcml9bq] {
margin-top: 0.75rem;
border-radius: 8px;
}
span.chooseLanguage[b-l50kcml9bq] {
position: absolute;
left: 0px;
height: 100%;
width: 100%;
border-radius: 8px;
}
span.chooseLanguage select[b-l50kcml9bq] {
cursor: pointer;
height: 100%;
width: 100%;
background: transparent;
border: none;
/*-webkit-appearance: none;*/
display: block;
font-size: .875rem;
font-weight: 500;
/*color: var(--blue);*/
color: transparent;
}
/*span.chooseLanguage select:hover {
color: var(--white);
}*/
span.chooseLanguage select:focus[b-l50kcml9bq] {
outline: none;
}
select.flag-icon option[b-l50kcml9bq] {
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 30px;
color: var(--blue);
}
select#languagePicker option[value=""][b-l50kcml9bq] {
left:50px;
}
select#languagePicker option[value="en-US"][b-l50kcml9bq] {
background-image: url(/assets/img/icon/lang-en-US.png);
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: center calc(100% - 2px);
}
select#languagePicker option[value="id-ID"][b-l50kcml9bq] {
background-image: url(/assets/img/icon/lang-id-ID.png);
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: center calc(100% - 2px);
}
/*Language*/
.addNavItemIcon[b-l50kcml9bq] {
padding: 5px;
margin-right: .875rem;
background-color: var(--blue);
color: white;
border-radius: 50%;
font-size: .75rem;
}
.dashboardChildren[b-l50kcml9bq] {
width: 100%;
min-height: 50vh;
overflow: auto;
}
.dashboardSidebar.hide[b-l50kcml9bq] {
display: none;
}
.iconHide[b-l50kcml9bq] {
font-size: 2rem;
color: var(--white);
background-color: var(--blue);
padding: 5px;
border-radius: 0 10px 10px 0;
transition: .3s;
cursor: pointer;
position: absolute;
width: 40px;
right: -40px;
top: 0;
}
.iconHide:hover[b-l50kcml9bq] {
color: var(--white);
background-color: var(--lightblue);
}
.iconShow[b-l50kcml9bq] {
font-size: 2rem;
color: var(--white);
background-color: var(--blue);
padding: 5px;
border-radius: 10px 0 0 10px;
transition: .3s;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 40px;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.iconShow:hover[b-l50kcml9bq] {
color: var(--white);
background-color: var(--lightblue);
}
@media only screen and (max-width: 960px) {
.dashboardContentWrapper[b-l50kcml9bq] {
flex-direction: column;
}
.dashboardSidebar[b-l50kcml9bq] {
width: 100%;
}
.iconHide[b-l50kcml9bq] {
right: 0;
border-radius: 10px 0 0 10px;
color: var(--blue);
background-color: var(--white);
}
.mainNavigation ul li[b-l50kcml9bq] a {
padding-top: 8px;
padding-bottom: 8px;
}
.mainNavigation ul li[b-l50kcml9bq] a {
justify-content: center;
}
.mainNavItemIcon[b-l50kcml9bq] {
flex: unset;
}
.mainNavItem[b-l50kcml9bq] {
flex: unset;
display: block;
width: 150px;
}
li.additionalMenuItem[b-l50kcml9bq] {
justify-content: center;
padding-top: 8px;
padding-bottom: 8px;
width: fit-content;
margin: auto;
margin-bottom: .75rem;
}
li.additionalMenuItem span[b-l50kcml9bq] {
width: 150px;
}
}
@media only screen and (max-width: 481px) {
.root[b-l50kcml9bq] {
margin-top: 55px;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/Alert/Alert.razor.rz.scp.css */
.root[b-lv0splpfal] {
font-size: 1rem;
font-weight: 400;
padding: 1rem;
border-radius: 5px;
display: grid;
grid-template-columns: 1fr max-content;
}
.linkShow[b-lv0splpfal] {
font-style: italic;
color: var(--grey-text);
text-decoration: underline;
cursor: pointer;
}
.linkShow:hover[b-lv0splpfal] {
text-decoration: none;
}
.success[b-lv0splpfal] {
background-color: var(--background-success);
color: var(--text-success);
}
.info[b-lv0splpfal] {
background-color: var(--background-info);
color: var(--text-info);
}
.warning[b-lv0splpfal] {
background-color: var(--background-warning);
color: var(--text-warning);
}
.error[b-lv0splpfal] {
background-color: var(--background-error);
color: var(--text-error);
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/Button.razor.rz.scp.css */
.root[b-1876wkz1j0] {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 500;
padding: 1rem 2.5rem;
border-radius: 7px;
cursor: pointer;
transition: .3s;
}
a.root[b-1876wkz1j0] {
text-decoration: none;
}
.root.specialBtn[b-1876wkz1j0] {
border-radius: 20px;
padding: 5px 5rem 5px 8px;
}
.root.specialBtn .itemIcon[b-1876wkz1j0] {
padding: 5px;
margin-right: .5rem;
border-radius: 50%;
}
.primary[b-1876wkz1j0] {
border: 1px solid var(--blue);
background-color: var(--blue);
color: var(--white);
}
.primary:hover[b-1876wkz1j0] {
background-color: var(--blueground-hover);
border: 1px solid var(--blueground-hover);
}
.secondary[b-1876wkz1j0] {
border: 1px solid var(--blue);
background-color: var(--white);
color: var(--blue);
}
.secondary:hover[b-1876wkz1j0] {
/* background-color: rgb(240, 240, 240); */
/* border: 1px solid transparent; */
text-decoration: underline;
}
.red[b-1876wkz1j0] {
border: 1px solid var(--red);
background-color: var(--red);
color: var(--white);
}
.red:hover[b-1876wkz1j0] {
border: 1px solid var(--redground-hover);
background-color: var(--redground-hover);
}
.greenWhite[b-1876wkz1j0] {
border: 1px solid var(--green);
background-color: var(--green);
color: var(--white);
}
.greenWhite:hover[b-1876wkz1j0] {
border: 1px solid var(--greenground-hover);
background-color: var(--greenground-hover);
}
.greenWhiteBorder[b-1876wkz1j0] {
border: 1px solid var(--green);
background-color: var(--white);
color: var(--green);
}
.greenWhiteBorder:hover[b-1876wkz1j0] {
background-color: var(--grey);
}
.blueSky[b-1876wkz1j0] {
border: 1px solid var(--blue-sky);
background-color: var(--blue-sky);
color: var(--white);
}
.blueSky:hover[b-1876wkz1j0] {
border: 1px solid var(--blue-sky-hover);
background-color: var(--blue-sky-hover);
}
.blueSky.specialBtn[b-1876wkz1j0] {
border: 1px solid var(--blue-sky);
background-color: var(--blue-sky);
color: var(--white);
}
.blueSky.specialBtn:hover[b-1876wkz1j0] {
background-color: var(--white);
color: var(--blue-sky);
}
.blueSky.specialBtn .itemIcon[b-1876wkz1j0] {
background-color: var(--white);
color: var(--blue-sky)
}
.blueSky.specialBtn:hover .itemIcon[b-1876wkz1j0] {
background-color: var(--blue-sky);
color: var(--white)
}
.blueSkyBorder[b-1876wkz1j0] {
border: 1px solid var(--blue-sky);
background-color: var(--white);
color: var(--blue-sky);
}
.blueSkyBorder:hover[b-1876wkz1j0] {
background-color: var(--blue-sky);
}
.white[b-1876wkz1j0] {
border: 1px solid var(--black);
background-color: var(--white);
color: var(--black);
}
.white:hover[b-1876wkz1j0] {
background-color: var(--grey);
}
.root.blockBtn[b-1876wkz1j0] {
display: block;
width: 100%;
font-weight: bold;
font-size: 1.5rem;
}
.root.smallBtn[b-1876wkz1j0] {
font-size: .85rem;
padding: .6rem 1rem;
}
button:disabled[b-1876wkz1j0],
button[disabled][b-1876wkz1j0] {
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
cursor: default;
}
button:disabled:hover[b-1876wkz1j0],
button[disabled]:hover[b-1876wkz1j0] {
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
}
/* =for ::deep attribute on button= */
[b-1876wkz1j0] a.root {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 500;
padding: 1rem 2.5rem;
border-radius: 7px;
cursor: pointer;
transition: .3s;
}
[b-1876wkz1j0] a.root {
text-decoration: none;
}
[b-1876wkz1j0] .primary {
border: 1px solid var(--blue);
background-color: var(--blue);
color: var(--white);
}
[b-1876wkz1j0] .primary:hover {
background-color: var(--blueground-hover);
border: 1px solid var(--blueground-hover);
}
[b-1876wkz1j0] .secondary {
border: 1px solid var(--blue);
background-color: var(--white);
color: var(--blue);
}
[b-1876wkz1j0] .secondary:hover {
/* background-color: rgb(240, 240, 240); */
/* border: 1px solid transparent; */
text-decoration: underline;
}
[b-1876wkz1j0] .red {
border: 1px solid var(--red);
background-color: var(--red);
color: var(--white);
}
[b-1876wkz1j0] .red:hover {
border: 1px solid var(--redground-hover);
background-color: var(--redground-hover);
}
[b-1876wkz1j0] .greenWhite {
border: 1px solid var(--green);
background-color: var(--green);
color: var(--white);
}
[b-1876wkz1j0] .greenWhite:hover {
border: 1px solid var(--greenground-hover);
background-color: var(--greenground-hover);
}
[b-1876wkz1j0] .white {
border: 1px solid var(--black);
background-color: var(--white);
color: var(--black);
}
[b-1876wkz1j0] .white:hover {
background-color: var(--grey);
}
[b-1876wkz1j0] .blockBtn {
display: block;
width: 100%;
font-weight: bold;
font-size: 1.5rem;
}
@media only screen and (max-width: 1440px) {
[b-1876wkz1j0] .root {
font-size: .875rem !important;
padding: .875rem 1.375rem !important;
}
[b-1876wkz1j0] .blockBtn {
font-size: 1rem !important;
}
}
/* =end of for ::deep attribute on button= */
@media only screen and (max-width: 1440px) {
.root[b-1876wkz1j0] {
font-size: .875rem;
padding: .875rem 1.375rem;
}
.blockBtn[b-1876wkz1j0] {
font-size: 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/InputDateCustom.razor.rz.scp.css */
.dateWrapper[b-cszqhqp913] {
display:flex;
width: 100%;
justify-content: space-around;
}
.dateWrapper input[b-cszqhqp913] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/InputNumberField.razor.rz.scp.css */
/* Questionnaire Collection styling */
.QuestionnaireCollectionRoot[b-tyn2a9r7xm] {
}
.fieldsetForm[b-tyn2a9r7xm] {
border: 0px solid transparent;
}
.questionContent[b-tyn2a9r7xm] {
padding: 3rem 5rem;
margin-bottom: 10rem;
}
.questionsWrapper[b-tyn2a9r7xm] {
}
.buttonAreaWrapper[b-tyn2a9r7xm] {
margin-top: 5rem;
}
.buttonAreaWrapper[b-tyn2a9r7xm] button.btnSubmit {
float: right;
}
.buttonAreaWrapper[b-tyn2a9r7xm] button.btnSave {
float: right;
margin-right: 2rem;
}
@media only screen and (max-width: 1280px) {
.questionContent[b-tyn2a9r7xm] {
padding: 3rem 3rem;
}
}
@media only screen and (max-width: 800px) {
.questionContent[b-tyn2a9r7xm] {
padding: 3rem 2rem;
}
}
@media only screen and (max-width: 481px) {
.questionContent[b-tyn2a9r7xm] {
padding: 3rem 1rem;
}
.buttonAreaWrapper button.btnSave[b-tyn2a9r7xm] {
margin-right: 1rem;
}
}
@media only screen and (max-width: 350px) {
.buttonAreaWrapper[b-tyn2a9r7xm] button.btnSubmit {
float: unset;
}
.buttonAreaWrapper[b-tyn2a9r7xm] button.btnSave {
float: left;
margin-right: 1rem;
}
.buttonAreaWrapper[b-tyn2a9r7xm] {
margin-bottom: 3rem;
}
}
/* End of Questionnaire Collection styling */
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-tyn2a9r7xm]::-webkit-outer-spin-button,
input[b-tyn2a9r7xm]::-webkit-inner-spin-button,
textarea[b-tyn2a9r7xm]::-webkit-outer-spin-button,
textarea[b-tyn2a9r7xm]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-tyn2a9r7xm] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-tyn2a9r7xm] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.inputFieldRoot span.numberUnit[b-tyn2a9r7xm] {
color: var(--grey-text);
font-size: .9rem;
margin-top: 3px;
}
.doubleColonMobile[b-tyn2a9r7xm] {
display: none;
}
.inputFieldRoot label[b-tyn2a9r7xm],
.inputFieldRoot span[b-tyn2a9r7xm] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-tyn2a9r7xm] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-tyn2a9r7xm] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-tyn2a9r7xm] {
display: none;
}
.doubleColonMobile[b-tyn2a9r7xm] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-tyn2a9r7xm],
.inputFieldRoot textarea[b-tyn2a9r7xm] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-tyn2a9r7xm]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-tyn2a9r7xm]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-tyn2a9r7xm],
.inputFieldRoot textarea:focus[b-tyn2a9r7xm] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-tyn2a9r7xm] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-tyn2a9r7xm] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-tyn2a9r7xm] {
margin-top: 1rem;
color: var(--red);
}
span.redColor[b-tyn2a9r7xm] {
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-tyn2a9r7xm] {
display: flex;
}
.additionalBtn[b-tyn2a9r7xm] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-tyn2a9r7xm] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-tyn2a9r7xm] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-tyn2a9r7xm] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-tyn2a9r7xm] {
width: unset;
}
.inputFieldRoot > div > select[b-tyn2a9r7xm]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-tyn2a9r7xm] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-tyn2a9r7xm] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-tyn2a9r7xm] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* ======Input Styling (Input Checklist)====== */
.inputFieldRoot.check .inputWrapper[b-tyn2a9r7xm] {
display: grid;
gap: 5px;
}
.inputFieldRoot.check .checkWrapper[b-tyn2a9r7xm] {
display: grid;
grid-template-columns: .1fr 1fr;
align-items: center;
justify-content: center;
/* background-color: red;*/
}
.inputFieldRoot.check input[b-tyn2a9r7xm] {
/* margin-left: .5rem;*/
/* margin-right: .5rem;*/
}
/* ======Input Styling (Input radio)====== */
.inputFieldRoot.radio .inputWrapper[b-tyn2a9r7xm] {
display: grid;
gap: 16px;
}
.inputFieldRoot.radio .radioWrapper[b-tyn2a9r7xm] {
display: grid;
grid-template-columns: .1fr 1fr;
align-items: center;
justify-content: center;
/* background-color: red;*/
}
/* ======End of Input Styling (Input Checklist)====== */
/* Questionnaire Collection styling */
.QuestionnaireCollectionRoot[b-tyn2a9r7xm] {
}
.fieldsetForm[b-tyn2a9r7xm] {
border: 0px solid transparent;
}
.questionContent[b-tyn2a9r7xm] {
padding: 3rem 5rem;
margin-bottom: 10rem;
}
.questionsWrapper[b-tyn2a9r7xm] {
}
.buttonAreaWrapper[b-tyn2a9r7xm] {
margin-top: 5rem;
}
.buttonAreaWrapper[b-tyn2a9r7xm] button.btnSubmit {
float: right;
}
.buttonAreaWrapper[b-tyn2a9r7xm] button.btnSave {
float: right;
margin-right: 2rem;
}
@media only screen and (max-width: 1280px) {
.questionContent[b-tyn2a9r7xm] {
padding: 3rem 3rem;
}
}
@media only screen and (max-width: 800px) {
.questionContent[b-tyn2a9r7xm] {
padding: 3rem 2rem;
}
}
@media only screen and (max-width: 481px) {
.questionContent[b-tyn2a9r7xm] {
padding: 3rem 1rem;
}
.buttonAreaWrapper button.btnSave[b-tyn2a9r7xm] {
margin-right: 1rem;
}
}
@media only screen and (max-width: 350px) {
.buttonAreaWrapper[b-tyn2a9r7xm] button.btnSubmit {
float: unset;
}
.buttonAreaWrapper[b-tyn2a9r7xm] button.btnSave {
float: left;
margin-right: 1rem;
}
.buttonAreaWrapper[b-tyn2a9r7xm] {
margin-bottom: 3rem;
}
}
/* End of Questionnaire Collection styling */
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-tyn2a9r7xm]::-webkit-outer-spin-button,
input[b-tyn2a9r7xm]::-webkit-inner-spin-button,
textarea[b-tyn2a9r7xm]::-webkit-outer-spin-button,
textarea[b-tyn2a9r7xm]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-tyn2a9r7xm] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-tyn2a9r7xm] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.inputFieldRoot span.numberUnit[b-tyn2a9r7xm] {
color: var(--grey-text);
font-size: .9rem;
margin-top: 3px;
}
.doubleColonMobile[b-tyn2a9r7xm] {
display: none;
}
.inputFieldRoot label[b-tyn2a9r7xm],
.inputFieldRoot span[b-tyn2a9r7xm] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-tyn2a9r7xm] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-tyn2a9r7xm] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-tyn2a9r7xm] {
display: none;
}
.doubleColonMobile[b-tyn2a9r7xm] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-tyn2a9r7xm],
.inputFieldRoot textarea[b-tyn2a9r7xm] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-tyn2a9r7xm]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-tyn2a9r7xm]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-tyn2a9r7xm],
.inputFieldRoot textarea:focus[b-tyn2a9r7xm] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-tyn2a9r7xm] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-tyn2a9r7xm] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-tyn2a9r7xm] {
margin-top: 1rem;
color: var(--red);
}
span.redColor[b-tyn2a9r7xm] {
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* _content/PertaminaWaterRiskTools/Shared/Elements/InputNumberTable.razor.rz.scp.css */
/* Questionnaire Collection styling */
.QuestionnaireCollectionRoot[b-6eb2we4ofg] {
}
.fieldsetForm[b-6eb2we4ofg] {
border: 0px solid transparent;
}
.questionContent[b-6eb2we4ofg] {
padding: 3rem 5rem;
margin-bottom: 10rem;
}
.questionsWrapper[b-6eb2we4ofg] {
}
.buttonAreaWrapper[b-6eb2we4ofg] {
margin-top: 5rem;
}
.buttonAreaWrapper[b-6eb2we4ofg] button.btnSubmit {
float: right;
}
.buttonAreaWrapper[b-6eb2we4ofg] button.btnSave {
float: right;
margin-right: 2rem;
}
@media only screen and (max-width: 1280px) {
.questionContent[b-6eb2we4ofg] {
padding: 3rem 3rem;
}
}
@media only screen and (max-width: 800px) {
.questionContent[b-6eb2we4ofg] {
padding: 3rem 2rem;
}
}
@media only screen and (max-width: 481px) {
.questionContent[b-6eb2we4ofg] {
padding: 3rem 1rem;
}
.buttonAreaWrapper button.btnSave[b-6eb2we4ofg] {
margin-right: 1rem;
}
}
@media only screen and (max-width: 350px) {
.buttonAreaWrapper[b-6eb2we4ofg] button.btnSubmit {
float: unset;
}
.buttonAreaWrapper[b-6eb2we4ofg] button.btnSave {
float: left;
margin-right: 1rem;
}
.buttonAreaWrapper[b-6eb2we4ofg] {
margin-bottom: 3rem;
}
}
/* End of Questionnaire Collection styling */
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-6eb2we4ofg]::-webkit-outer-spin-button,
input[b-6eb2we4ofg]::-webkit-inner-spin-button,
textarea[b-6eb2we4ofg]::-webkit-outer-spin-button,
textarea[b-6eb2we4ofg]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-6eb2we4ofg] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-6eb2we4ofg] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.inputFieldRoot span.numberUnit[b-6eb2we4ofg] {
color: var(--grey-text);
font-size: .9rem;
margin-top: 3px;
}
.doubleColonMobile[b-6eb2we4ofg] {
display: none;
}
.inputFieldRoot label[b-6eb2we4ofg],
.inputFieldRoot span[b-6eb2we4ofg] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-6eb2we4ofg] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-6eb2we4ofg] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-6eb2we4ofg] {
display: none;
}
.doubleColonMobile[b-6eb2we4ofg] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-6eb2we4ofg],
.inputFieldRoot textarea[b-6eb2we4ofg] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-6eb2we4ofg]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-6eb2we4ofg]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-6eb2we4ofg],
.inputFieldRoot textarea:focus[b-6eb2we4ofg] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-6eb2we4ofg] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-6eb2we4ofg] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-6eb2we4ofg] {
margin-top: 1rem;
color: var(--red);
}
span.redColor[b-6eb2we4ofg] {
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-6eb2we4ofg] {
display: flex;
}
.additionalBtn[b-6eb2we4ofg] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-6eb2we4ofg] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-6eb2we4ofg] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-6eb2we4ofg] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-6eb2we4ofg] {
width: unset;
}
.inputFieldRoot > div > select[b-6eb2we4ofg]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-6eb2we4ofg] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-6eb2we4ofg] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-6eb2we4ofg] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* ======Input Styling (Input Checklist)====== */
.inputFieldRoot.check .inputWrapper[b-6eb2we4ofg] {
display: grid;
gap: 5px;
}
.inputFieldRoot.check .checkWrapper[b-6eb2we4ofg] {
display: grid;
grid-template-columns: .1fr 1fr;
align-items: center;
justify-content: center;
/* background-color: red;*/
}
.inputFieldRoot.check input[b-6eb2we4ofg] {
/* margin-left: .5rem;*/
/* margin-right: .5rem;*/
}
/* ======Input Styling (Input radio)====== */
.inputFieldRoot.radio .inputWrapper[b-6eb2we4ofg] {
display: grid;
gap: 16px;
}
.inputFieldRoot.radio .radioWrapper[b-6eb2we4ofg] {
display: grid;
grid-template-columns: .1fr 1fr;
align-items: center;
justify-content: center;
/* background-color: red;*/
}
/* ======End of Input Styling (Input Checklist)====== */
/* Questionnaire Collection styling */
.QuestionnaireCollectionRoot[b-6eb2we4ofg] {
}
.fieldsetForm[b-6eb2we4ofg] {
border: 0px solid transparent;
}
.questionContent[b-6eb2we4ofg] {
padding: 3rem 5rem;
margin-bottom: 10rem;
}
.questionsWrapper[b-6eb2we4ofg] {
}
.buttonAreaWrapper[b-6eb2we4ofg] {
margin-top: 5rem;
}
.buttonAreaWrapper[b-6eb2we4ofg] button.btnSubmit {
float: right;
}
.buttonAreaWrapper[b-6eb2we4ofg] button.btnSave {
float: right;
margin-right: 2rem;
}
@media only screen and (max-width: 1280px) {
.questionContent[b-6eb2we4ofg] {
padding: 3rem 3rem;
}
}
@media only screen and (max-width: 800px) {
.questionContent[b-6eb2we4ofg] {
padding: 3rem 2rem;
}
}
@media only screen and (max-width: 481px) {
.questionContent[b-6eb2we4ofg] {
padding: 3rem 1rem;
}
.buttonAreaWrapper button.btnSave[b-6eb2we4ofg] {
margin-right: 1rem;
}
}
@media only screen and (max-width: 350px) {
.buttonAreaWrapper[b-6eb2we4ofg] button.btnSubmit {
float: unset;
}
.buttonAreaWrapper[b-6eb2we4ofg] button.btnSave {
float: left;
margin-right: 1rem;
}
.buttonAreaWrapper[b-6eb2we4ofg] {
margin-bottom: 3rem;
}
}
/* End of Questionnaire Collection styling */
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-6eb2we4ofg]::-webkit-outer-spin-button,
input[b-6eb2we4ofg]::-webkit-inner-spin-button,
textarea[b-6eb2we4ofg]::-webkit-outer-spin-button,
textarea[b-6eb2we4ofg]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-6eb2we4ofg] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-6eb2we4ofg] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.inputFieldRoot span.numberUnit[b-6eb2we4ofg] {
color: var(--grey-text);
font-size: .9rem;
margin-top: 3px;
}
.doubleColonMobile[b-6eb2we4ofg] {
display: none;
}
.inputFieldRoot label[b-6eb2we4ofg],
.inputFieldRoot span[b-6eb2we4ofg] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-6eb2we4ofg] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-6eb2we4ofg] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-6eb2we4ofg] {
display: none;
}
.doubleColonMobile[b-6eb2we4ofg] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-6eb2we4ofg],
.inputFieldRoot textarea[b-6eb2we4ofg] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-6eb2we4ofg]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-6eb2we4ofg]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-6eb2we4ofg],
.inputFieldRoot textarea:focus[b-6eb2we4ofg] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-6eb2we4ofg] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-6eb2we4ofg] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-6eb2we4ofg] {
margin-top: 1rem;
color: var(--red);
}
span.redColor[b-6eb2we4ofg] {
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* _content/PertaminaWaterRiskTools/Shared/Elements/LoadingSpinner.razor.rz.scp.css */
.root[b-7e4mn7d766] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 50vh;
margin: auto;
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/LoadingSpinnerCircle.razor.rz.scp.css */
.root[b-r19ktchway] {
width: 40px;
height: 40px;
}
.root img[b-r19ktchway] {
width: 100%;
height: 100%;
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/Tab/Tab.razor.rz.scp.css */
.root[b-uw7jsnngqu] {
display: flex;
overflow: auto;
border-bottom: 1px solid var(--lightblue);
}
/* for Scrollbar */
/* width */
.root[b-uw7jsnngqu]::-webkit-scrollbar {
height: 7px;
}
/* Track */
.root[b-uw7jsnngqu]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.root[b-uw7jsnngqu]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.root[b-uw7jsnngqu]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
@media only screen and (max-width: 800px) {
.tabItem.firstItem[b-uw7jsnngqu] {
margin-left: 2rem;
}
}
@media only screen and (max-width: 500px) {
.tabItem.firstItem[b-uw7jsnngqu] {
margin-left: 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/Tab/TabItem.razor.rz.scp.css */
.root[b-hlqunmaeck] {
display: flex;
overflow: auto;
border-bottom: 1px solid var(--lightblue);
}
.tabItem[b-hlqunmaeck] {
font-size: 0.8125rem;
font-weight: 500;
font-family: 'Inter', sans-serif;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
width: 150px;
min-height: 54px;
height: 100%;
margin-right: .5rem;
padding: 10px 20px;
color: #005075;
background-color: #E2F3FF;
border: 1px solid var(--lightblue);
border-bottom: 1px solid transparent;
border-radius: 5px 5px 0 0;
cursor: pointer;
transition: .3s;
}
.tabItem.active[b-hlqunmaeck] {
background-color: var(--lightblue);
color: var(--white);
}
.tabItem.firstItem[b-hlqunmaeck] {
margin-left: 2.9rem;
}
.tabItem.firstItem.noTab[b-hlqunmaeck] {
margin-left: 1rem;
}
/* for Scrollbar */
/* width */
.root[b-hlqunmaeck]::-webkit-scrollbar {
height: 7px;
}
/* Track */
.root[b-hlqunmaeck]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.root[b-hlqunmaeck]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.root[b-hlqunmaeck]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
@media only screen and (max-width: 800px) {
.tabItem.firstItem[b-hlqunmaeck] {
margin-left: 2rem;
}
}
@media only screen and (max-width: 500px) {
.tabItem.firstItem[b-hlqunmaeck] {
margin-left: 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/UserManualDownloadButton.razor.rz.scp.css */
.userManualButton[b-mknojypjci] {
display: flex;
align-items: center;
background-color: var(--white);
padding: 1rem;
border-radius: 4px;
box-shadow: 0px 1px 20px 0px #00000040;
border: 1px solid var(--white);
cursor: pointer;
transition: .3s all;
}
.userManualButton:hover[b-mknojypjci] {
box-shadow: 0px 0px 0px 0px #00000040;
border: 1px solid var(--blue);
}
.userManualButton .downloadIcon[b-mknojypjci] {
color: var(--blue);
font-size: 2.5rem;
margin-right: 20px;
}
.userManualButton .downloadText span[b-mknojypjci],
.userManualButton .downloadText a.link[b-mknojypjci] {
font-family: 'Open Sans';
display: block;
font-size: 1rem;
}
.userManualButton .downloadText span[b-mknojypjci] {
font-weight: 400;
margin-bottom: .25rem;
}
.userManualButton .downloadText a.link[b-mknojypjci] {
text-decoration: none;
font-weight: 700;
color: var(--blue);
}
.userManualButton:hover .downloadText a.link[b-mknojypjci] {
text-decoration: underline;
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/WaterRiskStaticCardItem.razor.rz.scp.css */
.rootComponent[b-jxyvvs55t1] {
font-family: 'IBM Plex Sans', sans-serif;
}
.averageCardItem[b-jxyvvs55t1] {
background-color: white;
/*box-shadow: 0px 0px 4px gray;*/
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 8px;
padding: 10px;
position: relative;
height: 100%;
}
.cardTitleWrapper[b-jxyvvs55t1] {
font-size: 1rem;
color: var(--black);
font-weight: 600;
margin-bottom: .25rem;
}
.cardTitle[b-jxyvvs55t1] {
font-size: 1.5rem;
color: var(--blue);
font-weight: 700;
}
.cardTitleWrapper .riskType[b-jxyvvs55t1] {
width: 100%;
padding: 9px;
color: var(--white);
text-align: center;
font-weight: 600;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.riskType.riskLevel[b-jxyvvs55t1] {
background-color: var(--red);
}
.riskType.externalImpact[b-jxyvvs55t1] {
background-color: var(--green);
}
.cardTitle.risklevel[b-jxyvvs55t1] {
padding-right: 77px; /* 77 = 0.5rem + 71px (label maxwidth) */
}
.cardTitle.impact[b-jxyvvs55t1] {
padding-right: 107px; /* 107 = 0.5rem + 101px (label maxwidth) */
}
p.biggestRiskText[b-jxyvvs55t1] {
display: block;
color: var(--grey-text);
margin-bottom: 1rem;
}
span.cardLabel[b-jxyvvs55t1] {
font-size: .75rem;
color: var(--white);
font-weight: 600;
border-radius: 5px;
padding: .5rem;
position: absolute;
top: .5rem;
right: .5rem;
}
span.cardLabel.risklevel[b-jxyvvs55t1] {
background-color: var(--red);
}
span.cardLabel.impact[b-jxyvvs55t1] {
background-color: var(--green);
}
.mainScore[b-jxyvvs55t1] {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.mainScore span[b-jxyvvs55t1] {
font-size: 2.5rem;
font-weight: 500;
/* border: 8px solid rgb(128, 100, 128, 0.3);*/
border: 8px solid rgb(53, 102, 108, .3);
text-align: center;
border-radius: 50%;
padding: 25px 10px;
color: red;
display: block;
width: 115px;
}
.secondTitle[b-jxyvvs55t1], .itemScore[b-jxyvvs55t1] {
display: flex;
justify-content: space-between;
align-items: center;
}
.secondTitle[b-jxyvvs55t1] {
border-bottom: 1px solid black;
}
.secondTitle span[b-jxyvvs55t1] {
display: inline-block;
color: var(--blue);
font-size: 1rem;
font-weight: 700;
margin-bottom: 3px;
}
.itemScore[b-jxyvvs55t1] {
margin: 0.625rem 0;
color: var(--blue);
}
.itemScore .label[b-jxyvvs55t1] {
margin-left: 8px;
/*color: var(--grey-text);*/
}
.secondTitle .label[b-jxyvvs55t1], .itemScore .label[b-jxyvvs55t1] {
flex: 1;
text-align: left;
}
.secondTitle .score[b-jxyvvs55t1], .itemScore .score[b-jxyvvs55t1] {
flex: .3;
text-align: right;
}
/* _content/PertaminaWaterRiskTools/Shared/Elements/WaterStressStaticCardItem.razor.rz.scp.css */
.averageCardItem[b-juubdej84g] {
background-color: white;
padding: 10px;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
border-radius: 8px;
border: 1px solid #EAEAEA;
}
.cardTitleWrapper[b-juubdej84g], .mainScore span[b-juubdej84g], p.cardSubtitle[b-juubdej84g] {
font-family: 'IBM Plex Sans', sans-serif;
color: var(--blue);
}
.cardTitleWrapper[b-juubdej84g] {
font-size: 1.2rem;
font-weight: 700;
display: flex;
justify-content: space-between;
}
.cardSubtitle[b-juubdej84g] {
font-size: 1rem;
font-weight: 400;
color: #607D8B;
margin-bottom: 1rem;
}
.cardTitleWrapper.fullpass[b-juubdej84g],
.cardSubtitle.fullpass[b-juubdej84g] {
color: var(--green-status-darker);
}
.cardTitleWrapper.halfpass[b-juubdej84g],
.cardSubtitle .halfpass[b-juubdej84g] {
color: var(--yellow-status);
}
.cardTitleWrapper.fail[b-juubdej84g],
.cardSubtitle.fail[b-juubdej84g] {
color: var(--red-status);
}
.mainScore[b-juubdej84g] {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.mainScore span[b-juubdej84g] {
font-size: 2.5rem;
font-weight: 500;
border: 8px solid rgb(182, 255, 0, .3); /* green color */
/*border: 8px solid rgb(128, 100, 128, 0.3);*/ /* blue color */
text-align: center;
border-radius: 50%;
padding: 25px 10px;
color: var(--green);
display: block;
width: 120px;
aspect-ratio: 1 / 1;
}
.mainScore span.fullpass[b-juubdej84g] {
color: var(--green-status-darker);
border: 8px solid var(--green-status-darker-border);
}
.mainScore span.halfpass[b-juubdej84g] {
color: var(--yellow-status);
border: 8px solid var(--yellow-status-border);
}
.mainScore span.fail[b-juubdej84g] {
color: red;
border: 8px solid var(--red-border);
}
.subMenuScore[b-juubdej84g], .itemScore[b-juubdej84g] {
display: flex;
justify-content: space-between;
align-items: center;
}
.subMenuScore[b-juubdej84g] {
border-bottom: 1px solid #EAEAEA;
}
.subMenuScore span[b-juubdej84g] {
display: inline-block;
font-size: 1rem;
font-weight: 700;
margin-bottom: 3px;
}
.itemScore[b-juubdej84g] {
margin: 4px 0;
}
.itemScore .label[b-juubdej84g] {
margin-left: 8px;
color: var(--grey-text);
}
.subMenuScore .label[b-juubdej84g], .itemScore .label[b-juubdej84g] {
flex: 1;
text-align: left;
}
.subMenuScore .score[b-juubdej84g], .itemScore .score[b-juubdej84g] {
flex: .3;
text-align: right;
}
.label.red[b-juubdej84g], .score.red[b-juubdej84g] {
color: red;
}
.label.green[b-juubdej84g], .score.green[b-juubdej84g] {
color: var(--green-status-darker);
}
@media only screen and (max-width: 960px) {
.detailContainer[b-juubdej84g] {
grid-template-columns: 1fr;
}
}
/* _content/PertaminaWaterRiskTools/Shared/MainLayout.razor.rz.scp.css */
.content[b-ryg5ccbo3q] {
/* padding-top: 5rem;*/
/* min-height: 120vh;*/
}
/* _content/PertaminaWaterRiskTools/Shared/NavMenu.razor.rz.scp.css */
/*
Navbar height that automatically generated
is 81px or 5rem
*/
.root[b-sz720gajpo] {
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
.navbarWrapper[b-sz720gajpo] {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--white);
padding: 0 1.5rem;
box-shadow: 0 1px 20px rgba(0, 0, 0, .25);
}
.brandLogo img[b-sz720gajpo] {
/* width 230px */
/*width: 14.375rem;*/
/* height: 77px;*/
max-height: 77px;
}
.navigationMenu ul li[b-sz720gajpo] {
display: inline-block;
padding: 0 2.5rem;
}
.navigationMenu ul li[b-sz720gajpo] a {
font-size: 1rem;
font-weight: 500;
font-family: 'Inter', sans-serif;
text-decoration: none;
color: var(--grey-text);
}
.navigationMenu ul li[b-sz720gajpo] a:hover {
text-decoration: underline;
}
.navbarButtonWrapper[b-sz720gajpo] {
display: flex;
align-items: center;
}
.nameWrapper[b-sz720gajpo] {
display: flex;
flex-direction: column;
text-align: right;
margin-right: 20px;
margin-top: 8px;
}
.loggedWrapper[b-sz720gajpo] {
display: flex;
}
.loggedWrapper[b-sz720gajpo] a {
text-decoration: none;
color: inherit;
}
.name[b-sz720gajpo] {
font-size: 14px;
line-height: 20px;
color: var(--blue);
}
.role[b-sz720gajpo] {
font-size: 12px;
line-height: 18px;
color: #7AB3DA;
}
[b-sz720gajpo] .btnSignup {
margin-left: .75rem;
}
.notificationIcon[b-sz720gajpo] {
font-size: 1.7rem;
color: var(--blue);
cursor: pointer;
margin-right: 1.2rem;
margin-top: 0.5rem;
}
.hamburgerIcon[b-sz720gajpo] {
font-size: 2rem;
cursor: pointer;
}
.mobileIconWrapper[b-sz720gajpo],
.mobileNavigation[b-sz720gajpo] {
display: none;
}
/* =button login styling ::deep = */
/*::deep a.root {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 500;
padding: 1rem 2.5rem;
border-radius: 7px;
cursor: pointer;
transition: .3s;
text-decoration: none;
}
::deep a.primary {
border: 1px solid var(--blue);
background-color: var(--blue);
color: var(--white);
}
::deep a.primary:hover {
background-color: var(--blueground-hover);
border: 1px solid var(--blueground-hover);
}*/
@media only screen and (max-width: 1440px) {
.navigationMenu ul li[b-sz720gajpo] a {
font-size: .875rem;
}
/* .navigationMenu ul li ::deep a.root {
font-size: .875rem;
padding: .875rem 1.375rem;
}
.navigationMenu ul li ::deep a.blockBtn {
font-size: 1rem;
}*/
}
@media only screen and (max-width: 1024px) {
.navigationMenu[b-sz720gajpo],
.navbarButtonWrapper[b-sz720gajpo] {
display: none;
}
.mobileNavigation.authenticate[b-sz720gajpo] {
background-color: rgb(243, 243, 243);
position: absolute;
left: 0;
/* -156px utk tanpa Button */
/* bottom: -156px; */
bottom: -240px;
width: 100%;
}
.mobileNavigation[b-sz720gajpo] {
background-color: rgb(243, 243, 243);
position: absolute;
left: 0;
/* -156px utk tanpa Button */
/* bottom: -156px; */
bottom: -188px;
width: 100%;
}
.mobileNavigation.active[b-sz720gajpo] {
display: block;
}
.mobileIconWrapper[b-sz720gajpo] {
display: block;
}
.mobileNavigation ul[b-sz720gajpo] {
list-style: none;
}
.mobileNavigation ul li[b-sz720gajpo] {
display: flex;
border-bottom: 1px solid rgba(153, 149, 149, 0.5);
align-items: center;
}
.mobileNavigation ul li[b-sz720gajpo] a.navMenuItem {
font-size: 1rem;
font-weight: 500;
font-family: 'Inter', sans-serif;
text-decoration: none;
color: var(--grey-text);
display: block;
width: 100%;
height: 100%;
padding: 1rem;
padding-left: 1.5rem;
}
.mobileNavigation ul li.buttonWrapperMobile[b-sz720gajpo] {
padding: 1rem;
padding-left: 1.5rem;
}
.mobileNavigation ul li.buttonWrapperMobile:hover[b-sz720gajpo] {
background-color: rgb(243, 243, 243);
}
.mobileNavigation ul li:hover[b-sz720gajpo] {
background-color: var(--lightblue);
}
.mobileNavigation ul li:hover[b-sz720gajpo] a {
color: var(--white);
}
}
@media only screen and (max-width: 481px) {
.brandLogo img[b-sz720gajpo] {
max-width: 150px;
width: auto;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AggregatDashboard/AverageWaterScore.razor.rz.scp.css */
.averageSectionTitle[b-pqsqxwhkyu] {
margin-bottom: 35px;
cursor: pointer;
transition: .3s all;
}
.averageSectionTitle span.unactive[b-pqsqxwhkyu] {
color: var(--grey-text-2);
}
/* From Water Stress Report component*/
.averageStressCardsWrapper[b-pqsqxwhkyu] {
flex: .8;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
}
.averageRiskCardsWrapper[b-pqsqxwhkyu] {
flex: .8;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
@media only screen and (max-width: 960px) {
.averageCardsStressWrapper[b-pqsqxwhkyu], .averageStressCardsWrapper[b-pqsqxwhkyu], .averageRiskCardsWrapper[b-pqsqxwhkyu] {
grid-template-columns: 1fr;
}
}
/* End of from Water Stress Report component*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AggregatDashboard/Bottom5BarGraph.razor.rz.scp.css */
.root[b-7n1u4oeofa] {
width: 100%;
background-color: var(--white);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
padding: 2.25rem;
}
.sectionTitle[b-7n1u4oeofa] {
margin-bottom: 1rem;
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AggregatDashboard/FilterFacilityGroup.razor.rz.scp.css */
/* GLOBAL */
/* Chrome, Safari, Edge, Opera */
select[b-xm4ojw3zk1], option[b-xm4ojw3zk1] {
-webkit-appearance: none;
}
/* End of GLOBAL */
button.resetDropdownButton[b-xm4ojw3zk1]::after {
content: "\2716";
}
.filterGroup[b-xm4ojw3zk1] {
display: grid;
justify-content: center;
/* grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));*/
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
margin-bottom: 0.75rem;
}
.filterWrapper[b-xm4ojw3zk1] {
/* flex: 1;*/
margin: 0 1rem 1rem;
position: relative;
}
.filterWrapper label[b-xm4ojw3zk1] {
display: block;
margin-bottom: .25rem;
}
.filterItem[b-xm4ojw3zk1] {
position: relative;
}
.filterItem[b-xm4ojw3zk1]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 8px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.filterItem select[b-xm4ojw3zk1] {
width: 100%;
/*padding: 0.5rem 1rem;*/
padding-right: 2rem;
padding-left: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
border-radius: 6px;
border: 2px solid #CBD2E0;
transition: .2s all;
cursor: pointer;
}
.filterItem select[b-xm4ojw3zk1]::-webkit-input-placeholder {
color: var(--grey);
}
.filterItem select:focus[b-xm4ojw3zk1] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.filterItem select > option[b-xm4ojw3zk1] {
border-radius: 10px;
}
.filterWrapper .resetDropdownButton[b-xm4ojw3zk1] {
position: absolute;
top: auto;
right: 1.15rem;
bottom: .5rem;
background-color: transparent;
font-family: 'Roboto', sans-serif;
font-size: 1rem;
/* font-weight: bold;*/
border: 0 solid transparent;
cursor: pointer;
}
.filterWrapper .resetDropdownButton:hover[b-xm4ojw3zk1] {
text-decoration: underline;
}
select fieldset.fieldsetForm[disabled] + div.filterWrapper > div.filterItem[b-xm4ojw3zk1]::after {
/*add arrow down from fa-icon*/
color: rgba(214, 238, 247, 0.5);
opacity: 0.7;
}
select:disabled + button.resetDropdownButton[b-xm4ojw3zk1]::after {
color: gray;
opacity: 0.7;
}
select:disabled + button.resetDropdownButton:hover[b-xm4ojw3zk1] {
text-decoration: none;
}
@media only screen and (max-width: 1440px) {
.root[b-xm4ojw3zk1] {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media only screen and (max-width: 1366px) {
.filterGroup[b-xm4ojw3zk1] {
display: grid;
justify-content: center;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 10px;
}
.filterWrapper[b-xm4ojw3zk1] {
margin-bottom: 0;
}
.filterWrapper.regionFilter[b-xm4ojw3zk1] {
grid-column: span 3;
}
}
@media only screen and (max-width: 1080px) {
.root[b-xm4ojw3zk1] {
margin-left: 2rem;
margin-right: 2rem;
}
.filterGroup[b-xm4ojw3zk1] {
display: flex;
flex-direction: column;
}
.filterWrapper[b-xm4ojw3zk1] {
margin: 0;
margin-bottom: .5rem;
}
}
@media only screen and (max-width: 800px) {
.root[b-xm4ojw3zk1] {
margin-left: 1rem;
margin-right: 1rem;
}
}
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
select[b-xm4ojw3zk1], option[b-xm4ojw3zk1] {
-webkit-appearance: none;
}
button.resetDropdownButton[b-xm4ojw3zk1] {
margin-top: auto;
margin-bottom: auto;
top: auto;
}
button.resetDropdownButton[b-xm4ojw3zk1]::after {
content: "\2715";
}
div.filterWrapper button.resetDropdownButton[b-xm4ojw3zk1] {
position: absolute;
right: 1.15rem;
bottom: .65rem;
background-color: transparent;
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: bold;
border: 0 solid transparent;
cursor: pointer;
}
div.filterWrapper button.resetDropdownButton:hover[b-xm4ojw3zk1] {
text-decoration: underline;
}
div.filterItem select[b-xm4ojw3zk1] {
width: 100%;
/*padding: 0.5rem 1rem;*/
padding-right: 2rem;
padding-left: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
border-radius: 6px;
border: 2px solid #CBD2E0;
transition: .2s all;
cursor: pointer;
}
div.filterItem select[b-xm4ojw3zk1]::-webkit-input-placeholder {
color: var(--grey);
}
div.filterItem select:focus[b-xm4ojw3zk1] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
div.filterItem select > option[b-xm4ojw3zk1] {
border-radius: 10px;
}
fieldset.fieldsetForm[disabled] div.filterItem[b-xm4ojw3zk1]::after {
color: rgba(214, 238, 247, 0.5);
opacity: 0.7;
}
fieldset.fieldsetForm[disabled] div.filterWrapper > div > button.resetDropdownButton[b-xm4ojw3zk1]::after {
color: rgba(214, 238, 247, 0.5);
opacity: 0.7;
}
fieldset.fieldsetForm[disabled] div.filterWrapper button.resetDropdownButton:hover[b-xm4ojw3zk1] {
text-decoration: none;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AggregatDashboard/Top5BarGraph.razor.rz.scp.css */
.root[b-v90bt7h4o4] {
width: 100%;
background-color: var(--white);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
padding: 2.25rem;
}
.sectionTitle[b-v90bt7h4o4] {
margin-bottom: 1rem;
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AggregatDashboard/TotalSiteCards.razor.rz.scp.css */
.rootComponent[b-pp0uswoeb2] {
display: flex;
justify-content: space-between;
width: 100%;
/*flex-wrap: wrap;*/
}
.waterStressCardGroup[b-pp0uswoeb2] {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.waterRiskCardGroup[b-pp0uswoeb2] {
}
.cardWrapper[b-pp0uswoeb2] {
display: flex;
/*display: grid;*/
gap: 1rem;
/*grid-template-columns: repeat(3, minmax(290px, 1fr));*/
/*justify-content: center;*/
padding-top: 24px;
/*flex-wrap: wrap;*/
}
@supports (-webkit-touch-callout: none) {
div.cardWrapper[b-pp0uswoeb2] {
margin-bottom: 1rem;
}
}
@supports (-webkit-touch-callout: none) {
div.waterRiskCard[b-pp0uswoeb2], div.waterStressCard[b-pp0uswoeb2] {
margin-bottom: 1rem;
}
}
.waterStressCard[b-pp0uswoeb2], .waterRiskCard[b-pp0uswoeb2] {
width: 290px;
padding: 1.2rem 0;
text-align: center;
color: white;
border-radius: 8px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.waterStressCard.negligible[b-pp0uswoeb2], .waterRiskCard.low[b-pp0uswoeb2] {
background-color: var(--blue);
/*margin-right: 1rem;*/
}
.waterRiskCard.moderate[b-pp0uswoeb2] {
background-color: var(--orange);
/*margin-right: 1rem;*/
}
.waterStressCard.atRisk[b-pp0uswoeb2], .waterRiskCard.high[b-pp0uswoeb2] {
background-color: var(--red);
}
.waterStressCard span[b-pp0uswoeb2], .waterRiskCard span[b-pp0uswoeb2] {
font-size: 44px;
font-weight: 400;
line-height: 51px;
display: block;
margin-bottom: 11px;
}
.waterStressCard p[b-pp0uswoeb2], .waterRiskCard p[b-pp0uswoeb2] {
font-size: 24px;
font-weight: 800;
line-height: 23px;
}
.waterRiskCardGroup .header[b-pp0uswoeb2] {
display: flex;
}
.waterRiskCategoryWrapper[b-pp0uswoeb2] {
margin-left: .75rem;
display: flex;
justify-content: center;
align-items: center;
}
.waterRiskCategoryWrapper span[b-pp0uswoeb2] {
display: block;
color: white;
transition: .3s all;
}
.waterRiskCategoryWrapper span.riskLevel[b-pp0uswoeb2],
.waterRiskCategoryWrapper span.externalImpact[b-pp0uswoeb2] {
font-size: .75rem;
font-weight: 500;
border-radius: 8px;
padding: 8px;
cursor: pointer;
background-color: #eeeeee;
color: #bebebe;
border: 1px solid #aeaeae;
transition: .3s all;
}
.waterRiskCategoryWrapper span.riskLevel.active[b-pp0uswoeb2] {
background-color: var(--red);
border: 1px solid var(--red);
color: var(--white);
}
.waterRiskCategoryWrapper span.externalImpact.active[b-pp0uswoeb2] {
background-color: var(--green);
border: 1px solid var(--green);
color: var(--white);
}
.waterRiskCategoryWrapper span.divider[b-pp0uswoeb2] {
margin: 0 5px;
color: var(--blue);
font-size: 1.2rem;
font-weight: bold;
border: 1px solid var(--blue);
height: 100%;
}
@media only screen and (max-width: 1800px) {
.rootComponent[b-pp0uswoeb2] {
flex-direction: column-reverse;
align-items: center;
}
.waterStressCardGroup[b-pp0uswoeb2] {
margin-top: 2rem;
}
.cardWrapper[b-pp0uswoeb2] {
flex-wrap: wrap;
justify-content: center;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/AnswerTable.razor.rz.scp.css */
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-8lfyapm1s6]::-webkit-outer-spin-button,
input[b-8lfyapm1s6]::-webkit-inner-spin-button,
textarea[b-8lfyapm1s6]::-webkit-outer-spin-button,
textarea[b-8lfyapm1s6]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-8lfyapm1s6] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-8lfyapm1s6] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-8lfyapm1s6] {
display: none;
}
.inputFieldRoot label[b-8lfyapm1s6],
.inputFieldRoot span[b-8lfyapm1s6] {
font-size: 1.125rem;
color: var(--dark-blue);
align-self: flex-start;
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-8lfyapm1s6] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-8lfyapm1s6] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-8lfyapm1s6] {
display: none;
}
.doubleColonMobile[b-8lfyapm1s6] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-8lfyapm1s6],
.inputFieldRoot textarea[b-8lfyapm1s6] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-8lfyapm1s6]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-8lfyapm1s6]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-8lfyapm1s6],
.inputFieldRoot textarea:focus[b-8lfyapm1s6] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-8lfyapm1s6] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-8lfyapm1s6] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-8lfyapm1s6] {
margin-top: 1rem;
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-8lfyapm1s6] {
display: flex;
}
.inputWrapperTable[b-8lfyapm1s6] {
width: 100%;
overflow: auto;
}
.additionalBtn[b-8lfyapm1s6] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-8lfyapm1s6] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-8lfyapm1s6] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-8lfyapm1s6] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-8lfyapm1s6] {
width: unset;
}
.inputFieldRoot > div > select[b-8lfyapm1s6]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-8lfyapm1s6] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-8lfyapm1s6] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-8lfyapm1s6] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/*===========Bade and asterisk============*/
label span.codeBadge[b-8lfyapm1s6] {
display: inline-block;
padding: 2px 5px;
margin: 0 4px;
background-color: var(--grey);
color: var(--blue);
font-size: .7rem;
font-weight: bold;
text-align: center;
border: 1px solid black;
border-radius: 7px;
}
.inputAlert[b-8lfyapm1s6] {
margin-top: 1rem;
color: var(--red);
}
span.redColor[b-8lfyapm1s6] {
color: var(--red);
display: inline-block;
margin-right: 8px;
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q14Group/Q14Group.razor.rz.scp.css */
.root[b-54gmaixege]{
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q14Group/TabelFasilitas.razor.rz.scp.css */
.rootComponent[b-btmznukhc6] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-btmznukhc6] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-btmznukhc6]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-btmznukhc6]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-btmznukhc6]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-btmznukhc6]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-btmznukhc6] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-btmznukhc6] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-btmznukhc6], .rootTable td[b-btmznukhc6] {
padding: 5px 8px;
}
.rootComponent th[b-btmznukhc6] {
font-weight: 500;
}
.rootComponent td.border[b-btmznukhc6], .rootComponent th.border[b-btmznukhc6] {
border: 1px solid var(--black);
}
.rootTable input[b-btmznukhc6], .rootTable textarea[b-btmznukhc6] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable input[b-btmznukhc6]::-webkit-input-placeholder, .rootTable textarea[b-btmznukhc6]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-btmznukhc6], .rootTable textarea:focus[b-btmznukhc6] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.rootTable textarea[b-btmznukhc6] {
resize: none;
}
.buttonWrapper[b-btmznukhc6] {
float: right;
margin-top: 1rem;
}
[b-btmznukhc6] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-btmznukhc6] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-btmznukhc6] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-btmznukhc6],
.deleteIcon[disabled][b-btmznukhc6] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-btmznukhc6],
.deleteIcon[disabled]:hover[b-btmznukhc6] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q22Group/Q22Group.razor.rz.scp.css */
.root[][b-ckhmelmzmx]
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q22Group/TabelAirDomestik.razor.rz.scp.css */
.rootComponent[b-7m174vwviq] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-7m174vwviq] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-7m174vwviq]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-7m174vwviq]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-7m174vwviq]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-7m174vwviq]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-7m174vwviq] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-7m174vwviq] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-7m174vwviq], .rootTable td[b-7m174vwviq] {
padding: 5px 8px;
}
.rootComponent th[b-7m174vwviq] {
font-weight: 500;
}
.rootComponent td.border[b-7m174vwviq], .rootComponent th.border[b-7m174vwviq] {
border: 1px solid var(--black);
}
.rootTable input[b-7m174vwviq] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-7m174vwviq] input {
min-width: 80px;
}
.rootTable input[b-7m174vwviq]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-7m174vwviq] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.rootTable select[b-7m174vwviq] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
.rootTable select:focus[b-7m174vwviq] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-7m174vwviq] {
float: right;
margin-top: 1rem;
}
[b-7m174vwviq] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-7m174vwviq] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-7m174vwviq] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-7m174vwviq],
.deleteIcon[disabled][b-7m174vwviq] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-7m174vwviq],
.deleteIcon[disabled]:hover[b-7m174vwviq] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q22Group/TabelAirIndustri.razor.rz.scp.css */
.rootComponent[b-j51arb1eiq] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-j51arb1eiq] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-j51arb1eiq]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-j51arb1eiq]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-j51arb1eiq]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-j51arb1eiq]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-j51arb1eiq] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-j51arb1eiq] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-j51arb1eiq], .rootTable td[b-j51arb1eiq] {
padding: 5px 8px;
}
.rootComponent th[b-j51arb1eiq] {
font-weight: 500;
}
.rootComponent td.border[b-j51arb1eiq], .rootComponent th.border[b-j51arb1eiq] {
border: 1px solid var(--black);
}
.rootTable input[b-j51arb1eiq] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-j51arb1eiq] input {
min-width: 80px;
}
.rootTable input[b-j51arb1eiq]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-j51arb1eiq] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.rootTable select[b-j51arb1eiq] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
.rootTable select:focus[b-j51arb1eiq] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-j51arb1eiq] {
float: right;
margin-top: 1rem;
}
[b-j51arb1eiq] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-j51arb1eiq] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-j51arb1eiq] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-j51arb1eiq],
.deleteIcon[disabled][b-j51arb1eiq] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-j51arb1eiq],
.deleteIcon[disabled]:hover[b-j51arb1eiq] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q26Group/Q26Group.razor.rz.scp.css */
.root[b-b6eiuacvhj]{}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q26Group/TabelAirPermukaan.razor.rz.scp.css */
.rootComponent[b-8looerpmwt] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-8looerpmwt] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-8looerpmwt]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-8looerpmwt]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-8looerpmwt]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-8looerpmwt]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-8looerpmwt] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-8looerpmwt] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-8looerpmwt], .rootTable td[b-8looerpmwt] {
padding: 5px 8px;
}
.rootComponent th[b-8looerpmwt] {
font-weight: 500;
}
.rootComponent td.border[b-8looerpmwt], .rootComponent th.border[b-8looerpmwt] {
border: 1px solid var(--black);
}
.rootTable input[b-8looerpmwt] {
width: 100%;
min-width: 120px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-8looerpmwt] input {
min-width: 80px;
}
.rootTable input[b-8looerpmwt]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-8looerpmwt] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-8looerpmwt] {
float: right;
margin-top: 1rem;
}
[b-8looerpmwt] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-8looerpmwt] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-8looerpmwt] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-8looerpmwt],
.deleteIcon[disabled][b-8looerpmwt] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-8looerpmwt],
.deleteIcon[disabled]:hover[b-8looerpmwt] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q26Group/TabelAirTanah.razor.rz.scp.css */
.rootComponent[b-evc78tkkmj] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-evc78tkkmj] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-evc78tkkmj]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-evc78tkkmj]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-evc78tkkmj]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-evc78tkkmj]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-evc78tkkmj] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-evc78tkkmj] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-evc78tkkmj], .rootTable td[b-evc78tkkmj] {
padding: 5px 8px;
}
.rootComponent th[b-evc78tkkmj] {
font-weight: 500;
}
.rootComponent td.border[b-evc78tkkmj], .rootComponent th.border[b-evc78tkkmj] {
border: 1px solid var(--black);
}
.rootTable input[b-evc78tkkmj] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-evc78tkkmj] input {
min-width: 80px;
}
.rootTable input[b-evc78tkkmj]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-evc78tkkmj] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-evc78tkkmj] {
float: right;
margin-top: 1rem;
}
[b-evc78tkkmj] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-evc78tkkmj] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-evc78tkkmj] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-evc78tkkmj],
.deleteIcon[disabled][b-evc78tkkmj] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-evc78tkkmj],
.deleteIcon[disabled]:hover[b-evc78tkkmj] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q31Group/TabelPengembalianAir.razor.rz.scp.css */
.rootComponent[b-h29kq7rtwh] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-h29kq7rtwh] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-h29kq7rtwh]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-h29kq7rtwh]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-h29kq7rtwh]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-h29kq7rtwh]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-h29kq7rtwh] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-h29kq7rtwh] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-h29kq7rtwh], .rootTable td[b-h29kq7rtwh] {
padding: 5px 8px;
}
.rootComponent th[b-h29kq7rtwh] {
font-weight: 500;
}
.rootComponent td.border[b-h29kq7rtwh], .rootComponent th.border[b-h29kq7rtwh] {
border: 1px solid var(--black);
}
.rootTable input[b-h29kq7rtwh] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable input[b-h29kq7rtwh]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-h29kq7rtwh] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.rootTable select[b-h29kq7rtwh] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
.rootTable select:focus[b-h29kq7rtwh] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-h29kq7rtwh] {
float: right;
margin-top: 1rem;
}
[b-h29kq7rtwh] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-h29kq7rtwh] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-h29kq7rtwh] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-h29kq7rtwh],
.deleteIcon[disabled][b-h29kq7rtwh] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-h29kq7rtwh],
.deleteIcon[disabled]:hover[b-h29kq7rtwh] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q40Group/TabelPengolahan.razor.rz.scp.css */
.rootComponent[b-5v3x5hbzn9] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-5v3x5hbzn9] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-5v3x5hbzn9]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-5v3x5hbzn9]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-5v3x5hbzn9]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-5v3x5hbzn9]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-5v3x5hbzn9] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-5v3x5hbzn9] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-5v3x5hbzn9], .rootTable td[b-5v3x5hbzn9] {
padding: 5px 8px;
}
.rootComponent th[b-5v3x5hbzn9] {
font-weight: 500;
}
.rootComponent td.border[b-5v3x5hbzn9], .rootComponent th.border[b-5v3x5hbzn9] {
border: 1px solid var(--black);
}
.rootTable input[b-5v3x5hbzn9] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-5v3x5hbzn9] input {
min-width: 80px;
}
.rootTable input[b-5v3x5hbzn9]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-5v3x5hbzn9] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-5v3x5hbzn9] {
float: right;
margin-top: 1rem;
}
[b-5v3x5hbzn9] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-5v3x5hbzn9] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-5v3x5hbzn9] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-5v3x5hbzn9],
.deleteIcon[disabled][b-5v3x5hbzn9] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-5v3x5hbzn9],
.deleteIcon[disabled]:hover[b-5v3x5hbzn9] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q46Group/Q46Group.razor.rz.scp.css */
.container[b-ppd5th0dge] {
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q46Group/TabelAirLimbahDariPendingin.razor.rz.scp.css */
.rootComponent[b-cun8jqcrg4] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-cun8jqcrg4] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-cun8jqcrg4]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-cun8jqcrg4]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-cun8jqcrg4]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-cun8jqcrg4]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-cun8jqcrg4] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-cun8jqcrg4] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-cun8jqcrg4], .rootTable td[b-cun8jqcrg4] {
padding: 5px 8px;
}
.rootComponent th[b-cun8jqcrg4] {
font-weight: 500;
}
.rootComponent td.border[b-cun8jqcrg4], .rootComponent th.border[b-cun8jqcrg4] {
border: 1px solid var(--black);
}
.rootTable input[b-cun8jqcrg4] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-cun8jqcrg4] input {
min-width: 80px;
}
.rootTable input[b-cun8jqcrg4]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-cun8jqcrg4] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-cun8jqcrg4] {
float: right;
margin-top: 1rem;
}
[b-cun8jqcrg4] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-cun8jqcrg4] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-cun8jqcrg4] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-cun8jqcrg4],
.deleteIcon[disabled][b-cun8jqcrg4] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-cun8jqcrg4],
.deleteIcon[disabled]:hover[b-cun8jqcrg4] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q46Group/TabelAirLimbahDariUnitOperasi.razor.rz.scp.css */
.rootComponent[b-euxquz7xu9] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-euxquz7xu9] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-euxquz7xu9]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-euxquz7xu9]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-euxquz7xu9]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-euxquz7xu9]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-euxquz7xu9] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-euxquz7xu9] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-euxquz7xu9], .rootTable td[b-euxquz7xu9] {
padding: 5px 8px;
}
.rootComponent th[b-euxquz7xu9] {
font-weight: 500;
}
.rootComponent td.border[b-euxquz7xu9], .rootComponent th.border[b-euxquz7xu9] {
border: 1px solid var(--black);
}
.rootTable input[b-euxquz7xu9] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-euxquz7xu9] input {
min-width: 80px;
}
.rootTable input[b-euxquz7xu9]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-euxquz7xu9] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-euxquz7xu9] {
float: right;
margin-top: 1rem;
}
[b-euxquz7xu9] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-euxquz7xu9] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-euxquz7xu9] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-euxquz7xu9],
.deleteIcon[disabled][b-euxquz7xu9] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-euxquz7xu9],
.deleteIcon[disabled]:hover[b-euxquz7xu9] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q46Group/TabelAirLimbahDomestik.razor.rz.scp.css */
.rootComponent[b-6035rfqz4u] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-6035rfqz4u] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-6035rfqz4u]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-6035rfqz4u]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-6035rfqz4u]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-6035rfqz4u]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-6035rfqz4u] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-6035rfqz4u] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-6035rfqz4u], .rootTable td[b-6035rfqz4u] {
padding: 5px 8px;
}
.rootComponent th[b-6035rfqz4u] {
font-weight: 500;
}
.rootComponent td.border[b-6035rfqz4u], .rootComponent th.border[b-6035rfqz4u] {
border: 1px solid var(--black);
}
.rootTable input[b-6035rfqz4u] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-6035rfqz4u] input {
min-width: 80px;
}
.rootTable input[b-6035rfqz4u]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-6035rfqz4u] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-6035rfqz4u] {
float: right;
margin-top: 1rem;
}
[b-6035rfqz4u] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-6035rfqz4u] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-6035rfqz4u] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-6035rfqz4u],
.deleteIcon[disabled][b-6035rfqz4u] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-6035rfqz4u],
.deleteIcon[disabled]:hover[b-6035rfqz4u] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/AnswerTable/Q46Group/TabelAirLimbahDrainase.razor.rz.scp.css */
.rootComponent[b-3wdy4ot5nl] {
width: 100%;
margin-bottom: 1rem;
}
.rootComponentContent[b-3wdy4ot5nl] {
width: 100%;
overflow: auto;
}
.rootComponentContent[b-3wdy4ot5nl]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.rootComponentContent[b-3wdy4ot5nl]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.rootComponentContent[b-3wdy4ot5nl]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.rootComponentContent[b-3wdy4ot5nl]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
span.tableTitle[b-3wdy4ot5nl] {
font-size: 1rem;
font-weight: 300;
}
.rootTable[b-3wdy4ot5nl] {
width: 100%;
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootComponent th[b-3wdy4ot5nl], .rootTable td[b-3wdy4ot5nl] {
padding: 5px 8px;
}
.rootComponent th[b-3wdy4ot5nl] {
font-weight: 500;
}
.rootComponent td.border[b-3wdy4ot5nl], .rootComponent th.border[b-3wdy4ot5nl] {
border: 1px solid var(--black);
}
.rootTable input[b-3wdy4ot5nl] {
width: 100%;
min-width: 100px;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.rootTable[b-3wdy4ot5nl] input {
min-width: 80px;
}
.rootTable input[b-3wdy4ot5nl]::-webkit-input-placeholder {
color: var(--grey-border);
}
.rootTable input:focus[b-3wdy4ot5nl] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.buttonWrapper[b-3wdy4ot5nl] {
float: right;
margin-top: 1rem;
}
[b-3wdy4ot5nl] .ml-5 {
margin-left: 5px;
}
/*for delete icon*/
.deleteIcon[b-3wdy4ot5nl] {
color: var(--red);
cursor: pointer;
}
.deleteIcon:hover[b-3wdy4ot5nl] {
color: var(--red-darker);
}
.deleteIcon:disabled[b-3wdy4ot5nl],
.deleteIcon[disabled][b-3wdy4ot5nl] {
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-3wdy4ot5nl],
.deleteIcon[disabled]:hover[b-3wdy4ot5nl] {
color: #666666;
}
/*end for delete icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/ApprovalPopUp.razor.rz.scp.css */
.root[b-pdaou90fky] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
}
.modalWrapper[b-pdaou90fky] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-pdaou90fky] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-pdaou90fky] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-pdaou90fky] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-pdaou90fky] {
color: rgb(224, 224, 224);
}
.modalContent[b-pdaou90fky] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-pdaou90fky] {
margin-bottom: 1.5rem;
}
.root button[b-pdaou90fky] {
margin: auto;
margin-top: 2rem;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-pdaou90fky] {
width: 50%;
}
.modalContent[b-pdaou90fky] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-pdaou90fky] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-pdaou90fky] {
padding: 1rem;
}
.modalHeader .closeIcon[b-pdaou90fky] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-pdaou90fky] {
width: 90%;
}
.modalContent[b-pdaou90fky] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-pdaou90fky] {
padding-left: 1.5rem;
}
.modalHeader h2[b-pdaou90fky] {
text-align: left;
}
.modalHeader .closeIcon[b-pdaou90fky] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-pdaou90fky] {
padding-left: 1rem;
}
.modalContent[b-pdaou90fky] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-pdaou90fky] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-pdaou90fky]::-webkit-outer-spin-button,
input[b-pdaou90fky]::-webkit-inner-spin-button,
textarea[b-pdaou90fky]::-webkit-outer-spin-button,
textarea[b-pdaou90fky]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-pdaou90fky] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-pdaou90fky] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-pdaou90fky] {
display: none;
}
.inputFieldRoot label[b-pdaou90fky],
.inputFieldRoot span[b-pdaou90fky] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-pdaou90fky] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-pdaou90fky] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-pdaou90fky] {
display: none;
}
.doubleColonMobile[b-pdaou90fky] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-pdaou90fky],
.inputFieldRoot textarea[b-pdaou90fky] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-pdaou90fky]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-pdaou90fky]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-pdaou90fky],
.inputFieldRoot textarea:focus[b-pdaou90fky] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-pdaou90fky] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-pdaou90fky] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-pdaou90fky] {
margin-top: 1rem;
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-pdaou90fky] {
display: flex;
}
.additionalBtn[b-pdaou90fky] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-pdaou90fky] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-pdaou90fky] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-pdaou90fky] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-pdaou90fky] {
width: unset;
}
.inputFieldRoot > div > select[b-pdaou90fky]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-pdaou90fky] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-pdaou90fky] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-pdaou90fky] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/CaseStudySection.razor.rz.scp.css */
.root[b-5ryfg0naus] {
display: grid;
grid-template-columns: 1.25fr 1fr;
background-color: var(--grey);
padding: 8.375rem 9.25rem;
}
.rightSide h2[b-5ryfg0naus] {
color: var(--blue);
font-size: 2.3125rem;
font-weight: 800;
margin-bottom: 1.5rem;
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}
.rightSide span[b-5ryfg0naus] {
color: var(--blue);
font-size: 1.625rem;
font-weight: 600;
line-height: 30px;
display: block;
margin-bottom: 1.5rem;
}
.rightSide p[b-5ryfg0naus] {
font-size: 1.25rem;
line-height: 36px;
align-items: justify;
margin-bottom: 2rem;
}
.rightSide p:last-child[b-5ryfg0naus] {
margin-bottom: 2.375rem;
}
.leftSide[b-5ryfg0naus] {
padding-right: 4.5rem;
}
@media only screen and (max-width: 1440px) {
.rightSide span[b-5ryfg0naus] {
font-size: 1.375rem;
line-height: 25px;
}
.rightSide p[b-5ryfg0naus] {
font-size: 1rem;
line-height: 28px;
}
}
@media only screen and (max-width: 1280px) {
.root[b-5ryfg0naus] {
padding: 7rem 8rem;
}
.rightSide p[b-5ryfg0naus] {
font-size: 0.875rem;
line-height: 24px;
}
}
@media only screen and (max-width: 1024px) {
.root[b-5ryfg0naus] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
padding-bottom: 0;
}
.leftSide[b-5ryfg0naus] {
padding-right: 0;
margin-bottom: 6rem;
}
.rightSide h2[b-5ryfg0naus],
.rightSide span[b-5ryfg0naus] {
text-align: center;
}
}
@media only screen and (max-width: 800px) {
.root[b-5ryfg0naus] {
padding: 7rem 5rem;
}
}
@media only screen and (max-width: 500px) {
.root[b-5ryfg0naus] {
padding: 5rem 2rem;
}
.rightSide h2[b-5ryfg0naus] {
font-size: 2rem;
}
}
@media only screen and (max-width: 471px) {
.root[b-5ryfg0naus] {
padding: 4rem 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/Collapseable/CollapseableItem.razor.rz.scp.css */
.accordionItem[b-stpytu0jwz] {
margin-bottom: .68rem;
color: var(--white);
border-radius: 13px;
overflow: hidden;
}
.iconColor svg fill[b-stpytu0jwz] {
fill: var(--blue);
}
.accordionHeader[b-stpytu0jwz] {
color: var(--blue);
background-color: var(--white);
display: flex;
padding: 1.5rem 1.25rem 1.5rem 2.5rem;
cursor: pointer;
transition: .3s;
}
.accordionHeader:hover[b-stpytu0jwz] {
background-color: var(--blue);
color: var(--white);
}
.accordionHeader.active[b-stpytu0jwz] {
background-color: var(--blue);
color: var(--white);
}
.accordionIcon[b-stpytu0jwz] {
flex: 1;
display: flex;
justify-content: flex-start;
align-items: center;
}
.accordionTitle[b-stpytu0jwz] {
flex: 8;
font-size: 1.6875rem;
font-weight: 800;
display: flex;
justify-content: flex-start;
align-items: center;
}
.accordionArrowWrapper[b-stpytu0jwz] {
flex: .75;
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 2.8rem;
}
.arrow[b-stpytu0jwz] {
transition: .3s;
}
.arrow.active[b-stpytu0jwz] {
transform: rotate(90deg);
}
.accordionDesc[b-stpytu0jwz] {
font-size: 1.25rem;
line-height: 34px;
text-align: justify;
background-color: var(--blue);
/* for unactive accordion */
max-height: 0;
/*opacity: 0;*/
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
/* for active accordion */
.accordionDesc.active[b-stpytu0jwz] {
padding: 1rem 1.75rem 1.5rem 2.5rem;
max-height: 100vh;
/*opacity: 1;*/
transition: max-height 0.5s ease-in-out;
}
@media only screen and (max-width: 1440px) {
.accordionHeader[b-stpytu0jwz] {
padding: 1.5rem 1.25rem 1.5rem 1.75rem;
}
.accordionTitle[b-stpytu0jwz] {
flex: 4;
}
.accordionArrowWrapper[b-stpytu0jwz] {
flex: 1;
}
.accordionDesc.active[b-stpytu0jwz] {
padding: 1rem 1.75rem 1.5rem 1.75rem;
}
}
@media only screen and (max-width: 1280px) {
.accordionTitle[b-stpytu0jwz] {
font-size: 1.375rem;
}
.accordionDesc[b-stpytu0jwz] {
font-size: 0.875rem;
line-height: 24px;
}
}
@media only screen and (max-width: 471px) {
.accordionArrowWrapper[b-stpytu0jwz] {
flex: .6;
font-size: 2.25rem;
}
.accordionHeader[b-stpytu0jwz],
.accordionDesc.active[b-stpytu0jwz] {
padding-left: 1rem;
padding-right: 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/DropdownLanguage.razor.rz.scp.css */
.languageSelectorWrapper[b-izdgds886j] {
margin-left: 1rem;
cursor: pointer;
font-weight: 400;
text-decoration: underline;
}
.languageOptions[b-izdgds886j] {
padding: 1rem;
margin-top: 9rem;
right: 1rem;
border-radius: 10px;
background-color: var(--white);
box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.25);
display: flex;
max-width: auto;
flex-direction: column;
position: absolute;
justify-content: center;
align-content: center;
}
.languageOptions span[b-izdgds886j] {
text-decoration: none;
border-radius: 5px;
padding: 5px;
display: flex;
align-items: center;
}
.languageOptions span img[b-izdgds886j] {
margin-right: .5rem;
}
.languageOptions span:hover[b-izdgds886j] {
background-color: var(--grey);
cursor: pointer;
}
.hide[b-izdgds886j]{
display: none;
}
@media only screen and (max-width: 1024px){
.languageOptions[b-izdgds886j]{
left: 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/FacilityManagement/FacilityMgtModal.razor.rz.scp.css */
.root[b-j6gy8tfbtd] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-j6gy8tfbtd] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-j6gy8tfbtd] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-j6gy8tfbtd] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-j6gy8tfbtd] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-j6gy8tfbtd] {
color: rgb(224, 224, 224);
}
.modalContent[b-j6gy8tfbtd] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-j6gy8tfbtd] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-j6gy8tfbtd] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-j6gy8tfbtd] {
width: 50%;
}
.modalContent[b-j6gy8tfbtd] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-j6gy8tfbtd] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-j6gy8tfbtd] {
padding: 1rem;
}
.modalHeader .closeIcon[b-j6gy8tfbtd] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-j6gy8tfbtd] {
width: 90%;
}
.modalContent[b-j6gy8tfbtd] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-j6gy8tfbtd] {
padding-left: 1.5rem;
}
.modalHeader h2[b-j6gy8tfbtd] {
text-align: left;
}
.modalHeader .closeIcon[b-j6gy8tfbtd] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-j6gy8tfbtd] {
padding-left: 1rem;
}
.modalContent[b-j6gy8tfbtd] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-j6gy8tfbtd] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-j6gy8tfbtd]::-webkit-outer-spin-button,
input[b-j6gy8tfbtd]::-webkit-inner-spin-button,
textarea[b-j6gy8tfbtd]::-webkit-outer-spin-button,
textarea[b-j6gy8tfbtd]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select[b-j6gy8tfbtd], option[b-j6gy8tfbtd] {
-webkit-appearance: none;
}
/* Firefox */
input[type=number][b-j6gy8tfbtd] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-j6gy8tfbtd] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-j6gy8tfbtd] {
display: none;
}
.inputFieldRoot label[b-j6gy8tfbtd],
.inputFieldRoot span[b-j6gy8tfbtd] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-j6gy8tfbtd] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-j6gy8tfbtd] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-j6gy8tfbtd] {
display: none;
}
.doubleColonMobile[b-j6gy8tfbtd] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-j6gy8tfbtd],
.inputFieldRoot textarea[b-j6gy8tfbtd] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-j6gy8tfbtd]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-j6gy8tfbtd]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-j6gy8tfbtd],
.inputFieldRoot textarea:focus[b-j6gy8tfbtd] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-j6gy8tfbtd] {
resize: none;
}
/* Input Alert */
.inputAlert[b-j6gy8tfbtd] {
margin-top: 1rem;
color: var(--red);
}
/* Input Password eye icon */
.input .inputWrapper[b-j6gy8tfbtd] {
position: relative;
}
.eyeIcon[b-j6gy8tfbtd] {
font-size: 1.5rem;
color: var(--blue);
position: absolute;
right: 1rem;
top: .5rem;
cursor: pointer;
transition: .3s all;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-j6gy8tfbtd] {
display: flex;
}
.dropdown[b-j6gy8tfbtd] {
position: relative;
}
.dropdown[b-j6gy8tfbtd]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-j6gy8tfbtd] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-j6gy8tfbtd] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-j6gy8tfbtd] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-j6gy8tfbtd] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-j6gy8tfbtd]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-j6gy8tfbtd] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-j6gy8tfbtd]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-j6gy8tfbtd] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-j6gy8tfbtd] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-j6gy8tfbtd] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/FacilityManagement/FacilityTableManagement.razor.rz.scp.css */
.rootComponent[b-gfaap39wna] {
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
box-shadow: 0 0 2px var(--black);
}
.tableWrapper[b-gfaap39wna] {
width: 100%;
max-height: 700px;
overflow: auto;
}
.tableWrapper[b-gfaap39wna]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.tableWrapper[b-gfaap39wna]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.tableWrapper[b-gfaap39wna]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.tableWrapper[b-gfaap39wna]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.rootTable[b-gfaap39wna] {
width: 100%;
background-color: var(--blue-sky-background);
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootTable th[b-gfaap39wna], .rootTable td[b-gfaap39wna] {
padding: 5px 8px;
border: 7px solid var(--blue-sky-background);
}
.rootTable th[b-gfaap39wna] {
font-weight: 500;
background-color: var(--blue-sky);
position: sticky;
top: 0;
cursor: pointer;
}
.rootTable th .tableHeaderWrapper[b-gfaap39wna] {
width: 100%;
height: 100%;
padding: 0 1rem 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.rootTable th .sortIcon[b-gfaap39wna] {
color: var(--blue-darker);
}
.rootTable tr:hover td[b-gfaap39wna] {
background-color: var(--table-hover);
}
.rootTable td[b-gfaap39wna] {
background-color: var(--white-fb);
}
/*for delete & edit icon*/
.actionCol[b-gfaap39wna] {
/* display: flex;*/
/* justify-content: space-around;*/
text-align: center;
}
.actionIcon:disabled[b-gfaap39wna],
.actionIcon[disabled][b-gfaap39wna] {
color: #666666;
cursor: default;
}
.actionIcon:disabled:hover[b-gfaap39wna],
.actionIcon[disabled]:hover[b-gfaap39wna] {
color: #666666;
}
.deleteIcon[b-gfaap39wna] {
color: var(--red);
cursor: pointer;
margin-left: 5px;
}
.deleteIcon:hover[b-gfaap39wna] {
color: var(--red-darker);
}
.editIcon[b-gfaap39wna] {
color: var(--green);
cursor: pointer;
display: inline-block;
margin-left: 5px;
}
.editIcon:hover[b-gfaap39wna] {
color: var(--greenground-hover);
}
.assignIcon[b-gfaap39wna] {
color: var(--blue);
cursor: pointer;
display: inline-block;
}
.assignIcon:hover[b-gfaap39wna] {
color: var(--blue-sky);
}
/*end for delete & edit icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/Footer.razor.rz.scp.css */
.root[b-2ydw47tr89] {
background-color: var(--blue);
padding: 3.125rem 9rem 3.75rem;
color: white;
}
.footerWrapper[b-2ydw47tr89] {
display: flex;
}
.leftFooter[b-2ydw47tr89] {
flex: 3;
display: flex;
justify-content: space-evenly;
/* background-color: red; */
}
.rightFooter[b-2ydw47tr89] {
flex: 1;
}
.column[b-2ydw47tr89] {
/* background-color: aqua; */
}
.title[b-2ydw47tr89] {
font-size: 1.25rem;
font-weight: 700;
display: block;
margin-bottom: .5rem;
}
.menuList[b-2ydw47tr89] {
list-style-type: none;
}
.menuList li[b-2ydw47tr89] {
margin-bottom: .25rem;
}
.menuList a[b-2ydw47tr89] {
text-decoration: none;
color: var(--white);
font-size: .875rem;
}
.menuList a:hover[b-2ydw47tr89] {
text-decoration: underline;
}
.rightFooter h2[b-2ydw47tr89] {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: .75rem;
}
.rightFooter .number[b-2ydw47tr89] {
font-size: 3.125rem;
font-weight: 700;
display: block;
margin-bottom: 1.5rem;
}
.rightFooter p[b-2ydw47tr89] {
font-size: 0.875rem;
margin-bottom: 0.5625rem;
}
.rightFooter .socialMedia[b-2ydw47tr89] {
margin-top: 1.5rem;
display: flex;
}
.rightFooter .socialMedia ul[b-2ydw47tr89] {
display: flex;
list-style: none;
margin-right: .9rem;
}
.socialMedia ul li[b-2ydw47tr89] {
padding-left: 5px;
padding-right: 5px;
}
.socialMedia ul li img[b-2ydw47tr89] {
width: 42px;
}
.socialMedia span[b-2ydw47tr89] {
display: flex;
justify-content: center;
align-items: center;
border-left: 4px solid var(--white);
padding-left: 0.9rem;
font-size: 1.25rem;
font-weight: 700;
}
hr.footer[b-2ydw47tr89] {
margin-top: 9.8rem;
}
span.copy[b-2ydw47tr89] {
display: block;
margin-top: 0.5625rem;
font-size: .875rem;
}
@media only screen and (max-width: 1440px) {
.root[b-2ydw47tr89] {
padding: 3.125rem 7rem 3.75rem;
}
.socialMedia ul li img[b-2ydw47tr89] {
width: 32px;
}
}
@media only screen and (max-width: 1280px) {
.root[b-2ydw47tr89] {
padding: 3.125rem 4rem 3.75rem;
}
.socialMedia ul li img[b-2ydw47tr89] {
width: 23px;
}
.leftFooter[b-2ydw47tr89] {
justify-content: space-between;
padding-right: 2.8rem;
}
.title[b-2ydw47tr89],
.rightFooter h2[b-2ydw47tr89] {
font-size: 1rem;
}
}
@media only screen and (max-width: 1280px) {
.leftFooter[b-2ydw47tr89] {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 1rem;
justify-content: center;
}
.column[b-2ydw47tr89] {
width: 70%;
height: 100%;
margin: auto;
}
hr.footer[b-2ydw47tr89] {
margin-top: 8rem;
}
}
@media only screen and (max-width: 960px) {
.root[b-2ydw47tr89] {
padding: 3.125rem 6rem 3.75rem;
}
.footerWrapper[b-2ydw47tr89] {
flex-direction: column;
}
.leftFooter[b-2ydw47tr89] {
grid-template-columns: 2fr 1fr;
row-gap: 3rem;
padding-right: 0;
}
.column[b-2ydw47tr89] {
width: 100%;
}
.rightFooter[b-2ydw47tr89] {
margin-top: 3rem;
}
}
@media only screen and (max-width: 600px) {
.root[b-2ydw47tr89] {
padding: 3.125rem 2rem 3.75rem;
}
}
@media only screen and (max-width: 500px) {
.leftFooter[b-2ydw47tr89] {
grid-template-columns: 1fr;
}
span.copy[b-2ydw47tr89] {
line-height: 26px;
}
span.copy span[b-2ydw47tr89] {
display: block;
line-height: 26px;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/HeaderSection.razor.rz.scp.css */
.root[b-kaqj7hj0f2] {
background-image: url('/assets/img/world-water.png');
background-size: cover;
/* background-position: 0 -20px; */
display: grid;
grid-template-columns: 1fr 1fr;
}
.leftSide[b-kaqj7hj0f2] {
padding: 8.25rem 1rem 15.8rem 9.2rem;
color: var(--white);
}
.websiteDescriptionBox[b-kaqj7hj0f2] {
background-color: var(--blue);
padding: 3.75rem 4.25rem;
border-radius: 13px;
}
.websiteDescriptionBox h1[b-kaqj7hj0f2] {
font-size: 2.3125rem;
margin-bottom: 2.25rem;
filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}
.websiteDescriptionBox span.subtitle[b-kaqj7hj0f2] {
display: inline-block;
font-size: 1.625rem;
margin-bottom: 2.25rem;
}
.websiteDescriptionBox p[b-kaqj7hj0f2] {
display: inline-block;
font-size: 1.25rem;
margin-bottom: 5rem;
line-height: 34px;
text-align: justify;
}
.rightSide[b-kaqj7hj0f2] {
display: flex;
justify-content: center;
align-items: center;
}
.rightSide img[b-kaqj7hj0f2] {
width: 80%;
}
@media only screen and (max-width: 1440px) {
.websiteDescriptionBox[b-kaqj7hj0f2] {
padding: 3.75rem 3rem;
}
.websiteDescriptionBox span.subtitle[b-kaqj7hj0f2] {
font-size: 1.375rem;
}
.websiteDescriptionBox p[b-kaqj7hj0f2] {
font-size: 1rem;
line-height: 28px;
}
}
/* Laptops */
@media only screen and (max-width: 1280px) {
.leftSide[b-kaqj7hj0f2] {
padding-left: 6rem;
}
.rightSide img[b-kaqj7hj0f2] {
width: 90%;
}
}
/* Small Screen Desktop/Tablet */
@media only screen and (max-width: 1024px) {
.root[b-kaqj7hj0f2] {
grid-template-rows: .5fr 1fr;
grid-template-columns: 1fr;
}
.leftSide[b-kaqj7hj0f2] {
order: 2;
padding: 5rem;
}
.rightSide[b-kaqj7hj0f2] {
order: 1;
margin-top: 120px;
}
.rightSide img[b-kaqj7hj0f2] {
width: 80%;
}
}
/* Small Tablet/Ipad and Down */
@media only screen and (max-width: 800px) {
.leftSide[b-kaqj7hj0f2] {
padding: 2rem;
}
}
/* Mobile Devices (min. 320px --> iphone 5) */
@media only screen and (max-width: 481px) {
.root[b-kaqj7hj0f2] {
grid-template-rows: .45fr 1fr;
}
.leftSide[b-kaqj7hj0f2] {
padding: .8rem;
}
.rightSide[b-kaqj7hj0f2] {
margin-top: 80px;
}
.websiteDescriptionBox[b-kaqj7hj0f2] {
padding: 2rem;
border-radius: 13px;
}
.websiteDescriptionBox h1[b-kaqj7hj0f2] {
font-size: 1.75rem;
margin-bottom: 2.25rem;
text-align: center;
}
.websiteDescriptionBox span.subtitle[b-kaqj7hj0f2] {
font-size: 1.25rem;
margin-bottom: 2.5rem;
text-align: center;
}
.websiteDescriptionBox p[b-kaqj7hj0f2] {
font-size: 1rem;
margin-bottom: 5rem;
line-height: 30px;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/LanguageDropdown.razor.rz.scp.css */
.additionalMenu[b-6yngoboq1r] {
}
.additionalMenu ul[b-6yngoboq1r] {
list-style: none;
padding-left: 18px;
padding-right: 18px;
}
li.additionalMenuItem[b-6yngoboq1r] {
background-color: var(--white);
color: var(--blue);
padding: .3rem .75rem;
margin-bottom: .75rem;
cursor: pointer;
border: 1px solid var(--blue);
border-radius: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
transition: .3s;
}
li.additionalMenuItem:hover[b-6yngoboq1r] {
background-color: var(--lightblue);
color: var(--white);
border: 1px solid var(--white);
}
li.additionalMenuItem:hover .faNavItemIcon[b-6yngoboq1r] {
background-color: var(--white);
color: var(--lightblue);
}
li.additionalMenuItem span[b-6yngoboq1r] {
display: inline-block;
font-size: .875rem;
font-weight: 500;
}
.text[b-6yngoboq1r] {
width: 100%;
display: flex;
justify-content: space-between;
}
.languageIcon[b-6yngoboq1r] {
/*margin-left: auto;*/
}
/*Choose Language Dei*/
li.additionalMenuItem[b-6yngoboq1r] {
position: relative;
}
li.additionalMenuItem.languageOption[b-6yngoboq1r] {
margin-top: 0.75rem;
border-radius: 8px;
min-width: 215px;
}
span.chooseLanguage[b-6yngoboq1r] {
position: absolute;
left: 0px;
height: 100%;
width: 100%;
border-radius: 8px;
}
span.chooseLanguage select[b-6yngoboq1r] {
cursor: pointer;
height: 100%;
width: 100%;
background: transparent;
border: none;
/*-webkit-appearance: none;*/
display: block;
font-size: .875rem;
font-weight: 500;
/*color: var(--blue);*/
color: transparent;
}
/*span.chooseLanguage select:hover {
color: var(--white);
}*/
span.chooseLanguage select:focus[b-6yngoboq1r] {
outline: none;
}
option:hover[b-6yngoboq1r],
option:focus[b-6yngoboq1r],
option:active[b-6yngoboq1r],
option:checked[b-6yngoboq1r] {
background: linear-gradient(#5A2569, #5A2569);
}
select.flag-icon option[b-6yngoboq1r] {
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 30px;
color: var(--blue);
}
select#languagePicker option[value=""][b-6yngoboq1r] {
left: 50px;
}
select#languagePicker option[value="en-US"][b-6yngoboq1r] {
background-image: url(/assets/img/icon/lang-en-US.png);
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: center calc(100% - 2px);
}
select#languagePicker option[value="id-ID"][b-6yngoboq1r] {
background-image: url(/assets/img/icon/lang-id-ID.png);
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: center calc(100% - 2px);
}
/*Language*/
.faNavItemIcon[b-6yngoboq1r] {
padding: 5px;
margin-right: .875rem;
background-color: var(--blue);
color: white;
border-radius: 50%;
font-size: .75rem;
}
@media only screen and (max-width: 960px) {
li.additionalMenuItem[b-6yngoboq1r] {
justify-content: center;
padding-top: 8px;
padding-bottom: 8px;
width: fit-content;
margin: auto;
margin-bottom: .75rem;
}
}
@media only screen and (max-width: 481px) {
.root[b-6yngoboq1r] {
margin-top: 55px;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/LoginPopup.razor.rz.scp.css */
.root[b-w82wu3seif] {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.popupWrapper[b-w82wu3seif] {
background-color: var(--white);
display: flex;
width: 80%;
/* height: 60%; */
height: 784px;
position: relative;
}
.leftImage[b-w82wu3seif] {
flex: 1;
background-image: url('../../../assets/img/loginpage-image.jpg');
background-size: cover;
background-repeat: no-repeat;
appearance: none;
/* Firefox */
-moz-appearance: none;
/* Safari and Chrome */
-webkit-appearance: none;
}
.rightContent[b-w82wu3seif] {
flex: 1.5;
overflow: auto;
}
.contentWrapper[b-w82wu3seif] {
width: 50%;
margin-top: 7.25rem;
margin-left: 10rem;
padding-bottom: 3rem;
}
.rightContent h2[b-w82wu3seif] {
margin-bottom: 2.5rem;
color: var(--blue);
font-size: 2.3125rem;
font-weight: 800;
}
[b-w82wu3seif] .inputForm {
width: 100%;
margin-bottom: 1.375rem;
padding: 1.25rem 2rem;
font-size: 1.125rem;
font-family: "Roboto", sans-serif;
font-weight: 300;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
[b-w82wu3seif] .inputForm::-webkit-input-placeholder {
color: var(--grey-border);
}
[b-w82wu3seif] .inputForm:focus {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
[b-w82wu3seif] .inputForm:nth-child(2) {
margin-bottom: 2.5rem;
}
/* Input Password eye icon */
.inputWrapper[b-w82wu3seif] {
position: relative;
}
.eyeIcon[b-w82wu3seif] {
font-size: 1.5rem;
color: var(--blue);
position: absolute;
right: 1rem;
top: 1.25rem;
cursor: pointer;
transition: .3s all;
}
hr.login[b-w82wu3seif] {
margin-top: 3.75rem;
margin-bottom: 1.875rem;
}
.manageAccount[b-w82wu3seif] {
display: flex;
}
.left[b-w82wu3seif] {
flex: 1;
text-align: left;
}
.right[b-w82wu3seif] {
flex: 1;
text-align: right;
}
.left p[b-w82wu3seif] {
font-family: 'Poppins', sans-serif;
color: #4C4F7C;
font-size: 1rem;
font-weight: 500;
}
.right a[b-w82wu3seif] {
font-family: 'Poppins', sans-serif;
color: #007DFA;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
}
.right a:hover[b-w82wu3seif] {
text-decoration: underline;
}
.left p:first-child[b-w82wu3seif],
.right a:first-child[b-w82wu3seif] {
display: block;
margin-bottom: 1.5rem;
}
.exitIcon[b-w82wu3seif] {
position: absolute;
top: 3rem;
right: 4rem;
font-size: 3rem;
color: var(--red);
cursor: pointer;
}
.exitIcon:hover[b-w82wu3seif] {
color: var(--redground-hover);
}
@media only screen and (max-width: 1440px) {
.popupWrapper[b-w82wu3seif] {
height: 85%;
}
.leftImage[b-w82wu3seif] {
background-position: calc(15%);
}
.contentWrapper[b-w82wu3seif] {
width: 55%;
margin-top: 4.5rem;
margin-left: 6.5rem;
}
.rightContent h2[b-w82wu3seif] {
margin-bottom: 2rem;
font-size: 1.7rem;
}
[b-w82wu3seif] .inputForm {
margin-bottom: 1rem;
padding: 1rem 1.5rem;
font-size: 1rem;
}
[b-w82wu3seif] .inputForm:nth-child(2) {
margin-bottom: 1.5rem;
}
.left p[b-w82wu3seif],
.right a[b-w82wu3seif] {
font-size: .875rem;
}
.exitIcon[b-w82wu3seif] {
position: absolute;
top: 1.5rem;
right: 2rem;
font-size: 2rem;
}
}
@media only screen and (max-width: 1280px) {
.contentWrapper[b-w82wu3seif] {
margin-left: 5rem;
width: 65%;
}
}
@media only screen and (max-width: 1024px) {
.leftImage[b-w82wu3seif] {
display: none;
}
.rightContent[b-w82wu3seif] {
display: flex;
justify-content: center;
align-items: center;
}
.contentWrapper[b-w82wu3seif] {
margin-left: 0;
width: 60%;
}
}
@media only screen and (max-width: 769px) {
.contentWrapper[b-w82wu3seif] {
width: 80%;
}
}
@media only screen and (max-width: 380px) {
.rightContent h2[b-w82wu3seif] {
margin-top: 8rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/Notification/AnnouncementModal.razor.rz.scp.css */
.root[b-336lfch1ht] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
/* justify-content: center;*/
align-items: center;
z-index: 2;
}
.modalWrapper[b-336lfch1ht] {
width: 40%;
margin: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.modalHeader[b-336lfch1ht] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem 5rem;
border-radius: 10px 10px 0 0;
}
.modalHeader h2[b-336lfch1ht] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-336lfch1ht] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-336lfch1ht] {
color: rgb(224, 224, 224);
}
.modalContent[b-336lfch1ht] {
background-color: white;
padding: 3rem 4rem;
border-radius: 0 0 10px 10px;
overflow: auto;
}
.modalContent[b-336lfch1ht]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.modalContent[b-336lfch1ht]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.modalContent[b-336lfch1ht]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.modalContent[b-336lfch1ht]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.buttonWrapper[b-336lfch1ht] {
display: flex;
justify-content: center;
}
.tableRoot[b-336lfch1ht] {
border-collapse: collapse;
min-width: 500px;
margin: auto;
}
.tableRoot th[b-336lfch1ht] {
/* text-align: left;*/
}
.tableRoot th[b-336lfch1ht] {
padding: 0 1rem;
}
.tableRoot td[b-336lfch1ht] {
border: 1px solid black;
padding: 1rem;
}
.tableRoot td.level[b-336lfch1ht] {
text-align: center;
}
.announcement-list[b-336lfch1ht] {
list-style: none;
padding: 0;
}
.announcement-item[b-336lfch1ht] {
background: #f9f9f9;
margin: 8px 0;
padding: 10px;
border-radius: 5px;
font-size: 16px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.announcement-item strong[b-336lfch1ht] {
color: #333;
}
.no-announcement[b-336lfch1ht] {
text-align: center;
font-size: 16px;
color: #888;
margin-top: 10px;
}
@keyframes fadeIn-b-336lfch1ht {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-336lfch1ht] {
width: 50%;
}
.modalContent[b-336lfch1ht] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-336lfch1ht] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-336lfch1ht] {
padding: 1rem;
}
.modalHeader .closeIcon[b-336lfch1ht] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-336lfch1ht] {
width: 90%;
}
.modalContent[b-336lfch1ht] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-336lfch1ht] {
padding-left: 1.5rem;
}
.modalHeader h2[b-336lfch1ht] {
text-align: left;
}
.modalHeader .closeIcon[b-336lfch1ht] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-336lfch1ht] {
padding-left: 1rem;
}
.modalContent[b-336lfch1ht] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-336lfch1ht] {
padding-right: 4rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/Notification/BroadcastNotificationModal.razor.rz.scp.css */
.root[b-swapee8jme] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
}
.noMessage[b-swapee8jme] {
margin: auto;
align-items: center;
justify-content: center;
width: 25%;
}
.writeItBold[b-swapee8jme] {
font-weight: bold;
color: #262B32;
}
.rightContent[b-swapee8jme] {
max-height: 600px;
display: flex;
flex-direction: column;
margin: 10px 0;
}
.broadcastTemplate[b-swapee8jme] {
/*margin-left: 20px;*/
}
.broadcastTemplate.bTitle[b-swapee8jme] {
font-size: 16px;
margin-top: 10px;
margin-bottom: 5px;
}
.broadcastTemplate.bMessage[b-swapee8jme] {
font-size: 14px;
color: #7D8084;
margin-bottom: 10px;
text-align: justify;
padding-right: 30px;
}
.broadcastTemplate.bDate[b-swapee8jme] {
font-size: 12px;
color: #7D8084;
margin-bottom: 12px;
}
.modalWrapper[b-swapee8jme] {
max-width: 750px;
max-height: 600px;
}
.modalHeader[b-swapee8jme] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
border-radius: 6px 6px 0px 0px;
}
.modalHeader h2[b-swapee8jme] {
text-align: center;
color: var(--white);
font-size: 20px;
}
.modalHeader .closeIcon[b-swapee8jme] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-swapee8jme] {
color: rgb(224, 224, 224);
}
.modalContent[b-swapee8jme] {
background-color: #F1F7FB;
padding: 48px 10px 0px;
overflow-y: scroll;
border-radius: 0px 0px 6px 6px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/*.modalContent::-webkit-scrollbar {
display: none;
}*/
.modalContent[b-swapee8jme]::-webkit-scrollbar {
width: 10px;
}
.modalContent[b-swapee8jme]::-webkit-scrollbar-thumb {
background: #666;
border-radius: 20px;
}
.modalContent[b-swapee8jme]::-webkit-scrollbar-track {
background: #ddd;
border-radius: 20px;
}
.notificationWrapper[b-swapee8jme] {
margin-bottom: 40px;
width: 720px;
}
.input[b-swapee8jme] {
margin-bottom: 1.5rem;
}
.root button[b-swapee8jme] {
margin: auto;
margin-top: 2rem;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-swapee8jme] {
width: 80%;
}
.modalContent[b-swapee8jme] {
/*padding: 2rem 2.5rem;*/
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-swapee8jme] {
width: 90%;
}
.notificationWrapper[b-swapee8jme] {
width:auto;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-swapee8jme] {
padding: 1rem;
}
.modalHeader .closeIcon[b-swapee8jme] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-swapee8jme] {
width: 95%;
}
.modalContent[b-swapee8jme] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-swapee8jme] {
padding-left: 1.5rem;
}
.modalHeader h2[b-swapee8jme] {
text-align: left;
}
.modalHeader .closeIcon[b-swapee8jme] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-swapee8jme] {
padding-left: 1rem;
}
.modalContent[b-swapee8jme] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-swapee8jme] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-swapee8jme]::-webkit-outer-spin-button,
input[b-swapee8jme]::-webkit-inner-spin-button,
textarea[b-swapee8jme]::-webkit-outer-spin-button,
textarea[b-swapee8jme]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-swapee8jme] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-swapee8jme] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-swapee8jme] {
display: none;
}
.inputFieldRoot label[b-swapee8jme],
.inputFieldRoot span[b-swapee8jme] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-swapee8jme] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-swapee8jme] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-swapee8jme] {
display: none;
}
.doubleColonMobile[b-swapee8jme] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-swapee8jme],
.inputFieldRoot textarea[b-swapee8jme] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-swapee8jme]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-swapee8jme]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-swapee8jme],
.inputFieldRoot textarea:focus[b-swapee8jme] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-swapee8jme] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-swapee8jme] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-swapee8jme] {
margin-top: 1rem;
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-swapee8jme] {
display: flex;
}
.additionalBtn[b-swapee8jme] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-swapee8jme] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-swapee8jme] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-swapee8jme] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-swapee8jme] {
width: unset;
}
.inputFieldRoot > div > select[b-swapee8jme]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-swapee8jme] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-swapee8jme] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-swapee8jme] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/Notification/NormalNotificationModal.razor.rz.scp.css */
.root[b-75m6wyc3oj] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
}
.noMessage[b-75m6wyc3oj] {
margin: auto;
align-items: center;
justify-content: center;
width: 25%;
}
.writeItBold[b-75m6wyc3oj] {
font-weight: bold;
color: #262B32;
}
.rightContent[b-75m6wyc3oj] {
max-height: 600px;
display: flex;
flex-direction: column;
margin: 10px 0;
}
button.close[b-75m6wyc3oj] {
margin-top: 10px;
}
button.close span[b-75m6wyc3oj] {
color: #262B32;
}
.broadcastTemplate[b-75m6wyc3oj] {
/*margin-left: 20px;*/
}
.broadcastTemplate.bTitle[b-75m6wyc3oj] {
font-size: 16px;
margin-top: 10px;
margin-bottom: 5px;
}
.broadcastTemplate.bMessage[b-75m6wyc3oj] {
font-size: 14px;
color: #7D8084;
margin-bottom: 10px;
text-align: justify;
padding-right: 30px;
}
.broadcastTemplate.bDate[b-75m6wyc3oj] {
font-size: 12px;
color: #7D8084;
margin-bottom: 12px;
}
.modalWrapper[b-75m6wyc3oj] {
/*width: 40%;*/
max-width: 750px;
/*border-radius: 10px;*/
max-height: 600px;
}
.modalHeader[b-75m6wyc3oj] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
border-radius: 6px 6px 0px 0px;
}
.modalHeader h2[b-75m6wyc3oj] {
text-align: center;
color: var(--white);
font-size: 20px;
}
.modalHeader .closeIcon[b-75m6wyc3oj] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-75m6wyc3oj] {
color: rgb(224, 224, 224);
}
.modalContent[b-75m6wyc3oj] {
background-color: #F1F7FB;
padding: 48px 10px 0px;
overflow-y: scroll;
border-radius: 0px 0px 6px 6px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/*.modalContent::-webkit-scrollbar {
display: none;
}*/
.modalContent[b-75m6wyc3oj]::-webkit-scrollbar {
width: 10px;
}
.modalContent[b-75m6wyc3oj]::-webkit-scrollbar-thumb {
background: #666;
border-radius: 20px;
}
.modalContent[b-75m6wyc3oj]::-webkit-scrollbar-track {
background: #ddd;
border-radius: 20px;
}
.notificationWrapper[b-75m6wyc3oj] {
margin-bottom: 40px;
width: 720px;
}
.input[b-75m6wyc3oj] {
margin-bottom: 1.5rem;
}
.root button[b-75m6wyc3oj] {
margin: auto;
margin-top: 2rem;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-75m6wyc3oj] {
width: 80%;
}
.modalContent[b-75m6wyc3oj] {
/*padding: 2rem 2.5rem;*/
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-75m6wyc3oj] {
width: 90%;
}
.notificationWrapper[b-75m6wyc3oj] {
width: auto;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-75m6wyc3oj] {
padding: 1rem;
}
.modalHeader .closeIcon[b-75m6wyc3oj] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-75m6wyc3oj] {
width: 95%;
}
.modalContent[b-75m6wyc3oj] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-75m6wyc3oj] {
padding-left: 1.5rem;
}
.modalHeader h2[b-75m6wyc3oj] {
text-align: left;
}
.modalHeader .closeIcon[b-75m6wyc3oj] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-75m6wyc3oj] {
padding-left: 1rem;
}
.modalContent[b-75m6wyc3oj] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-75m6wyc3oj] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-75m6wyc3oj]::-webkit-outer-spin-button,
input[b-75m6wyc3oj]::-webkit-inner-spin-button,
textarea[b-75m6wyc3oj]::-webkit-outer-spin-button,
textarea[b-75m6wyc3oj]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-75m6wyc3oj] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-75m6wyc3oj] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-75m6wyc3oj] {
display: none;
}
.inputFieldRoot label[b-75m6wyc3oj],
.inputFieldRoot span[b-75m6wyc3oj] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-75m6wyc3oj] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-75m6wyc3oj] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-75m6wyc3oj] {
display: none;
}
.doubleColonMobile[b-75m6wyc3oj] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-75m6wyc3oj],
.inputFieldRoot textarea[b-75m6wyc3oj] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-75m6wyc3oj]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-75m6wyc3oj]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-75m6wyc3oj],
.inputFieldRoot textarea:focus[b-75m6wyc3oj] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-75m6wyc3oj] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-75m6wyc3oj] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-75m6wyc3oj] {
margin-top: 1rem;
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-75m6wyc3oj] {
display: flex;
}
.additionalBtn[b-75m6wyc3oj] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-75m6wyc3oj] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-75m6wyc3oj] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-75m6wyc3oj] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-75m6wyc3oj] {
width: unset;
}
.inputFieldRoot > div > select[b-75m6wyc3oj]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-75m6wyc3oj] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-75m6wyc3oj] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-75m6wyc3oj] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/Notification/NotificationBox.razor.rz.scp.css */
.notification[b-3wb1jpw5hy] {
/*padding: 20px;*/
border-bottom: 1px solid #D7D7D7;
background-color: #FFF;
color: #262B32;
display: flex;
min-height: 105px;
}
.notification span[b-3wb1jpw5hy] {
}
.notification.normal[b-3wb1jpw5hy] {
}
.notification.urgent[b-3wb1jpw5hy] {
}
.notification-content[b-3wb1jpw5hy] {
width: 585px;
}
.alert-icon[b-3wb1jpw5hy] {
height: auto;
/*width:135px;*/
margin: auto 0px;
}
.alert-icon img[b-3wb1jpw5hy] {
margin: auto 51px;
}
@media only screen and (max-width: 500px) {
.notification[b-3wb1jpw5hy] {
flex-direction: column;
padding: 1rem;
position: relative;
}
.alert-icon[b-3wb1jpw5hy] {
width: 100%;
display: flex;
justify-content: center;
}
.notification-content[b-3wb1jpw5hy] {
width: 100%;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/Notification/NotificationList.razor.rz.scp.css */
.root[b-axh8u85f0x] {
margin-bottom: 2rem;
}
div[b-axh8u85f0x] {
display: flex;
flex-direction: column;
gap: 3rem;
margin: 0.5rem 0;
}
button.close[b-axh8u85f0x] {
background-color: transparent;
border: 1px solid rgba(255,255,255,90%);
float: right;
color: #262B32;
font-size: 16px;
margin-right: 5px;
cursor: pointer;
margin-top: 10px;
}
button.close:hover[b-axh8u85f0x] {
border: 1px solid white;
background-color: rgba(255,255,255,50%);
}
button.hide[b-axh8u85f0x] {
background-color: transparent;
border: 1px solid rgba(255,255,255,90%);
float: right;
color: #262B32;
font-size: 16px;
margin-right: 5px;
cursor: pointer;
margin-top: 10px;
}
button.hide:hover[b-axh8u85f0x] {
border: 1px solid white;
background-color: rgba(255,255,255,50%);
}
@media only screen and (max-width: 500px) {
button.close[b-axh8u85f0x] {
position: absolute;
top: 3px;
right: 1.2rem;
}
button.hide[b-axh8u85f0x] {
position: absolute;
top: 0;
right: 0;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/OrgMgtRegionContent.razor.rz.scp.css */
.rootComponent[b-xmynzhtuwq] {
}
/* docs: for search input & data count*/
.searchCountWrapper[b-xmynzhtuwq] {
display: flex;
align-items: center;
margin-top: 1rem;
}
.totalCount[b-xmynzhtuwq] {
display: inline-block;
margin-left: 1rem;
font-size: 15px;
color: #bcbcbc;
/*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
-webkit-text-stroke: .3px #bbb; /* width and color */
}
/* ======Input Styling (Input Search)====== */
input[b-xmynzhtuwq]::-webkit-outer-spin-button,
input[b-xmynzhtuwq]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.searchInput[b-xmynzhtuwq] {
width: 350px;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
input.searchInput[b-xmynzhtuwq]::-webkit-input-placeholder {
color: var(--grey-border);
}
input.searchInput:focus[b-xmynzhtuwq] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* ======End of Input Styling (Input Search)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/OrgMgtSubholdingContent.razor.rz.scp.css */
.rootComponent[b-6ur0q7xc59] {
}
/* docs: for search input & data count*/
.searchCountWrapper[b-6ur0q7xc59] {
display: flex;
align-items: center;
margin-top: 1rem;
}
.totalCount[b-6ur0q7xc59] {
display: inline-block;
margin-left: 1rem;
font-size: 15px;
color: #bcbcbc;
/*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
-webkit-text-stroke: .3px #bbb; /* width and color */
}
/* ======Input Styling (Input Search)====== */
input[b-6ur0q7xc59]::-webkit-outer-spin-button,
input[b-6ur0q7xc59]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.searchInput[b-6ur0q7xc59] {
width: 350px;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
input.searchInput[b-6ur0q7xc59]::-webkit-input-placeholder {
color: var(--grey-border);
}
input.searchInput:focus[b-6ur0q7xc59] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* ======End of Input Styling (Input Search)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/OrgMgtSubsidiaryContent.razor.rz.scp.css */
.rootComponent[b-danbf17xni] {
}
/* docs: for search input & data count*/
.searchCountWrapper[b-danbf17xni] {
display: flex;
align-items: center;
margin-top: 1rem;
}
.totalCount[b-danbf17xni] {
display: inline-block;
margin-left: 1rem;
font-size: 15px;
color: #bcbcbc;
/*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
-webkit-text-stroke: .3px #bbb; /* width and color */
}
/* ======Input Styling (Input Search)====== */
input[b-danbf17xni]::-webkit-outer-spin-button,
input[b-danbf17xni]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.searchInput[b-danbf17xni] {
width: 350px;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
input.searchInput[b-danbf17xni]::-webkit-input-placeholder {
color: var(--grey-border);
}
input.searchInput:focus[b-danbf17xni] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* ======End of Input Styling (Input Search)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/RegionMgtModal.razor.rz.scp.css */
.root[b-mh4l95v9zb] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-mh4l95v9zb] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-mh4l95v9zb] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-mh4l95v9zb] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-mh4l95v9zb] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-mh4l95v9zb] {
color: rgb(224, 224, 224);
}
.modalContent[b-mh4l95v9zb] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-mh4l95v9zb] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-mh4l95v9zb] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-mh4l95v9zb] {
width: 50%;
}
.modalContent[b-mh4l95v9zb] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-mh4l95v9zb] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-mh4l95v9zb] {
padding: 1rem;
}
.modalHeader .closeIcon[b-mh4l95v9zb] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-mh4l95v9zb] {
width: 90%;
}
.modalContent[b-mh4l95v9zb] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-mh4l95v9zb] {
padding-left: 1.5rem;
}
.modalHeader h2[b-mh4l95v9zb] {
text-align: left;
}
.modalHeader .closeIcon[b-mh4l95v9zb] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-mh4l95v9zb] {
padding-left: 1rem;
}
.modalContent[b-mh4l95v9zb] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-mh4l95v9zb] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-mh4l95v9zb]::-webkit-outer-spin-button,
input[b-mh4l95v9zb]::-webkit-inner-spin-button,
textarea[b-mh4l95v9zb]::-webkit-outer-spin-button,
textarea[b-mh4l95v9zb]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select[b-mh4l95v9zb], option[b-mh4l95v9zb] {
-webkit-appearance: none;
}
/* Firefox */
input[type=number][b-mh4l95v9zb] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-mh4l95v9zb] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-mh4l95v9zb] {
display: none;
}
.inputFieldRoot label[b-mh4l95v9zb],
.inputFieldRoot span[b-mh4l95v9zb] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-mh4l95v9zb] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-mh4l95v9zb] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-mh4l95v9zb] {
display: none;
}
.doubleColonMobile[b-mh4l95v9zb] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-mh4l95v9zb],
.inputFieldRoot textarea[b-mh4l95v9zb] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-mh4l95v9zb]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-mh4l95v9zb]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-mh4l95v9zb],
.inputFieldRoot textarea:focus[b-mh4l95v9zb] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-mh4l95v9zb] {
resize: none;
}
/* Input Alert */
.inputAlert[b-mh4l95v9zb] {
margin-top: 1rem;
color: var(--red);
}
/* Input Password eye icon */
.input .inputWrapper[b-mh4l95v9zb] {
position: relative;
}
.eyeIcon[b-mh4l95v9zb] {
font-size: 1.5rem;
color: var(--blue);
position: absolute;
right: 1rem;
top: .5rem;
cursor: pointer;
transition: .3s all;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-mh4l95v9zb] {
display: flex;
}
.dropdown[b-mh4l95v9zb] {
position: relative;
}
.dropdown[b-mh4l95v9zb]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-mh4l95v9zb] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-mh4l95v9zb] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-mh4l95v9zb] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-mh4l95v9zb] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-mh4l95v9zb]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-mh4l95v9zb] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-mh4l95v9zb]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-mh4l95v9zb] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-mh4l95v9zb] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-mh4l95v9zb] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/RegionTableManagement.razor.rz.scp.css */
.rootComponent[b-t363wnwq1n] {
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
box-shadow: 0 0 2px var(--black);
}
.tableWrapper[b-t363wnwq1n] {
width: 100%;
max-height: 700px;
overflow: auto;
}
.tableWrapper[b-t363wnwq1n]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.tableWrapper[b-t363wnwq1n]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.tableWrapper[b-t363wnwq1n]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.tableWrapper[b-t363wnwq1n]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.rootTable[b-t363wnwq1n] {
width: 100%;
background-color: var(--blue-sky-background);
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootTable th[b-t363wnwq1n], .rootTable td[b-t363wnwq1n] {
padding: 5px 8px;
border: 7px solid var(--blue-sky-background);
}
.rootTable th[b-t363wnwq1n] {
font-weight: 500;
background-color: var(--blue-sky);
position: sticky;
top: 0;
cursor: pointer;
}
.rootTable th .tableHeaderWrapper[b-t363wnwq1n] {
width: 100%;
height: 100%;
padding: 0 1rem 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.rootTable th .sortIcon[b-t363wnwq1n] {
color: var(--blue-darker);
}
.rootTable th.idCol[b-t363wnwq1n] {
width: 40vh;
}
.rootTable tr:hover td[b-t363wnwq1n] {
background-color: var(--table-hover);
}
.rootTable td[b-t363wnwq1n] {
background-color: var(--white-fb);
}
/*for delete & edit icon*/
.actionCol[b-t363wnwq1n] {
/* display: flex;*/
/* justify-content: space-around;*/
text-align: center;
}
.actionIcon:disabled[b-t363wnwq1n],
.actionIcon[disabled][b-t363wnwq1n] {
color: #666666;
cursor: default;
}
.actionIcon:disabled:hover[b-t363wnwq1n],
.actionIcon[disabled]:hover[b-t363wnwq1n] {
color: #666666;
}
.deleteIcon[b-t363wnwq1n] {
color: var(--red);
cursor: pointer;
margin-left: 5px;
}
.deleteIcon:hover[b-t363wnwq1n] {
color: var(--red-darker);
}
.editIcon[b-t363wnwq1n] {
color: var(--green);
cursor: pointer;
display: inline-block;
margin-left: 5px;
}
.editIcon:hover[b-t363wnwq1n] {
color: var(--greenground-hover);
}
.assignIcon[b-t363wnwq1n] {
color: var(--blue);
cursor: pointer;
display: inline-block;
}
.assignIcon:hover[b-t363wnwq1n] {
color: var(--blue-sky);
}
/*end for delete & edit icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/SubholdingMgtModal.razor.rz.scp.css */
.root[b-78pawbg8n9] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-78pawbg8n9] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-78pawbg8n9] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-78pawbg8n9] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-78pawbg8n9] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-78pawbg8n9] {
color: rgb(224, 224, 224);
}
.modalContent[b-78pawbg8n9] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-78pawbg8n9] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-78pawbg8n9] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-78pawbg8n9] {
width: 50%;
}
.modalContent[b-78pawbg8n9] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-78pawbg8n9] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-78pawbg8n9] {
padding: 1rem;
}
.modalHeader .closeIcon[b-78pawbg8n9] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-78pawbg8n9] {
width: 90%;
}
.modalContent[b-78pawbg8n9] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-78pawbg8n9] {
padding-left: 1.5rem;
}
.modalHeader h2[b-78pawbg8n9] {
text-align: left;
}
.modalHeader .closeIcon[b-78pawbg8n9] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-78pawbg8n9] {
padding-left: 1rem;
}
.modalContent[b-78pawbg8n9] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-78pawbg8n9] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-78pawbg8n9]::-webkit-outer-spin-button,
input[b-78pawbg8n9]::-webkit-inner-spin-button,
textarea[b-78pawbg8n9]::-webkit-outer-spin-button,
textarea[b-78pawbg8n9]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select[b-78pawbg8n9], option[b-78pawbg8n9] {
-webkit-appearance: none;
}
/* Firefox */
input[type=number][b-78pawbg8n9] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-78pawbg8n9] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-78pawbg8n9] {
display: none;
}
.inputFieldRoot label[b-78pawbg8n9],
.inputFieldRoot span[b-78pawbg8n9] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-78pawbg8n9] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-78pawbg8n9] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-78pawbg8n9] {
display: none;
}
.doubleColonMobile[b-78pawbg8n9] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-78pawbg8n9],
.inputFieldRoot textarea[b-78pawbg8n9] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-78pawbg8n9]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-78pawbg8n9]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-78pawbg8n9],
.inputFieldRoot textarea:focus[b-78pawbg8n9] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-78pawbg8n9] {
resize: none;
}
/* Input Alert */
.inputAlert[b-78pawbg8n9] {
margin-top: 1rem;
color: var(--red);
}
/* Input Password eye icon */
.input .inputWrapper[b-78pawbg8n9] {
position: relative;
}
.eyeIcon[b-78pawbg8n9] {
font-size: 1.5rem;
color: var(--blue);
position: absolute;
right: 1rem;
top: .5rem;
cursor: pointer;
transition: .3s all;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-78pawbg8n9] {
display: flex;
}
.dropdown[b-78pawbg8n9] {
position: relative;
}
.dropdown[b-78pawbg8n9]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-78pawbg8n9] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-78pawbg8n9] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-78pawbg8n9] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-78pawbg8n9] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-78pawbg8n9]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-78pawbg8n9] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-78pawbg8n9]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-78pawbg8n9] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-78pawbg8n9] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-78pawbg8n9] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/SubholdingTableManagement.razor.rz.scp.css */
.rootComponent[b-li3k19pwsf] {
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
box-shadow: 0 0 2px var(--black);
}
.tableWrapper[b-li3k19pwsf] {
width: 100%;
max-height: 700px;
overflow: auto;
}
.tableWrapper[b-li3k19pwsf]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.tableWrapper[b-li3k19pwsf]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.tableWrapper[b-li3k19pwsf]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.tableWrapper[b-li3k19pwsf]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.rootTable[b-li3k19pwsf] {
width: 100%;
background-color: var(--blue-sky-background);
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootTable th[b-li3k19pwsf], .rootTable td[b-li3k19pwsf] {
padding: 5px 8px;
border: 7px solid var(--blue-sky-background);
}
.rootTable th[b-li3k19pwsf] {
font-weight: 500;
background-color: var(--blue-sky);
position: sticky;
top: 0;
cursor: pointer;
}
.rootTable th .tableHeaderWrapper[b-li3k19pwsf] {
width: 100%;
height: 100%;
padding: 0 1rem 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.rootTable th .sortIcon[b-li3k19pwsf] {
color: var(--blue-darker);
}
.rootTable th.idCol[b-li3k19pwsf] {
width: 40vh;
}
.rootTable tr:hover td[b-li3k19pwsf] {
background-color: var(--table-hover);
}
.rootTable td[b-li3k19pwsf] {
background-color: var(--white-fb);
}
/*for delete & edit icon*/
td.actionCol[b-li3k19pwsf] {
/* display: flex;*/
/* justify-content: space-around;*/
width: 100px;
text-align: center;
}
.actionIcon:disabled[b-li3k19pwsf],
.actionIcon[disabled][b-li3k19pwsf] {
color: #666666;
cursor: default;
}
.actionIcon:disabled:hover[b-li3k19pwsf],
.actionIcon[disabled]:hover[b-li3k19pwsf] {
color: #666666;
}
.deleteIcon[b-li3k19pwsf] {
color: var(--red);
cursor: pointer;
margin-left: 5px;
}
.deleteIcon:hover[b-li3k19pwsf] {
color: var(--red-darker);
}
.editIcon[b-li3k19pwsf] {
color: var(--green);
cursor: pointer;
display: inline-block;
margin-left: 5px;
}
.editIcon:hover[b-li3k19pwsf] {
color: var(--greenground-hover);
}
.assignIcon[b-li3k19pwsf] {
color: var(--blue);
cursor: pointer;
display: inline-block;
}
.assignIcon:hover[b-li3k19pwsf] {
color: var(--blue-sky);
}
/*end for delete & edit icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/SubsidiaryMgtModal.razor.rz.scp.css */
.root[b-xudvna8de4] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-xudvna8de4] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-xudvna8de4] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-xudvna8de4] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-xudvna8de4] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-xudvna8de4] {
color: rgb(224, 224, 224);
}
.modalContent[b-xudvna8de4] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-xudvna8de4] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-xudvna8de4] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-xudvna8de4] {
width: 50%;
}
.modalContent[b-xudvna8de4] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-xudvna8de4] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-xudvna8de4] {
padding: 1rem;
}
.modalHeader .closeIcon[b-xudvna8de4] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-xudvna8de4] {
width: 90%;
}
.modalContent[b-xudvna8de4] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-xudvna8de4] {
padding-left: 1.5rem;
}
.modalHeader h2[b-xudvna8de4] {
text-align: left;
}
.modalHeader .closeIcon[b-xudvna8de4] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-xudvna8de4] {
padding-left: 1rem;
}
.modalContent[b-xudvna8de4] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-xudvna8de4] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-xudvna8de4]::-webkit-outer-spin-button,
input[b-xudvna8de4]::-webkit-inner-spin-button,
textarea[b-xudvna8de4]::-webkit-outer-spin-button,
textarea[b-xudvna8de4]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select[b-xudvna8de4], option[b-xudvna8de4] {
-webkit-appearance: none;
}
/* Firefox */
input[type=number][b-xudvna8de4] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-xudvna8de4] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-xudvna8de4] {
display: none;
}
.inputFieldRoot label[b-xudvna8de4],
.inputFieldRoot span[b-xudvna8de4] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-xudvna8de4] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-xudvna8de4] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-xudvna8de4] {
display: none;
}
.doubleColonMobile[b-xudvna8de4] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-xudvna8de4],
.inputFieldRoot textarea[b-xudvna8de4] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-xudvna8de4]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-xudvna8de4]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-xudvna8de4],
.inputFieldRoot textarea:focus[b-xudvna8de4] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-xudvna8de4] {
resize: none;
}
/* Input Alert */
.inputAlert[b-xudvna8de4] {
margin-top: 1rem;
color: var(--red);
}
/* Input Password eye icon */
.input .inputWrapper[b-xudvna8de4] {
position: relative;
}
.eyeIcon[b-xudvna8de4] {
font-size: 1.5rem;
color: var(--blue);
position: absolute;
right: 1rem;
top: .5rem;
cursor: pointer;
transition: .3s all;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-xudvna8de4] {
display: flex;
}
.dropdown[b-xudvna8de4] {
position: relative;
}
.dropdown[b-xudvna8de4]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-xudvna8de4] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-xudvna8de4] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-xudvna8de4] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-xudvna8de4] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-xudvna8de4]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-xudvna8de4] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-xudvna8de4]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-xudvna8de4] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-xudvna8de4] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-xudvna8de4] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/OrganizationManagement/SubsidiaryTableManagement.razor.rz.scp.css */
.rootComponent[b-jfq89q5vdn] {
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
box-shadow: 0 0 2px var(--black);
}
.tableWrapper[b-jfq89q5vdn] {
width: 100%;
max-height: 700px;
overflow: auto;
}
.tableWrapper[b-jfq89q5vdn]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.tableWrapper[b-jfq89q5vdn]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.tableWrapper[b-jfq89q5vdn]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.tableWrapper[b-jfq89q5vdn]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.rootTable[b-jfq89q5vdn] {
width: 100%;
background-color: var(--blue-sky-background);
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootTable th[b-jfq89q5vdn], .rootTable td[b-jfq89q5vdn] {
padding: 5px 8px;
border: 7px solid var(--blue-sky-background);
}
.rootTable th[b-jfq89q5vdn] {
font-weight: 500;
background-color: var(--blue-sky);
position: sticky;
top: 0;
cursor: pointer;
}
.rootTable th .tableHeaderWrapper[b-jfq89q5vdn] {
width: 100%;
height: 100%;
padding: 0 1rem 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.rootTable th .sortIcon[b-jfq89q5vdn] {
color: var(--blue-darker);
}
.rootTable th.idCol[b-jfq89q5vdn] {
width: 40vh;
}
.rootTable tr:hover td[b-jfq89q5vdn] {
background-color: var(--table-hover);
}
.rootTable td[b-jfq89q5vdn] {
background-color: var(--white-fb);
}
/*for delete & edit icon*/
.actionCol[b-jfq89q5vdn] {
/* display: flex;*/
/* justify-content: space-around;*/
text-align: center;
}
.actionIcon:disabled[b-jfq89q5vdn],
.actionIcon[disabled][b-jfq89q5vdn] {
color: #666666;
cursor: default;
}
.actionIcon:disabled:hover[b-jfq89q5vdn],
.actionIcon[disabled]:hover[b-jfq89q5vdn] {
color: #666666;
}
.deleteIcon[b-jfq89q5vdn] {
color: var(--red);
cursor: pointer;
margin-left: 5px;
}
.deleteIcon:hover[b-jfq89q5vdn] {
color: var(--red-darker);
}
.editIcon[b-jfq89q5vdn] {
color: var(--green);
cursor: pointer;
display: inline-block;
margin-left: 5px;
}
.editIcon:hover[b-jfq89q5vdn] {
color: var(--greenground-hover);
}
.assignIcon[b-jfq89q5vdn] {
color: var(--blue);
cursor: pointer;
display: inline-block;
}
.assignIcon:hover[b-jfq89q5vdn] {
color: var(--blue-sky);
}
/*end for delete & edit icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/QuestionCollection/InformationModal.razor.rz.scp.css */
.root[b-brqmokag9x] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-brqmokag9x] {
width: 40%;
border-radius: 10px;
max-height: 85vh;
overflow: hidden;
}
.modalHeader[b-brqmokag9x] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem 4rem;
}
.modalHeader h2[b-brqmokag9x] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-brqmokag9x] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-brqmokag9x] {
color: rgb(224, 224, 224);
}
.modalContent[b-brqmokag9x] {
background-color: white;
padding: 3rem 4rem;
width: 100%;
height: 100%;
max-height: 40vh;
overflow-y: auto;
}
.tableRoot[b-brqmokag9x] {
width: 100%;
}
.tableRoot th[b-brqmokag9x] {
text-align: center;
}
.tableRoot td[b-brqmokag9x] {
text-align: justify;
line-height: 22px;
}
.tableRoot td.theContentParagraph[b-brqmokag9x] {
}
.buttonWrapper[b-brqmokag9x] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-brqmokag9x] {
width: 50%;
}
.modalContent[b-brqmokag9x] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-brqmokag9x] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-brqmokag9x] {
padding: 1rem 4rem;
}
.modalHeader .closeIcon[b-brqmokag9x] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-brqmokag9x] {
width: 90%;
}
.modalContent[b-brqmokag9x] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-brqmokag9x] {
padding-left: 1.5rem;
padding-right: 3rem;
}
.modalHeader h2[b-brqmokag9x] {
text-align: left;
}
.modalHeader .closeIcon[b-brqmokag9x] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-brqmokag9x] {
padding-left: 1rem;
}
.modalContent[b-brqmokag9x] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-brqmokag9x] {
padding-right: 4rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/QuestionCollection/QuestionCollection.razor.rz.scp.css */
/* Questionnaire Collection styling */
.QuestionnaireCollectionRoot[b-ryfmjfiexh] {
/*display: flex;
flex-direction: column;*/
}
.QuestionnaireCollectionRoot .lastUpdatedWordWrapper[b-ryfmjfiexh] {
margin-left: 3.6rem;
margin-bottom: 1rem;
}
.QuestionnaireCollectionRoot span.lastUpdatedWord[b-ryfmjfiexh] {
color: var(--grey-text);
font-size: 1rem;
filter: drop-shadow(0 0 15px rgba(0, 0, 0, .25));
/*box-shadow: 0 0 10px rgba(0,0,0, .5);*/
}
.loading[b-ryfmjfiexh] {
background-color: rgba(0, 0, 0, 0.425);
/*justify-content: center;
align-items: center;*/
visibility: hidden;
z-index: 10;
}
.spinner[b-ryfmjfiexh] {
/*position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
/*justify-content: center;
align-items: center;
flex: 1;*/
background-color: rgba(0, 0, 0, 0.125);
}
.fieldsetForm[b-ryfmjfiexh] {
border: 0px solid transparent;
}
.questionContentDivWrapper[b-ryfmjfiexh] {
background-color: var(--white);
}
.questionContent[b-ryfmjfiexh] {
padding: 3rem 5rem;
margin-bottom: 10rem;
}
.questionsWrapper[b-ryfmjfiexh] {
background-color: var(--white);
}
.buttonAreaWrapper[b-ryfmjfiexh] {
margin-top: 5rem;
}
.buttonAreaWrapper[b-ryfmjfiexh] button.btnSubmit {
float: right;
}
.buttonAreaWrapper[b-ryfmjfiexh] button.btnSave {
float: right;
margin-right: 2rem;
}
label span.codeBadge[b-ryfmjfiexh] {
display: inline-block;
padding: 2px 5px;
margin: 0 4px;
background-color: var(--grey);
color: var(--blue);
font-size: .7rem;
font-weight: bold;
text-align: center;
border: 1px solid black;
border-radius: 7px;
}
@media only screen and (max-width: 1280px) {
.questionContent[b-ryfmjfiexh] {
padding: 3rem 3rem;
}
}
@media only screen and (max-width: 800px) {
.questionContent[b-ryfmjfiexh] {
padding: 3rem 2rem;
}
}
@media only screen and (max-width: 481px) {
.questionContent[b-ryfmjfiexh] {
padding: 3rem 1rem;
}
.buttonAreaWrapper button.btnSave[b-ryfmjfiexh] {
margin-right: 1rem;
}
}
@media only screen and (max-width: 350px) {
.buttonAreaWrapper[b-ryfmjfiexh] button.btnSubmit {
float: unset;
}
.buttonAreaWrapper[b-ryfmjfiexh] button.btnSave {
float: left;
margin-right: 1rem;
}
.buttonAreaWrapper[b-ryfmjfiexh] {
margin-bottom: 3rem;
}
}
/* End of Questionnaire Collection styling */
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-ryfmjfiexh]::-webkit-outer-spin-button,
input[b-ryfmjfiexh]::-webkit-inner-spin-button,
textarea[b-ryfmjfiexh]::-webkit-outer-spin-button,
textarea[b-ryfmjfiexh]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select[b-ryfmjfiexh], option[b-ryfmjfiexh] {
-webkit-appearance: none;
}
/* Firefox */
input[type=number][b-ryfmjfiexh] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-ryfmjfiexh] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.inputFieldRoot span.numberUnit[b-ryfmjfiexh] {
color: var(--grey-text);
font-size: .9rem;
margin-top: 3px;
}
.doubleColonMobile[b-ryfmjfiexh] {
display: none;
}
.inputFieldRoot label[b-ryfmjfiexh],
.inputFieldRoot span[b-ryfmjfiexh] {
font-size: 1.125rem;
color: var(--dark-blue);
position: relative;
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-ryfmjfiexh] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-ryfmjfiexh] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-ryfmjfiexh] {
display: none;
}
.doubleColonMobile[b-ryfmjfiexh] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-ryfmjfiexh],
.inputFieldRoot textarea[b-ryfmjfiexh] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-ryfmjfiexh]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-ryfmjfiexh]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-ryfmjfiexh],
.inputFieldRoot textarea:focus[b-ryfmjfiexh] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-ryfmjfiexh] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-ryfmjfiexh] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-ryfmjfiexh] {
margin-top: 1rem;
color: var(--red);
}
span.redColor[b-ryfmjfiexh] {
color: var(--red);
display: inline-block;
margin-right: 8px;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-ryfmjfiexh] {
display: flex;
}
.dropdown[b-ryfmjfiexh] {
position: relative;
}
.dropdown[b-ryfmjfiexh]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-ryfmjfiexh] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-ryfmjfiexh] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-ryfmjfiexh] {
/* -webkit-appearance: none;*/
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-ryfmjfiexh] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-ryfmjfiexh]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-ryfmjfiexh] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-ryfmjfiexh]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-ryfmjfiexh] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-ryfmjfiexh] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-ryfmjfiexh] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* ======Input Styling (Input Checklist)====== */
.inputFieldRoot.check .inputWrapper[b-ryfmjfiexh] {
display: grid;
gap: 5px;
}
.inputFieldRoot.check .checkWrapper[b-ryfmjfiexh] {
display: grid;
grid-template-columns: .1fr 1fr;
align-items: center;
justify-content: center;
/* background-color: red;*/
}
.inputFieldRoot.check input[b-ryfmjfiexh] {
/* margin-left: .5rem;*/
/* margin-right: .5rem;*/
}
/* ======Input Styling (Input radio)====== */
.inputFieldRoot.radio .inputWrapper[b-ryfmjfiexh] {
display: grid;
gap: 16px;
}
.inputFieldRoot.radio .radioWrapper[b-ryfmjfiexh] {
display: grid;
grid-template-columns: .1fr 1fr;
align-items: center;
justify-content: center;
/* background-color: red;*/
}
/* ======End of Input Styling (Input Checklist)====== */
.file-input-zone input[type=file][b-ryfmjfiexh] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap; /* 1 */
clip-path: inset(50%);
border: 0;
}
.fileManager[b-ryfmjfiexh] {
/*flex-direction:column;*/
gap: 30px;
}
.fileUpload[b-ryfmjfiexh], .fileUploadNoItem[b-ryfmjfiexh] {
background-color: #006CB8;
border-radius: 4px;
color: white !important;
cursor: pointer;
padding: 11px;
font-size: 16px !important;
}
.fileDownload[b-ryfmjfiexh] {
cursor: pointer;
outline: 1px solid;
color: #006CB8;
border-radius: 4px;
padding: 11px;
}
.divDownload[b-ryfmjfiexh] {
margin-bottom: 12px
}
.fileTypeIconNoItem[b-ryfmjfiexh], .fileTypeIcon[b-ryfmjfiexh] {
color: #86909C;
font-size: 20px;
}
.fileNameDescNoItem[b-ryfmjfiexh] {
color: #86909C;
font-size: 1rem;
margin: auto 0;
}
/*label:hover {
background-color: #006CB8;
}*/
/* When the visually hidden child input has focus, style the parent. */
/*label:focus-within {
outline: 5px solid;
}*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/QuestionCollection/ReferenceModal.razor.rz.scp.css */
.root[b-r8kcmrl417] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.noMessage[b-r8kcmrl417] {
margin: auto;
align-items: center;
justify-content: center;
width: 25%;
}
.writeItBold[b-r8kcmrl417] {
font-weight: bold;
color: #262B32;
}
.rightContent[b-r8kcmrl417] {
max-height: 600px;
display: flex;
flex-direction: column;
margin: 10px 0;
}
button.close[b-r8kcmrl417] {
margin-top: 10px;
}
button.close span[b-r8kcmrl417] {
color: #262B32;
}
.broadcastTemplate[b-r8kcmrl417] {
/*margin-left: 20px;*/
}
.broadcastTemplate.bTitle[b-r8kcmrl417] {
font-size: 16px;
margin-top: 10px;
margin-bottom: 5px;
}
.broadcastTemplate.bMessage[b-r8kcmrl417] {
font-size: 14px;
color: #7D8084;
margin-bottom: 10px;
text-align: justify;
padding-right: 30px;
}
.broadcastTemplate.bDate[b-r8kcmrl417] {
font-size: 12px;
color: #7D8084;
margin-bottom: 12px;
}
.modalWrapper[b-r8kcmrl417] {
/*width: 40%;*/
max-width: 750px;
/*border-radius: 10px;*/
max-height: 600px;
}
.modalHeader[b-r8kcmrl417] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
border-radius: 6px 6px 0px 0px;
}
.modalHeader h2[b-r8kcmrl417] {
text-align: center;
color: var(--white);
font-size: 20px;
}
.modalHeader .closeIcon[b-r8kcmrl417] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-r8kcmrl417] {
color: rgb(224, 224, 224);
}
.modalContent[b-r8kcmrl417] {
background-color: #F1F7FB;
padding: 48px 10px 0px;
overflow-y: scroll;
border-radius: 0px 0px 6px 6px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/*.modalContent::-webkit-scrollbar {
display: none;
}*/
.modalContent[b-r8kcmrl417]::-webkit-scrollbar {
width: 10px;
}
.modalContent[b-r8kcmrl417]::-webkit-scrollbar-thumb {
background: #666;
border-radius: 20px;
}
.modalContent[b-r8kcmrl417]::-webkit-scrollbar-track {
background: #ddd;
border-radius: 20px;
}
.notificationWrapper[b-r8kcmrl417] {
margin-bottom: 40px;
width: 720px;
}
.input[b-r8kcmrl417] {
margin-bottom: 1.5rem;
}
.root button[b-r8kcmrl417] {
margin: auto;
margin-top: 2rem;
}
.tableRoot a[b-r8kcmrl417] {
text-decoration: underline;
color: var(--blue);
cursor: pointer;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-r8kcmrl417] {
width: 50%;
}
.modalContent[b-r8kcmrl417] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-r8kcmrl417] {
width: 70%;
}
.notificationWrapper[b-r8kcmrl417] {
width: auto;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-r8kcmrl417] {
padding: 1rem;
}
.modalHeader .closeIcon[b-r8kcmrl417] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-r8kcmrl417] {
width: 90%;
}
.modalContent[b-r8kcmrl417] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-r8kcmrl417] {
padding-left: 1.5rem;
}
.modalHeader h2[b-r8kcmrl417] {
text-align: left;
}
.modalHeader .closeIcon[b-r8kcmrl417] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-r8kcmrl417] {
padding-left: 1rem;
}
.modalContent[b-r8kcmrl417] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-r8kcmrl417] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-r8kcmrl417]::-webkit-outer-spin-button,
input[b-r8kcmrl417]::-webkit-inner-spin-button,
textarea[b-r8kcmrl417]::-webkit-outer-spin-button,
textarea[b-r8kcmrl417]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-r8kcmrl417] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-r8kcmrl417] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-r8kcmrl417] {
display: none;
}
.inputFieldRoot label[b-r8kcmrl417],
.inputFieldRoot span[b-r8kcmrl417] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-r8kcmrl417] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-r8kcmrl417] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-r8kcmrl417] {
display: none;
}
.doubleColonMobile[b-r8kcmrl417] {
display: inline-block;
}
}
.tableRoot[b-r8kcmrl417] {
border-collapse: collapse;
min-width: 500px;
}
.tableRoot th[b-r8kcmrl417] {
/* text-align: left;*/
}
.tableRoot th[b-r8kcmrl417] {
padding: 0 1rem;
}
.tableRoot td[b-r8kcmrl417] {
border: 1px solid black;
padding: 1rem;
}
.tableRoot td.level[b-r8kcmrl417] {
text-align: center;
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-r8kcmrl417],
.inputFieldRoot textarea[b-r8kcmrl417] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-r8kcmrl417]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-r8kcmrl417]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-r8kcmrl417],
.inputFieldRoot textarea:focus[b-r8kcmrl417] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-r8kcmrl417] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-r8kcmrl417] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-r8kcmrl417] {
margin-top: 1rem;
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-r8kcmrl417] {
display: flex;
}
.additionalBtn[b-r8kcmrl417] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-r8kcmrl417] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-r8kcmrl417] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-r8kcmrl417] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-r8kcmrl417] {
width: unset;
}
.inputFieldRoot > div > select[b-r8kcmrl417]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-r8kcmrl417] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-r8kcmrl417] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-r8kcmrl417] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/QuotesSection.razor.rz.scp.css */
.root[b-u4748dbrr3] {
background-color: var(--blue);
display: flex;
justify-content: center;
align-items: center;
padding: 8.125rem 18rem;
}
.quotesText[b-u4748dbrr3] {
position: relative;
}
.quotesOpen[b-u4748dbrr3] {
position: absolute;
top: -30px;
left: -150px;
}
.quotesClose[b-u4748dbrr3] {
position: absolute;
bottom: 40px;
right: -150px;
}
.quotesText p[b-u4748dbrr3] {
font-size: 2.8125rem;
font-weight: 500;
line-height: 63px;
text-align: justify;
color: var(--white);
margin-bottom: 2.5rem;
}
.quotesSource[b-u4748dbrr3] {
font-size: 1.625rem;
font-weight: 600;
line-height: 30px;
color: var(--white);
}
@media only screen and (max-width: 1440px) {
.quotesText p[b-u4748dbrr3] {
font-size: 1.6875rem;
line-height: 46px;
}
.quotesSource[b-u4748dbrr3] {
font-size: 1.375rem;
}
}
@media only screen and (max-width: 1280px) {
.root[b-u4748dbrr3] {
padding: 7.5rem 15rem;
}
.quotesText p[b-u4748dbrr3] {
font-size: 1.375rem;
line-height: 35px;
}
.quotesSource[b-u4748dbrr3] {
font-size: 1.375rem;
}
.quotesOpen img[b-u4748dbrr3],
.quotesClose img[b-u4748dbrr3] {
width: 80%;
}
.quotesOpen[b-u4748dbrr3] {
top: -40px;
left: -120px;
}
.quotesClose[b-u4748dbrr3] {
bottom: 20px;
right: -150px;
}
}
@media only screen and (max-width: 1024px) {
.root[b-u4748dbrr3] {
padding: 6rem 10rem;
}
.quotesOpen img[b-u4748dbrr3],
.quotesClose img[b-u4748dbrr3] {
width: 50%;
}
.quotesOpen[b-u4748dbrr3] {
top: -20px;
left: -80px;
}
.quotesClose[b-u4748dbrr3] {
bottom: 40px;
right: -150px;
}
}
@media only screen and (max-width: 800px) {
.root[b-u4748dbrr3] {
padding: 6rem 8rem;
}
}
@media only screen and (max-width: 769px) {
.root[b-u4748dbrr3] {
padding: 4rem 6rem;
}
.quotesClose[b-u4748dbrr3] {
bottom: 70px;
}
}
@media only screen and (max-width: 600px) {
.quotesText p[b-u4748dbrr3], .quotesSource[b-u4748dbrr3] {
font-size: 1rem;
line-height: 25px;
}
}
@media only screen and (max-width: 481px) {
.root[b-u4748dbrr3] {
padding: 4rem 4rem;
}
.quotesOpen img[b-u4748dbrr3],
.quotesClose img[b-u4748dbrr3] {
width: 40%;
}
.quotesOpen[b-u4748dbrr3] {
left: -60px;
}
.quotesClose[b-u4748dbrr3] {
right: -140px;
}
}
@media only screen and (max-width: 371px) {
.root[b-u4748dbrr3] {
padding: 3rem 3rem;
}
.quotesOpen img[b-u4748dbrr3],
.quotesClose img[b-u4748dbrr3] {
width: 30%;
}
.quotesOpen[b-u4748dbrr3] {
left: -44px;
}
.quotesClose[b-u4748dbrr3] {
right: -140px;
bottom: 90px;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/ReportVolume/ReportVolume.razor.rz.scp.css */
.rootComponent[b-15hqvkm9vh] {
width: 100%;
}
.tableWrapper[b-15hqvkm9vh] {
/*overflow: auto;
width: 100%;*/
}
.tableWrapper[b-15hqvkm9vh]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.tableWrapper[b-15hqvkm9vh]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.tableWrapper[b-15hqvkm9vh]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.tableWrapper[b-15hqvkm9vh]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
table.rootTable.volume[b-15hqvkm9vh] {
font-size: 12px;
margin-bottom: 20px;
}
.rootTable[b-15hqvkm9vh] {
width: 100%;
border-collapse: collapse;
}
.rootTable thead th[b-15hqvkm9vh] {
/*min-width: 100px;*/
background-color: #002060;
color: var(--white);
}
.rootTable thead th.noBorderBottom[b-15hqvkm9vh] {
border-bottom: 1px solid black;
}
.rootTable thead tr.subhead th[b-15hqvkm9vh] {
background-color: #203764;
border-bottom-color: transparent;
}
.rootTable thead th.greenCode[b-15hqvkm9vh] {
color: #0AB050;
text-decoration: underline;
border-bottom-color: transparent;
}
.rootTable th[b-15hqvkm9vh], .rootTable td[b-15hqvkm9vh] {
padding: 5px 8px;
border: 3px solid black;
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/SiteContentScroll.razor.rz.scp.css */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-1b89bg6mij]::-webkit-outer-spin-button,
input[b-1b89bg6mij]::-webkit-inner-spin-button,
textarea[b-1b89bg6mij]::-webkit-outer-spin-button,
textarea[b-1b89bg6mij]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-1b89bg6mij] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar {
width: 16px;
height: 16px;
}
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-corner,
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
/* Handle */
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 0.2rem;
}
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-thumb:hover {
background-color: #b1b1b1;
}
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-thumb:active {
background-color: #a1a1a1;
}
/* Buttons */
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-button:single-button {
background-color: rgb(241, 241, 241);
display: block;
background-size: 10px;
background-repeat: no-repeat;
}
/* Up */
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 12px;
width: 16px;
background-position: center 4px;
background-image: url("data:image/svg+xml;utf8,");
}
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-button:single-button:vertical:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
}
/* Down */
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-button:single-button:vertical:increment {
height: 12px;
width: 16px;
background-position: center 2px;
background-image: url("data:image/svg+xml;utf8,");
}
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-button:single-button:vertical:increment:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.vertical_menu[b-1b89bg6mij]::-webkit-scrollbar-button:single-button:vertical:increment:active {
background-image: url("data:image/svg+xml;utf8,");
}
.vertical_menu[b-1b89bg6mij] {
background-color: #B7DDF4;
width: 100%;
height: 34.4rem;
/* padding: 0rem 0.5rem; */
font-size: 1rem;
overflow-y: scroll;
align-items: center;
}
.vertical_menu a[b-1b89bg6mij],
.vertical_menu h3[b-1b89bg6mij] {
background-color: var(--white-fb);
color: black;
display: block;
padding: 0.75rem;
margin-top: 0.6875rem;
margin-bottom: 0.6875rem;
margin-left: 0.375rem;
margin-right: 0.375rem;
border-radius: 0.125rem;
text-decoration: none;
}
.vertical_menu a[b-1b89bg6mij] {
padding-left: 35px;
}
.vertical_menu h3.title[b-1b89bg6mij] {
display: flex;
justify-content: center;
align-items: center;
color: #063251;
background-color: #50b6f1;
margin-right: 0.375rem;
position: sticky;
top: 0.6875rem;
left: 0;
border: 0.6875rem outset #B7DDF4 solid;
outline: 0.6875rem #B7DDF4 solid;
}
.vertical_menu a:hover[b-1b89bg6mij] {
background-color: rgb(235, 236, 237);
}
.vertical_menu a.active[b-1b89bg6mij] {
background-color: #04AA6D;
color: white;
}
@media only screen and (max-width: 1440px) {
.root > input.loginForm[b-1b89bg6mij] {
padding: 1rem 1.5rem;
font-size: 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/SiteList.razor.rz.scp.css */
.root[b-cqnpdemjtj] {
display: grid;
grid-template-columns: 1fr;
justify-items: center;
padding-top: .375rem;
padding-bottom: 2.375rem;
margin-left: 3.375rem;
margin-right: 3.375rem;
/* background-color: aliceblue; */
}
/* GLOBAL */
/* Chrome, Safari, Edge, Opera */
select[b-cqnpdemjtj], option[b-cqnpdemjtj] {
-webkit-appearance: none;
}
/* End of GLOBAL */
.questionContent[b-cqnpdemjtj] {
padding: 3rem 5rem;
margin-bottom: 10rem;
}
.buttonAreaWrapper[b-cqnpdemjtj] {
margin-top: 5rem;
}
.buttonAreaWrapper button[type=submit][b-cqnpdemjtj],
.buttonAreaWrapper button[type=reset][b-cqnpdemjtj] {
float: right;
}
.buttonAreaWrapper button:nth-child(2)[b-cqnpdemjtj] {
margin-right: 2rem;
}
.inputRoot[b-cqnpdemjtj] {
margin-bottom: 1.875rem;
}
button.resetDropdownButton[b-cqnpdemjtj]::after {
content: "\2716";
}
.filterGroup[b-cqnpdemjtj] {
display: grid;
justify-content: center;
/* grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));*/
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
margin-bottom: 0.75rem;
}
.filterWrapper[b-cqnpdemjtj] {
/* flex: 1;*/
margin: 0 1rem 1rem;
position: relative;
}
.filterWrapper.filterSearchWrapper[b-cqnpdemjtj] {
grid-column: span 3;
}
.filterWrapper label[b-cqnpdemjtj] {
display: block;
margin-bottom: .25rem;
}
.filterItem[b-cqnpdemjtj] {
position: relative;
}
.filterItem[b-cqnpdemjtj]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.filterItem select[b-cqnpdemjtj] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
.filterItem select[b-cqnpdemjtj]::-webkit-input-placeholder {
color: var(--grey);
}
.filterItem select:focus[b-cqnpdemjtj] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.filterItem select > option[b-cqnpdemjtj] {
border-radius: 10px;
}
fieldset.fieldsetForm[disabled] div.filterItem[b-cqnpdemjtj]::after {
/*add arrow down from fa-icon*/
color: rgba(214, 238, 247, 0.5);
opacity: 0.7;
}
fieldset.fieldsetForm[disabled] div.filterWrapper > div > button.resetDropdownButton[b-cqnpdemjtj]::after {
color: rgba(214, 238, 247, 0.5);
opacity: 0.7;
}
fieldset.fieldsetForm[disabled] div.filterWrapper button.resetDropdownButton:hover[b-cqnpdemjtj] {
text-decoration: none;
}
.filterWrapper .resetDropdownButton[b-cqnpdemjtj] {
position: absolute;
top: auto;
right: 1.15rem;
bottom: .65rem;
background-color: transparent;
font-family: 'Roboto', sans-serif;
font-size: 1rem;
/* font-weight: bold;*/
border: 0 solid transparent;
cursor: pointer;
}
.filterWrapper .resetDropdownButton:hover[b-cqnpdemjtj] {
text-decoration: underline;
}
.filterSearchWrapper[b-cqnpdemjtj] {
}
@media only screen and (max-width: 1440px) {
.root[b-cqnpdemjtj] {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media only screen and (max-width: 1366px) {
.filterGroup[b-cqnpdemjtj] {
display: grid;
justify-content: center;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 10px;
}
.filterWrapper.regionFilter[b-cqnpdemjtj], .filterWrapper.filterSearchWrapper[b-cqnpdemjtj] {
grid-column: auto;
}
}
@media only screen and (max-width: 1080px) {
.root[b-cqnpdemjtj] {
margin-left: 2rem;
margin-right: 2rem;
}
.filterGroup[b-cqnpdemjtj] {
display: flex;
flex-direction: column;
}
.filterWrapper[b-cqnpdemjtj] {
margin: 0;
margin-bottom: .5rem;
}
}
@media only screen and (max-width: 800px) {
.root[b-cqnpdemjtj] {
margin-left: 1rem;
margin-right: 1rem;
}
}
/* ======Input Styling (Input Search)====== */
input[b-cqnpdemjtj]::-webkit-outer-spin-button,
input[b-cqnpdemjtj]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.searchInput[b-cqnpdemjtj] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
input.searchInput[b-cqnpdemjtj]::-webkit-input-placeholder {
color: var(--grey-border);
}
input.searchInput:focus[b-cqnpdemjtj] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* ======End of Input Styling (Input Search)====== */
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
select[b-cqnpdemjtj], option[b-cqnpdemjtj] {
-webkit-appearance: none;
}
button.resetDropdownButton[b-cqnpdemjtj] {
margin-top: auto;
margin-bottom: auto;
top: auto;
}
button.resetDropdownButton[b-cqnpdemjtj]::after {
content: "\2715";
}
div.filterWrapper button.resetDropdownButton[b-cqnpdemjtj] {
position: absolute;
right: 1.15rem;
bottom: .65rem;
background-color: transparent;
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: bold;
border: 0 solid transparent;
cursor: pointer;
}
div.filterWrapper button.resetDropdownButton:hover[b-cqnpdemjtj] {
text-decoration: underline;
}
div.filterItem select[b-cqnpdemjtj] {
width: 100%;
/*padding: 0.5rem 1rem;*/
padding-right: 2rem;
padding-left: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
border-radius: 6px;
border: 2px solid #CBD2E0;
transition: .2s all;
cursor: pointer;
}
div.filterItem select[b-cqnpdemjtj]::-webkit-input-placeholder {
color: var(--grey);
}
div.filterItem select:focus[b-cqnpdemjtj] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
div.filterItem select > option[b-cqnpdemjtj] {
border-radius: 10px;
}
fieldset.fieldsetForm[disabled] div.filterItem[b-cqnpdemjtj]::after {
color: rgba(214, 238, 247, 0.5);
opacity: 0.7;
}
fieldset.fieldsetForm[disabled] div.filterWrapper > div > button.resetDropdownButton[b-cqnpdemjtj]::after {
color: rgba(214, 238, 247, 0.5);
opacity: 0.7;
}
fieldset.fieldsetForm[disabled] div.filterWrapper button.resetDropdownButton:hover[b-cqnpdemjtj] {
text-decoration: none;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/UserManagement/AssignResourceModal.razor.rz.scp.css */
.root[b-ylji7wdy2w] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-ylji7wdy2w] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-ylji7wdy2w] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-ylji7wdy2w] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-ylji7wdy2w] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-ylji7wdy2w] {
color: rgb(224, 224, 224);
}
.modalContent[b-ylji7wdy2w] {
background-color: white;
padding: 3rem 4rem;
}
.tabContents[b-ylji7wdy2w] {
padding-top: 1.5rem;
}
.input[b-ylji7wdy2w] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-ylji7wdy2w] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-ylji7wdy2w] {
width: 50%;
}
.modalContent[b-ylji7wdy2w] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-ylji7wdy2w] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-ylji7wdy2w] {
padding: 1rem;
}
.modalHeader .closeIcon[b-ylji7wdy2w] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-ylji7wdy2w] {
width: 90%;
}
.modalContent[b-ylji7wdy2w] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-ylji7wdy2w] {
padding-left: 1.5rem;
}
.modalHeader h2[b-ylji7wdy2w] {
text-align: left;
}
.modalHeader .closeIcon[b-ylji7wdy2w] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-ylji7wdy2w] {
padding-left: 1rem;
}
.modalContent[b-ylji7wdy2w] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-ylji7wdy2w] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-ylji7wdy2w]::-webkit-outer-spin-button,
input[b-ylji7wdy2w]::-webkit-inner-spin-button,
textarea[b-ylji7wdy2w]::-webkit-outer-spin-button,
textarea[b-ylji7wdy2w]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select[b-ylji7wdy2w], option[b-ylji7wdy2w] {
-webkit-appearance: none;
}
/* Firefox */
input[type=number][b-ylji7wdy2w] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-ylji7wdy2w] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-ylji7wdy2w] {
display: none;
}
.inputFieldRoot label[b-ylji7wdy2w],
.inputFieldRoot span[b-ylji7wdy2w] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-ylji7wdy2w] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-ylji7wdy2w] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-ylji7wdy2w] {
display: none;
}
.doubleColonMobile[b-ylji7wdy2w] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-ylji7wdy2w],
.inputFieldRoot textarea[b-ylji7wdy2w] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-ylji7wdy2w]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-ylji7wdy2w]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-ylji7wdy2w],
.inputFieldRoot textarea:focus[b-ylji7wdy2w] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-ylji7wdy2w] {
resize: none;
}
/* Input Alert */
.inputAlert[b-ylji7wdy2w] {
margin-top: 1rem;
color: var(--red);
}
/* Input Password eye icon */
.input .inputWrapper[b-ylji7wdy2w] {
position: relative;
}
.eyeIcon[b-ylji7wdy2w] {
font-size: 1.5rem;
color: var(--blue);
position: absolute;
right: 1rem;
top: .5rem;
cursor: pointer;
transition: .3s all;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-ylji7wdy2w] {
display: flex;
}
.dropdown[b-ylji7wdy2w] {
position: relative;
}
.dropdown[b-ylji7wdy2w]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-ylji7wdy2w] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-ylji7wdy2w] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-ylji7wdy2w] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-ylji7wdy2w],
.select select[disabled][b-ylji7wdy2w], .select select:disabled[b-ylji7wdy2w] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-ylji7wdy2w]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-ylji7wdy2w] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-ylji7wdy2w]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-ylji7wdy2w] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-ylji7wdy2w] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-ylji7wdy2w] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* Organization Table Tab */
.resourceTableWrapper[b-ylji7wdy2w] {
}
.resourceTableWrapper table[b-ylji7wdy2w] {
border: 1px solid var(--grey);
border-radius: 10px;
width: 100%;
max-height: 15rem;
overflow-y: scroll;
border-spacing: 0px;
}
.resourceTableWrapper thead[b-ylji7wdy2w] {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #595D61;
}
.resourceTableWrapper tbody[b-ylji7wdy2w] {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #595D61;
}
.resourceTableWrapper thead th[b-ylji7wdy2w] {
background-color: var(--grey);
padding: 1em;
}
.resourceTableWrapper tbody th[b-ylji7wdy2w] {
padding: 0.5em;
border-bottom: 1px solid var(--grey);
}
/*for delete & edit icon*/
.actionCol[b-ylji7wdy2w] {
/* display: flex;*/
/* justify-content: space-around;*/
text-align: center;
}
.actionIcon:disabled[b-ylji7wdy2w],
.actionIcon[disabled][b-ylji7wdy2w] {
color: #666666;
cursor: default;
}
.actionIcon:disabled:hover[b-ylji7wdy2w],
.actionIcon[disabled]:hover[b-ylji7wdy2w] {
color: #666666;
}
.deleteIcon[b-ylji7wdy2w] {
color: var(--red);
cursor: pointer;
margin-left: 5px;
}
.deleteIcon:hover[b-ylji7wdy2w] {
color: var(--red-darker);
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/UserManagement/PasswordChangeModal.razor.rz.scp.css */
.root[b-39am3tmnfv] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-39am3tmnfv] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-39am3tmnfv] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-39am3tmnfv] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-39am3tmnfv] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-39am3tmnfv] {
color: rgb(224, 224, 224);
}
.modalContent[b-39am3tmnfv] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-39am3tmnfv] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-39am3tmnfv] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-39am3tmnfv] {
width: 50%;
}
.modalContent[b-39am3tmnfv] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-39am3tmnfv] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-39am3tmnfv] {
padding: 1rem;
}
.modalHeader .closeIcon[b-39am3tmnfv] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-39am3tmnfv] {
width: 90%;
}
.modalContent[b-39am3tmnfv] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-39am3tmnfv] {
padding-left: 1.5rem;
}
.modalHeader h2[b-39am3tmnfv] {
text-align: left;
}
.modalHeader .closeIcon[b-39am3tmnfv] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-39am3tmnfv] {
padding-left: 1rem;
}
.modalContent[b-39am3tmnfv] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-39am3tmnfv] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-39am3tmnfv]::-webkit-outer-spin-button,
input[b-39am3tmnfv]::-webkit-inner-spin-button,
textarea[b-39am3tmnfv]::-webkit-outer-spin-button,
textarea[b-39am3tmnfv]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select[b-39am3tmnfv], option[b-39am3tmnfv] {
-webkit-appearance: none;
}
/* Firefox */
input[type=number][b-39am3tmnfv] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-39am3tmnfv] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-39am3tmnfv] {
display: none;
}
.inputFieldRoot label[b-39am3tmnfv],
.inputFieldRoot span[b-39am3tmnfv] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-39am3tmnfv] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-39am3tmnfv] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-39am3tmnfv] {
display: none;
}
.doubleColonMobile[b-39am3tmnfv] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-39am3tmnfv],
.inputFieldRoot textarea[b-39am3tmnfv] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-39am3tmnfv]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-39am3tmnfv]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-39am3tmnfv],
.inputFieldRoot textarea:focus[b-39am3tmnfv] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-39am3tmnfv] {
resize: none;
}
/* Input Alert */
.inputAlert[b-39am3tmnfv] {
margin-top: 1rem;
color: var(--red);
}
/* Input Password eye icon */
.input .inputWrapper[b-39am3tmnfv] {
position: relative;
}
.eyeIcon[b-39am3tmnfv] {
font-size: 1.5rem;
color: var(--blue);
position: absolute;
right: 1rem;
top: .5rem;
cursor: pointer;
transition: .3s all;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-39am3tmnfv] {
display: flex;
}
.dropdown[b-39am3tmnfv] {
position: relative;
}
.dropdown[b-39am3tmnfv]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-39am3tmnfv] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-39am3tmnfv] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-39am3tmnfv] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-39am3tmnfv] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-39am3tmnfv]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-39am3tmnfv] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-39am3tmnfv]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-39am3tmnfv] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-39am3tmnfv] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-39am3tmnfv] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/UserManagement/UserModal.razor.rz.scp.css */
.root[b-a2a8kwwltq] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-a2a8kwwltq] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-a2a8kwwltq] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-a2a8kwwltq] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-a2a8kwwltq] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-a2a8kwwltq] {
color: rgb(224, 224, 224);
}
.modalContent[b-a2a8kwwltq] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-a2a8kwwltq] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-a2a8kwwltq] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-a2a8kwwltq] {
width: 50%;
}
.modalContent[b-a2a8kwwltq] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-a2a8kwwltq] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-a2a8kwwltq] {
padding: 1rem;
}
.modalHeader .closeIcon[b-a2a8kwwltq] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-a2a8kwwltq] {
width: 90%;
}
.modalContent[b-a2a8kwwltq] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-a2a8kwwltq] {
padding-left: 1.5rem;
}
.modalHeader h2[b-a2a8kwwltq] {
text-align: left;
}
.modalHeader .closeIcon[b-a2a8kwwltq] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-a2a8kwwltq] {
padding-left: 1rem;
}
.modalContent[b-a2a8kwwltq] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-a2a8kwwltq] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-a2a8kwwltq]::-webkit-outer-spin-button,
input[b-a2a8kwwltq]::-webkit-inner-spin-button,
textarea[b-a2a8kwwltq]::-webkit-outer-spin-button,
textarea[b-a2a8kwwltq]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select[b-a2a8kwwltq], option[b-a2a8kwwltq] {
-webkit-appearance: none;
}
/* Firefox */
input[type=number][b-a2a8kwwltq] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-a2a8kwwltq] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-a2a8kwwltq] {
display: none;
}
.inputFieldRoot label[b-a2a8kwwltq],
.inputFieldRoot span[b-a2a8kwwltq] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-a2a8kwwltq] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-a2a8kwwltq] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-a2a8kwwltq] {
display: none;
}
.doubleColonMobile[b-a2a8kwwltq] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-a2a8kwwltq],
.inputFieldRoot textarea[b-a2a8kwwltq] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-a2a8kwwltq]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-a2a8kwwltq]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-a2a8kwwltq],
.inputFieldRoot textarea:focus[b-a2a8kwwltq] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-a2a8kwwltq] {
resize: none;
}
/* Input Alert */
.inputAlert[b-a2a8kwwltq] {
margin-top: 1rem;
color: var(--red);
}
/* Input Password eye icon */
.input .inputWrapper[b-a2a8kwwltq] {
position: relative;
}
.eyeIcon[b-a2a8kwwltq] {
font-size: 1.5rem;
color: var(--blue);
position: absolute;
right: 1rem;
top: .5rem;
cursor: pointer;
transition: .3s all;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-a2a8kwwltq] {
display: flex;
}
.dropdown[b-a2a8kwwltq] {
position: relative;
}
.dropdown[b-a2a8kwwltq]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-a2a8kwwltq] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-a2a8kwwltq] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-a2a8kwwltq] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-a2a8kwwltq] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-a2a8kwwltq]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-a2a8kwwltq] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-a2a8kwwltq]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-a2a8kwwltq] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-a2a8kwwltq] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-a2a8kwwltq] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/UserManagement/UserTableManagement.razor.rz.scp.css */
.rootComponent[b-2igoqbpjub] {
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
box-shadow: 0 0 2px var(--black);
}
.tableWrapper[b-2igoqbpjub] {
width: 100%;
max-height: 700px;
overflow: auto;
}
.tableWrapper[b-2igoqbpjub]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.tableWrapper[b-2igoqbpjub]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.tableWrapper[b-2igoqbpjub]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.tableWrapper[b-2igoqbpjub]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.rootTable[b-2igoqbpjub] {
width: 100%;
background-color: var(--blue-sky-background);
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootTable th[b-2igoqbpjub], .rootTable td[b-2igoqbpjub] {
padding: 5px 8px;
border: 7px solid var(--blue-sky-background);
}
.rootTable th[b-2igoqbpjub] {
font-weight: 500;
background-color: var(--blue-sky);
position: sticky;
top: 0;
cursor: pointer;
}
.rootTable th .tableHeaderWrapper[b-2igoqbpjub] {
width: 100%;
height: 100%;
padding: 0 1rem 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.rootTable th .sortIcon[b-2igoqbpjub] {
color: var(--blue-darker);
}
.rootTable tr:hover td[b-2igoqbpjub] {
background-color: var(--table-hover);
}
.rootTable td[b-2igoqbpjub] {
background-color: var(--white-fb);
}
/*for delete & edit icon*/
.actionCol[b-2igoqbpjub] {
/* display: flex;*/
/* justify-content: space-around;*/
text-align: center;
}
.actionIcon:disabled[b-2igoqbpjub],
.actionIcon[disabled][b-2igoqbpjub] {
color: #666666;
cursor: default;
}
.actionIcon:disabled:hover[b-2igoqbpjub],
.actionIcon[disabled]:hover[b-2igoqbpjub] {
color: #666666;
}
.deleteIcon[b-2igoqbpjub] {
color: var(--red);
cursor: pointer;
margin-left: 5px;
}
.deleteIcon:hover[b-2igoqbpjub] {
color: var(--red-darker);
}
.editIcon[b-2igoqbpjub] {
color: var(--green);
cursor: pointer;
display: inline-block;
margin-left: 5px;
}
.editIcon:hover[b-2igoqbpjub] {
color: var(--greenground-hover);
}
.assignIcon[b-2igoqbpjub] {
color: var(--blue);
cursor: pointer;
display: inline-block;
}
.assignIcon:hover[b-2igoqbpjub] {
color: var(--blue-sky);
}
/*end for delete & edit icon*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterCategory/WaterCategoryContent.razor.rz.scp.css */
.root[b-m23re4hpek] {
}
.root hr.contentDivider[b-m23re4hpek] {
margin-top: 5rem;
margin-bottom: 1rem;
/* margin: 5rem; */
border-top: 1px solid #5EB6E4;
}
[b-m23re4hpek] .addWaterBtn {
/*margin-top: 3.3125rem;*/
}
.emptyData[b-m23re4hpek] {
display: block;
margin-bottom: 1.875rem;
text-align: center;
}
.reference[b-m23re4hpek] {
display: block;
width: 100%;
font-weight: bold;
font-size: 1.5rem;
margin-bottom: 1rem;
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterCategory/WaterCategoryContentItem.razor.rz.scp.css */
/*Accordion Field Group Item Styling*/
.root[b-olk1ytj4c9] {
}
.fieldsetForm[b-olk1ytj4c9] {
border: 0px solid transparent;
}
.itemContainer[b-olk1ytj4c9],
.itemContent[b-olk1ytj4c9],
.itemContent form[b-olk1ytj4c9] {
overflow: hidden;
}
.itemHeader[b-olk1ytj4c9] {
background-color: var(--blue-sky);
border: 1px solid var(--blue-sky);
padding: .5rem 1rem;
margin-bottom: 1.3125rem;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.itemHeader:hover[b-olk1ytj4c9] {
background-color: var(--white);
}
.itemHeader:hover h3[b-olk1ytj4c9],
.itemHeader:hover .arrow[b-olk1ytj4c9] {
color: var(--blue-sky);
}
.itemHeader h3[b-olk1ytj4c9] {
color: var(--white);
font-size: 1.25rem;
font-weight: 600;
}
.itemHeader .iconGroupWrapper[b-olk1ytj4c9] {
font-size: 1.5rem;
color: var(--white);
}
.deleteIcon[b-olk1ytj4c9],
.arrow[b-olk1ytj4c9] {
transition: .3s;
cursor: pointer;
display: inline-block;
padding: 5px;
}
.arrow[b-olk1ytj4c9] {
}
.arrow.active[b-olk1ytj4c9] {
transform: rotate(180deg);
}
.deleteIcon[b-olk1ytj4c9] {
margin-right: 1rem;
color: var(--white);
background-color: var(--blue-sky);
border-radius: 50%;
}
.deleteIcon:hover[b-olk1ytj4c9] {
background-color: var(--white);
color: var(--red-darker);
}
.deleteIcon:disabled[b-olk1ytj4c9],
.deleteIcon[disabled][b-olk1ytj4c9] {
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
cursor: default;
}
.deleteIcon:disabled:hover[b-olk1ytj4c9],
.deleteIcon[disabled]:hover[b-olk1ytj4c9] {
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
}
.itemContent[b-olk1ytj4c9] {
/* for active/not accordion */
max-height: 0;
opacity: 0;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.accordionInputWrapper[b-olk1ytj4c9] {
max-height: 500px;
overflow: auto;
margin-bottom: 3rem;
}
.itemContent.active[b-olk1ytj4c9] {
opacity: 1;
max-height: 100vh;
transition: max-height 0.5s ease-in-out;
}
.itemContent .input[b-olk1ytj4c9] {
margin-bottom: 1.875rem;
}
.itemContent .input label[b-olk1ytj4c9] {
color: var(--blue-sky-text);
}
.itemContent[b-olk1ytj4c9] .btnSave {
margin-right: 1rem;
margin-bottom: 1.875rem;
}
h4.sectionTitle[b-olk1ytj4c9] {
font-size: 1.25rem;
/*color: var(--blue);*/
}
.dropdownDivider[b-olk1ytj4c9] {
margin-bottom: 1.875rem;
}
label span.codeBadge[b-olk1ytj4c9] {
display: inline-block;
padding: 2px 5px;
margin: 0 4px;
background-color: var(--grey);
color: var(--blue);
font-size: .7rem;
font-weight: bold;
text-align: center;
border: 1px solid black;
border-radius: 7px;
}
/*from Parent*/
.root[b-olk1ytj4c9] button[type='submit'] {
float: right;
}
[b-olk1ytj4c9] .btnSave {
margin-right: 1rem;
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-olk1ytj4c9]::-webkit-outer-spin-button,
input[b-olk1ytj4c9]::-webkit-inner-spin-button,
textarea[b-olk1ytj4c9]::-webkit-outer-spin-button,
textarea[b-olk1ytj4c9]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-olk1ytj4c9] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-olk1ytj4c9] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.inputFieldRoot span.numberUnit[b-olk1ytj4c9] {
color: var(--grey-text);
font-size: .9rem;
margin-top: 3px;
}
.doubleColonMobile[b-olk1ytj4c9] {
display: none;
}
.inputFieldRoot label[b-olk1ytj4c9],
.inputFieldRoot span[b-olk1ytj4c9] {
font-size: 1.125rem;
color: var(--dark-blue);
position: relative;
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-olk1ytj4c9] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-olk1ytj4c9] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-olk1ytj4c9] {
display: none;
}
.doubleColonMobile[b-olk1ytj4c9] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-olk1ytj4c9],
.inputFieldRoot textarea[b-olk1ytj4c9] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-olk1ytj4c9]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-olk1ytj4c9]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-olk1ytj4c9],
.inputFieldRoot textarea:focus[b-olk1ytj4c9] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-olk1ytj4c9] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-olk1ytj4c9] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-olk1ytj4c9] {
margin-top: 1rem;
color: var(--red);
}
span.redColor[b-olk1ytj4c9] {
color: var(--red);
display: inline-block;
margin-right: 8px;
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-olk1ytj4c9] {
display: flex;
}
select[b-olk1ytj4c9], option[b-olk1ytj4c9] {
-webkit-appearance: none;
}
.dropdown[b-olk1ytj4c9] {
position: relative;
}
.dropdown[b-olk1ytj4c9]::after {
/*add arrow down from fa-icon*/
content: '\f107';
font: normal normal normal 12px/1 FontAwesome;
color: black;
right: 5px;
top: -2px;
height: 26px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
.additionalBtn[b-olk1ytj4c9] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-olk1ytj4c9] {
color: var(--blueground-hover);
}
.inputFieldRoot > div.inputWrapper > div > select[b-olk1ytj4c9] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-olk1ytj4c9] {
cursor: default;
}
fieldset.fieldsetForm[disabled] .dropdown[b-olk1ytj4c9]::after {
/*add arrow down from fa-icon*/
color: rgb(170, 170, 170);
opacity: 0.7;
}
.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-olk1ytj4c9] {
width: unset;
}
.inputFieldRoot > div.inputWrapper > div > select[b-olk1ytj4c9]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div.inputWrapper > div > select:focus[b-olk1ytj4c9] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-olk1ytj4c9] {
border-radius: 10px;
}
.inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-olk1ytj4c9] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
.align-left[b-olk1ytj4c9] {
text-align: left;
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterCategory/WaterCategoryModal.razor.rz.scp.css */
.root[b-kbyix9yca5] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.modalWrapper[b-kbyix9yca5] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-kbyix9yca5] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-kbyix9yca5] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-kbyix9yca5] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-kbyix9yca5] {
color: rgb(224, 224, 224);
}
.modalContent[b-kbyix9yca5] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-kbyix9yca5] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-kbyix9yca5] {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-kbyix9yca5] {
width: 50%;
}
.modalContent[b-kbyix9yca5] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-kbyix9yca5] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-kbyix9yca5] {
padding: 1rem;
}
.modalHeader .closeIcon[b-kbyix9yca5] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-kbyix9yca5] {
width: 90%;
}
.modalContent[b-kbyix9yca5] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-kbyix9yca5] {
padding-left: 1.5rem;
}
.modalHeader h2[b-kbyix9yca5] {
text-align: left;
}
.modalHeader .closeIcon[b-kbyix9yca5] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-kbyix9yca5] {
padding-left: 1rem;
}
.modalContent[b-kbyix9yca5] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-kbyix9yca5] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-kbyix9yca5]::-webkit-outer-spin-button,
input[b-kbyix9yca5]::-webkit-inner-spin-button,
textarea[b-kbyix9yca5]::-webkit-outer-spin-button,
textarea[b-kbyix9yca5]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-kbyix9yca5] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-kbyix9yca5] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-kbyix9yca5] {
display: none;
}
.inputFieldRoot label[b-kbyix9yca5],
.inputFieldRoot span[b-kbyix9yca5] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-kbyix9yca5] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-kbyix9yca5] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-kbyix9yca5] {
display: none;
}
.doubleColonMobile[b-kbyix9yca5] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-kbyix9yca5],
.inputFieldRoot textarea[b-kbyix9yca5] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-kbyix9yca5]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-kbyix9yca5]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-kbyix9yca5],
.inputFieldRoot textarea:focus[b-kbyix9yca5] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-kbyix9yca5] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-kbyix9yca5] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-kbyix9yca5] {
margin-top: 1rem;
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-kbyix9yca5] {
display: flex;
}
.additionalBtn[b-kbyix9yca5] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-kbyix9yca5] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-kbyix9yca5] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-kbyix9yca5] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-kbyix9yca5] {
width: unset;
}
.inputFieldRoot > div > select[b-kbyix9yca5]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-kbyix9yca5] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-kbyix9yca5] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-kbyix9yca5] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterCategory/WaterInformationModal.razor.rz.scp.css */
.root[b-nv6dsxgz5k] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
z-index: 2;
}
.modalWrapper[b-nv6dsxgz5k] {
width: 60vw;
height: 70vh;
margin: auto;
margin-top: 5vh;
}
.modalHeader[b-nv6dsxgz5k] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem 5rem;
border-radius: 10px 10px 0 0;
}
.modalHeader h2[b-nv6dsxgz5k] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-nv6dsxgz5k] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-nv6dsxgz5k] {
color: rgb(224, 224, 224);
}
.modalContent[b-nv6dsxgz5k] {
background-color: white;
padding: 3rem 4rem;
border-radius: 0 0 10px 10px;
width: 100%;
height: 100%;
overflow-y: auto;
}
.modalContent[b-nv6dsxgz5k]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.modalContent[b-nv6dsxgz5k]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.modalContent[b-nv6dsxgz5k]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.modalContent[b-nv6dsxgz5k]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.input[b-nv6dsxgz5k] {
margin-bottom: 1.5rem;
}
.buttonWrapper[b-nv6dsxgz5k] {
display: flex;
justify-content: center;
}
.tableRoot[b-nv6dsxgz5k] {
border-collapse: collapse;
min-width: 500px;
overflow-y: auto;
}
.tableRoot th[b-nv6dsxgz5k] {
/* text-align: left;*/
}
.tableRoot th[b-nv6dsxgz5k] {
padding: 0 1rem;
}
.tableRoot td[b-nv6dsxgz5k] {
border: 1px solid black;
padding: 1rem;
line-height: 22px;
}
.tableRoot td.level[b-nv6dsxgz5k] {
text-align: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-nv6dsxgz5k] {
width: 50%;
}
.modalContent[b-nv6dsxgz5k] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-nv6dsxgz5k] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-nv6dsxgz5k] {
padding: 1rem;
}
.modalHeader .closeIcon[b-nv6dsxgz5k] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-nv6dsxgz5k] {
width: 90%;
}
.modalContent[b-nv6dsxgz5k] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-nv6dsxgz5k] {
padding-left: 1.5rem;
}
.modalHeader h2[b-nv6dsxgz5k] {
text-align: left;
}
.modalHeader .closeIcon[b-nv6dsxgz5k] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-nv6dsxgz5k] {
padding-left: 1rem;
}
.modalContent[b-nv6dsxgz5k] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-nv6dsxgz5k] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-nv6dsxgz5k]::-webkit-outer-spin-button,
input[b-nv6dsxgz5k]::-webkit-inner-spin-button,
textarea[b-nv6dsxgz5k]::-webkit-outer-spin-button,
textarea[b-nv6dsxgz5k]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-nv6dsxgz5k] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-nv6dsxgz5k] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-nv6dsxgz5k] {
display: none;
}
.inputFieldRoot label[b-nv6dsxgz5k],
.inputFieldRoot span[b-nv6dsxgz5k] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-nv6dsxgz5k] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-nv6dsxgz5k] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-nv6dsxgz5k] {
display: none;
}
.doubleColonMobile[b-nv6dsxgz5k] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-nv6dsxgz5k],
.inputFieldRoot textarea[b-nv6dsxgz5k] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-nv6dsxgz5k]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-nv6dsxgz5k]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-nv6dsxgz5k],
.inputFieldRoot textarea:focus[b-nv6dsxgz5k] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-nv6dsxgz5k] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-nv6dsxgz5k] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-nv6dsxgz5k] {
margin-top: 1rem;
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-nv6dsxgz5k] {
display: flex;
}
.additionalBtn[b-nv6dsxgz5k] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-nv6dsxgz5k] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-nv6dsxgz5k] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-nv6dsxgz5k] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-nv6dsxgz5k] {
width: unset;
}
.inputFieldRoot > div > select[b-nv6dsxgz5k]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-nv6dsxgz5k] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-nv6dsxgz5k] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-nv6dsxgz5k] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterOfFacility/AssignPicModel.razor.rz.scp.css */
.root[b-74e7uqxeg1] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
justify-content: center;
align-items: center;
}
.modalWrapper[b-74e7uqxeg1] {
width: 40%;
border-radius: 10px;
overflow: hidden;
}
.modalHeader[b-74e7uqxeg1] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem;
}
.modalHeader h2[b-74e7uqxeg1] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-74e7uqxeg1] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-74e7uqxeg1] {
color: rgb(224, 224, 224);
}
.modalContent[b-74e7uqxeg1] {
background-color: white;
padding: 3rem 4rem;
}
.input[b-74e7uqxeg1] {
margin-bottom: 1.5rem;
}
.root button[b-74e7uqxeg1] {
margin: auto;
margin-top: 2rem;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-74e7uqxeg1] {
width: 50%;
}
.modalContent[b-74e7uqxeg1] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-74e7uqxeg1] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-74e7uqxeg1] {
padding: 1rem;
}
.modalHeader .closeIcon[b-74e7uqxeg1] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-74e7uqxeg1] {
width: 90%;
}
.modalContent[b-74e7uqxeg1] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-74e7uqxeg1] {
padding-left: 1.5rem;
}
.modalHeader h2[b-74e7uqxeg1] {
text-align: left;
}
.modalHeader .closeIcon[b-74e7uqxeg1] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-74e7uqxeg1] {
padding-left: 1rem;
}
.modalContent[b-74e7uqxeg1] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-74e7uqxeg1] {
padding-right: 4rem;
}
}
/* ======Input Styling (Input GLOBAL)====== */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-74e7uqxeg1]::-webkit-outer-spin-button,
input[b-74e7uqxeg1]::-webkit-inner-spin-button,
textarea[b-74e7uqxeg1]::-webkit-outer-spin-button,
textarea[b-74e7uqxeg1]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number][b-74e7uqxeg1] {
-moz-appearance: textfield;
}
/* End of GLOBAL */
/* End of hidden arrow Number */
.inputFieldRoot[b-74e7uqxeg1] {
display: grid;
grid-template-columns: 1fr 2.3rem 3fr;
align-items: center;
margin-bottom: 1.875rem;
}
.doubleColonMobile[b-74e7uqxeg1] {
display: none;
}
.inputFieldRoot label[b-74e7uqxeg1],
.inputFieldRoot span[b-74e7uqxeg1] {
font-size: 1.125rem;
color: var(--dark-blue);
}
@media only screen and (max-width: 960px) {
.inputFieldRoot[b-74e7uqxeg1] {
grid-template-columns: 3fr 1rem 4fr;
}
}
@media only screen and (max-width: 500px) {
.inputFieldRoot[b-74e7uqxeg1] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 2fr;
}
.doubleColon[b-74e7uqxeg1] {
display: none;
}
.doubleColonMobile[b-74e7uqxeg1] {
display: inline-block;
}
}
/* ======End of Input Styling (Input GLOBAL)====== */
/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-74e7uqxeg1],
.inputFieldRoot textarea[b-74e7uqxeg1] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
}
.inputFieldRoot input[b-74e7uqxeg1]::-webkit-input-placeholder,
.inputFieldRoot textarea[b-74e7uqxeg1]::-webkit-input-placeholder {
color: var(--grey-border);
}
.inputFieldRoot input:focus[b-74e7uqxeg1],
.inputFieldRoot textarea:focus[b-74e7uqxeg1] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
.inputFieldRoot textarea[b-74e7uqxeg1] {
resize: none;
}
/* for Login Form */
.inputFieldRoot input.loginForm[b-74e7uqxeg1] {
padding: 1.25rem 2rem;
font-size: 1.25rem;
font-weight: 300;
}
/* Input Alert */
.inputAlert[b-74e7uqxeg1] {
margin-top: 1rem;
color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */
/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-74e7uqxeg1] {
display: flex;
}
.additionalBtn[b-74e7uqxeg1] {
margin-left: 1rem;
align-self: center;
font-size: 1.75rem;
color: var(--blue);
cursor: pointer;
}
.additionalBtn:hover[b-74e7uqxeg1] {
color: var(--blueground-hover);
}
.inputFieldRoot > div > select[b-74e7uqxeg1] {
width: 100%;
padding: 0.5rem 1rem;
font-size: 1.125rem;
border-radius: 10px;
border: 1px solid var(--grey-border);
transition: .2s all;
cursor: pointer;
}
fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-74e7uqxeg1] {
cursor: default;
}
.inputFieldRoot > div > select.withAdditionalBtn[b-74e7uqxeg1] {
width: unset;
}
.inputFieldRoot > div > select[b-74e7uqxeg1]::-webkit-input-placeholder {
color: var(--grey);
}
.inputFieldRoot > div > select:focus[b-74e7uqxeg1] {
outline: none;
background-color: rgba(214, 238, 247, 0.5);
border: 1px solid var(--blue);
box-shadow: 0 0 3px var(--blue);
}
/* option styling */
.inputFieldRoot > div > select > option[b-74e7uqxeg1] {
border-radius: 10px;
}
.inputFieldRoot > div > select > option:disabled[b-74e7uqxeg1] {
/* color: var(--grey); */
}
/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterOfFacility/FacilityStatusDetails.razor.rz.scp.css */
.rootComponent[b-ui7plah1r3] {
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
box-shadow: 0 0 2px var(--black);
}
.tableWrapper[b-ui7plah1r3] {
width: 100%;
overflow: auto;
}
.tableWrapper[b-ui7plah1r3]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.tableWrapper[b-ui7plah1r3]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.tableWrapper[b-ui7plah1r3]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.tableWrapper[b-ui7plah1r3]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.rootTable[b-ui7plah1r3] {
width: 100%;
background-color: var(--blue-sky-background);
border: 1px solid var(--black);
border-collapse: collapse;
}
.rootTable.waterStressStatus[b-ui7plah1r3] {
font-size: 14px;
}
.rootComponent th[b-ui7plah1r3], .rootTable td[b-ui7plah1r3] {
padding: 5px 8px;
border: 7px solid var(--blue-sky-background);
}
.rootComponent th[b-ui7plah1r3] {
font-weight: 500;
background-color: var(--blue-sky);
}
.rootComponent td[b-ui7plah1r3] {
background-color: var(--white-fb);
}
.index[b-ui7plah1r3] {
font-weight: 500;
text-align: center;
}
.status[b-ui7plah1r3] {
font-weight: 500;
position: relative;
}
.status.composite[b-ui7plah1r3] {
min-width: 200px;
/* display: flex;*/
/* justify-content: space-between;*/
}
.status.composite.printPreview[b-ui7plah1r3] {
min-width: 110px;
}
.labelIcon[b-ui7plah1r3] {
display: inline-block;
position: absolute;
right: 1rem;
}
.labelIcon.printPreview[b-ui7plah1r3] {
right: .5rem;
}
.status.fullpass[b-ui7plah1r3] {
color: var(--green-status);
}
.status.halfpass[b-ui7plah1r3] {
color: var(--yellow-status);
}
.status.fail[b-ui7plah1r3] {
color: var(--red-status);
}
.score[b-ui7plah1r3] {
font-weight: 500;
text-align: center;
}
.score.fullpass[b-ui7plah1r3] {
color: var(--green-status);
}
.score.halfpass[b-ui7plah1r3] {
color: var(--yellow-status);
}
.score.fail[b-ui7plah1r3] {
color: var(--red-status);
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterOfFacility/IndicatorInfoTables/WaterRiskDesc.razor.rz.scp.css */
.modalContent[b-cjasvg0xfe] {
background-color: white;
padding: 0 4rem;
border-radius: 0 0 10px 10px;
overflow: auto;
}
.modalContent[b-cjasvg0xfe]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.modalContent[b-cjasvg0xfe]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.modalContent[b-cjasvg0xfe]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.modalContent[b-cjasvg0xfe]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.statusDetailTitle[b-cjasvg0xfe] {
color: var(--blue);
/* font-size: 1.5rem;*/
margin-bottom: 1rem;
}
.tableRoot[b-cjasvg0xfe] {
border-collapse: collapse;
min-width: 500px;
}
.tableRoot th[b-cjasvg0xfe] {
/* text-align: left;*/
}
.tableRoot th[b-cjasvg0xfe] {
padding: 0 1rem;
}
.tableRoot td[b-cjasvg0xfe] {
border: 1px solid black;
padding: 0.95rem;
}
.tableRoot td.level[b-cjasvg0xfe] {
text-align: center;
}
@media only screen and (max-width: 1280px) {
.modalContent[b-cjasvg0xfe] {
padding: 0 2.5rem;
}
}
@media only screen and (max-width: 680px) {
.modalContent[b-cjasvg0xfe] {
padding: 0 1.5rem;
}
}
@media only screen and (max-width: 366px) {
.modalContent[b-cjasvg0xfe] {
padding: 0 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterOfFacility/IndicatorInfoTables/WaterStressPWSIDesc.razor.rz.scp.css */
.modalContent[b-5mv5xyggcu] {
background-color: white;
padding: 3rem 4rem;
border-radius: 0 0 10px 10px;
overflow: auto;
}
.modalContent[b-5mv5xyggcu]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.modalContent[b-5mv5xyggcu]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.modalContent[b-5mv5xyggcu]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.modalContent[b-5mv5xyggcu]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.statusDetailTitle[b-5mv5xyggcu] {
color: var(--blue);
/* font-size: 1.5rem;*/
margin-bottom: 1rem;
}
.tableRoot[b-5mv5xyggcu] {
border-collapse: collapse;
min-width: 500px;
}
.tableRoot th[b-5mv5xyggcu] {
/* text-align: left;*/
}
.tableRoot th[b-5mv5xyggcu] {
padding: 0 1rem;
}
.tableRoot td[b-5mv5xyggcu] {
border: 1px solid black;
padding: 1rem;
}
.tableRoot td.level[b-5mv5xyggcu] {
text-align: center;
}
@media only screen and (max-width: 1280px) {
.modalContent[b-5mv5xyggcu] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 680px) {
.modalContent[b-5mv5xyggcu] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 366px) {
.modalContent[b-5mv5xyggcu] {
padding: 2.5rem 1rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterOfFacility/WaterRiskReport.razor.rz.scp.css */
/* Content Styling starts here */
.cardContainer[b-egf9z1oird] {
display: flex;
/* grid-template-columns: .5fr 1fr;*/
/* grid-template-rows: 1fr;*/
flex-direction: column;
}
.cardContainer ul[b-egf9z1oird] {
list-style: none;
}
.blueTitle[b-egf9z1oird] {
color: var(--blue);
margin-bottom: 1rem;
}
.detailContainer[b-egf9z1oird] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 10px;
}
.detailContainer.printPreview[b-egf9z1oird], .cardContainer.printPreview[b-egf9z1oird] {
display: unset;
}
.cardItem[b-egf9z1oird] {
background-color: white;
box-shadow: 0px 0px 4px gray;
border-radius: 5px;
padding: 10px;
position: relative;
}
.cardItem.printPreview[b-egf9z1oird] {
float: left;
margin-bottom: 10px;
background-color: white;
box-shadow: 0px 0px 4px gray;
border-radius: 5px;
padding: 10px;
position: relative;
max-height: 20cm;
width: 335px;
}
div.printPreview .cardItem[b-egf9z1oird] {
width: 335px;
}
div.printPreview div.cardItem.riskLevelWrapper[b-egf9z1oird] {
height: 19cm;
}
div.printPreview div.cardItem.riskLevelWrapper + div.cardItem.externalImpactWrapper:nth-child(2n)[b-egf9z1oird] {
height: 19cm;
}
div.printPreview > div.cardItem:last-child[b-egf9z1oird] {
page-break-after: always;
}
div.printPreview > div.cardItem:nth-child(2n+3)[b-egf9z1oird], div.printPreview > div.cardItem:nth-child(2n+4)[b-egf9z1oird] {
page-break-before: always;
page-break-inside: avoid;
margin-top: 20px;
}
div.printPreview > .cardItem:nth-child(2n-1)[b-egf9z1oird] {
margin-right: 10px;
}
.cardContent[b-egf9z1oird] {
display: grid;
grid-template-rows: 250px max-content;
}
.cardContent.printPreview[b-egf9z1oird] {
display: block;
}
.detailScore[b-egf9z1oird] {
overflow: auto;
border-bottom: 1px solid black;
margin-right: -10px;
padding-right: 10px;
}
.detailScore.printPreview[b-egf9z1oird] {
margin: 0;
padding: 0;
border-bottom: 0px solid transparent;
}
/* for Scrollbar */
/* width */
.detailScore[b-egf9z1oird]::-webkit-scrollbar {
width: 7px;
}
/* Track */
.detailScore[b-egf9z1oird]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.detailScore[b-egf9z1oird]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.detailScore[b-egf9z1oird]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.cardTitle[b-egf9z1oird] {
font-size: 1rem;
color: var(--black);
font-weight: 600;
margin-bottom: .25rem;
height: 2.1rem;
}
.cardTitle.risklevel[b-egf9z1oird] {
padding-right: 77px; /* 77 = 0.5rem + 71px (label maxwidth) */
}
.cardTitle.impact[b-egf9z1oird] {
padding-right: 107px; /* 107 = 0.5rem + 101px (label maxwidth) */
}
p.biggestRiskText[b-egf9z1oird] {
display: block;
color: var(--grey-text);
margin-bottom: 1rem;
}
span.cardLabel[b-egf9z1oird] {
font-size: .75rem;
color: var(--white);
font-weight: 600;
border-radius: 5px;
padding: .5rem;
position: absolute;
top: .5rem;
right: .5rem;
}
span.cardLabel.risklevel[b-egf9z1oird] {
background-color: var(--red);
}
span.cardLabel.impact[b-egf9z1oird] {
background-color: var(--green);
}
.mainScore[b-egf9z1oird] {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.mainScore span[b-egf9z1oird] {
font-size: 2.5rem;
font-weight: 500;
/* border: 8px solid rgb(128, 100, 128, 0.3);*/
border: 8px solid rgb(53, 102, 108, .3);
text-align: center;
border-radius: 50%;
padding: 25px 10px;
color: red;
display: block;
width: 115px;
aspect-ratio: 1 / 1;
}
.mainScore.printPreview span[b-egf9z1oird] {
font-size: 2.3rem;
padding: 20px 10px;
width: 100px;
}
.subMenuScore[b-egf9z1oird], .itemScore[b-egf9z1oird] {
display: flex;
justify-content: space-between;
align-items: center;
}
.subMenuScore[b-egf9z1oird] {
border-bottom: 1px solid black;
}
.subMenuScore span[b-egf9z1oird] {
display: inline-block;
font-size: 1rem;
font-weight: 500;
margin-bottom: 3px;
}
.itemScore[b-egf9z1oird] {
margin: 0.625rem 0;
}
.itemScore.printPreview[b-egf9z1oird] {
margin: 0.325rem 0;
}
.itemScore .label[b-egf9z1oird] {
margin-left: 8px;
color: var(--grey-text);
}
.subMenuScore .label[b-egf9z1oird], .itemScore .label[b-egf9z1oird] {
flex: 1;
text-align: left;
}
.subMenuScore .score[b-egf9z1oird], .itemScore .score[b-egf9z1oird] {
flex: .3;
text-align: right;
}
/* PIC Styling */
.picStatusWrapper[b-egf9z1oird] {
height: 250px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.picStatusWrapper.printPreview[b-egf9z1oird] {
height: 125px;
display: none;
}
.picStatusWrapper span.picStatus[b-egf9z1oird] {
display: block;
font-size: 1rem;
font-weight: 500;
margin-top: 10px;
margin-bottom: 8px;
}
.picStatusWrapper .buttonWrapper[b-egf9z1oird] {
display: flex;
justify-content: center;
align-items: flex-end;
}
.informationWrapper[b-egf9z1oird] {
display: flex;
}
.statusIcon[b-egf9z1oird] {
font-size: 1.2rem;
margin-right: .6rem;
}
.iconSuccess[b-egf9z1oird] {
color: var(--green);
}
.iconDanger[b-egf9z1oird] {
color: var(--red);
}
.information[b-egf9z1oird] {
display: inline-block;
}
[b-egf9z1oird] .assignButton {
float: unset;
margin: 0;
margin-top: 2rem;
}
/*Content Styling ends here*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterOfFacility/WaterScoreInformationModal.razor.rz.scp.css */
.root[b-dhco6ei4g7] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.425);
display: flex;
/* justify-content: center;*/
align-items: center;
z-index: 2;
}
.modalWrapper[b-dhco6ei4g7] {
width: 40%;
margin: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.modalHeader[b-dhco6ei4g7] {
position: relative;
/* font-weight: bold; */
background-color: var(--blue);
padding: 1.5rem 5rem;
border-radius: 10px 10px 0 0;
}
.modalHeader h2[b-dhco6ei4g7] {
text-align: center;
color: var(--white);
}
.modalHeader .closeIcon[b-dhco6ei4g7] {
position: absolute;
top: 1.25rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalHeader .closeIcon:hover[b-dhco6ei4g7] {
color: rgb(224, 224, 224);
}
.modalContent[b-dhco6ei4g7] {
background-color: white;
padding: 3rem 4rem;
border-radius: 0 0 10px 10px;
overflow: auto;
}
.modalContent[b-dhco6ei4g7]::-webkit-scrollbar {
height: 10px;
}
/* Track */
.modalContent[b-dhco6ei4g7]::-webkit-scrollbar-track {
background: #b5d8eb;
}
/* Handle */
.modalContent[b-dhco6ei4g7]::-webkit-scrollbar-thumb {
background: var(--lightblue);
}
/* Handle Hover */
.modalContent[b-dhco6ei4g7]::-webkit-scrollbar-thumb:hover {
background: var(--blue);
}
.buttonWrapper[b-dhco6ei4g7] {
display: flex;
justify-content: center;
}
.tableRoot[b-dhco6ei4g7] {
border-collapse: collapse;
min-width: 500px;
margin: auto;
}
.tableRoot th[b-dhco6ei4g7] {
/* text-align: left;*/
}
.tableRoot th[b-dhco6ei4g7] {
padding: 0 1rem;
}
.tableRoot td[b-dhco6ei4g7] {
border: 1px solid black;
padding: 1rem;
}
.tableRoot td.level[b-dhco6ei4g7] {
text-align: center;
}
@media only screen and (max-width: 1280px) {
.modalWrapper[b-dhco6ei4g7] {
width: 50%;
}
.modalContent[b-dhco6ei4g7] {
padding: 2rem 2.5rem;
}
}
@media only screen and (max-width: 960px) {
.modalWrapper[b-dhco6ei4g7] {
width: 70%;
}
}
@media only screen and (max-width: 680px) {
.modalHeader[b-dhco6ei4g7] {
padding: 1rem;
}
.modalHeader .closeIcon[b-dhco6ei4g7] {
top: .75rem;
right: 2rem;
font-size: 2.5rem;
color: var(--white);
cursor: pointer;
}
.modalWrapper[b-dhco6ei4g7] {
width: 90%;
}
.modalContent[b-dhco6ei4g7] {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 481px) {
.modalHeader[b-dhco6ei4g7] {
padding-left: 1.5rem;
}
.modalHeader h2[b-dhco6ei4g7] {
text-align: left;
}
.modalHeader .closeIcon[b-dhco6ei4g7] {
right: 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-dhco6ei4g7] {
padding-left: 1rem;
}
.modalContent[b-dhco6ei4g7] {
padding: 2.5rem 1rem;
}
}
@media only screen and (max-width: 366px) {
.modalHeader[b-dhco6ei4g7] {
padding-right: 4rem;
}
}
/* _content/PertaminaWaterRiskTools/Shared/Parts/WaterOfFacility/WaterStressReport.razor.rz.scp.css */
/* Content Styling starts here */
.cardContainer[b-8s0yo5c9mw] {
display: flex;
/* grid-template-columns: .5fr 1fr;*/
/* grid-template-rows: 1fr;*/
flex-direction: row;
}
/* for print preview */
.cardContainer.printPreview[b-8s0yo5c9mw] {
flex-direction: column;
margin-bottom: 1rem;
}
.cardContainer.printPreview .graphCardContainer[b-8s0yo5c9mw] {
margin-bottom: 1rem;
margin-right: 0;
}
.cardContainer ul[b-8s0yo5c9mw] {
list-style: none;
}
.graphCardContainer[b-8s0yo5c9mw] {
flex: .5;
margin-right: 10px;
}
.blueTitle[b-8s0yo5c9mw] {
color: var(--blue);
margin-bottom: 1rem;
}
.graphTitle[b-8s0yo5c9mw] {
margin-top: -1rem;
}
.dimensionScoreTitle[b-8s0yo5c9mw] {
margin-top: 5rem;
margin-bottom: -4rem;
}
.detailContainer[b-8s0yo5c9mw] {
flex: .8;
display: grid;
/* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
}
.detailContainer.printPreview[b-8s0yo5c9mw] {
grid-template-columns: 1fr 1fr;
padding-top: 5rem;
}
.radarChart[b-8s0yo5c9mw] {
width: 100%;
height: 100%;
margin-top: -5.25rem;
display: flex;
justify-content: center;
}
.cardItem[b-8s0yo5c9mw] {
background-color: white;
padding: 10px;
/*box-shadow: 0px 0px 4px gray;*/
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
border-radius: 8px;
border: 1px solid #EAEAEA;
}
.cardItem.qualityScore.printPreview[b-8s0yo5c9mw] {
grid-column: span 2;
}
.cardTitle[b-8s0yo5c9mw], .mainScore span[b-8s0yo5c9mw], .detailScore span[b-8s0yo5c9mw] {
font-family: 'IBM Plex Sans', sans-serif;
}
.cardTitle[b-8s0yo5c9mw] {
font-size: 1rem;
color: var(--black);
font-weight: 700;
margin-bottom: 1rem;
}
.cardTitle.fullpass[b-8s0yo5c9mw] {
color: var(--green-status-darker);
}
.cardTitle.halfpass[b-8s0yo5c9mw] {
color: var(--yellow-status);
}
.cardTitle.fail[b-8s0yo5c9mw] {
color: var(--red-status);
}
.mainScore[b-8s0yo5c9mw] {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.mainScore span[b-8s0yo5c9mw] {
font-size: 2.5rem;
font-weight: 500;
/* border: 8px solid rgb(128, 100, 128, 0.3);*/
border: 8px solid rgb(182, 255, 0, .3);
text-align: center;
border-radius: 50%;
padding: 25px 10px;
color: var(--green);
display: block;
width: 120px;
aspect-ratio: 1 / 1;
}
.mainScore span.fullpass[b-8s0yo5c9mw] {
color: var(--green-status-darker);
border: 8px solid var(--green-status-darker-border);
}
.mainScore span.halfpass[b-8s0yo5c9mw] {
color: var(--yellow-status);
border: 8px solid var(--yellow-status-border);
}
.mainScore span.fail[b-8s0yo5c9mw] {
color: red;
border: 8px solid var(--red-border);
}
.subMenuScore[b-8s0yo5c9mw], .itemScore[b-8s0yo5c9mw] {
display: flex;
justify-content: space-between;
align-items: center;
}
.subMenuScore[b-8s0yo5c9mw] {
border-bottom: 1px solid #EAEAEA;
}
.subMenuScore span[b-8s0yo5c9mw] {
display: inline-block;
font-size: 1rem;
font-weight: 700;
margin-bottom: 3px;
}
.itemScore[b-8s0yo5c9mw] {
margin: 4px 0;
}
.itemScore .label[b-8s0yo5c9mw] {
margin-left: 8px;
color: var(--grey-text);
}
.subMenuScore .label[b-8s0yo5c9mw], .itemScore .label[b-8s0yo5c9mw] {
flex: 1;
text-align: left;
}
.subMenuScore .score[b-8s0yo5c9mw], .itemScore .score[b-8s0yo5c9mw] {
flex: .3;
text-align: right;
}
.label.red[b-8s0yo5c9mw], .score.red[b-8s0yo5c9mw] {
color: red;
}
.label.green[b-8s0yo5c9mw], .score.green[b-8s0yo5c9mw] {
color: var(--green-status-darker);
}
/*from 1163px to 1600px*/
@media only screen and (max-width: 1600px) {
.cardContainer[b-8s0yo5c9mw], .cardContainer.printPreview[b-8s0yo5c9mw] {
flex-direction: column;
}
.cardContainer.printPreview .graphCardContainer[b-8s0yo5c9mw],
.graphCardContainer[b-8s0yo5c9mw] {
margin-right: 0;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 960px) {
.detailContainer[b-8s0yo5c9mw] {
grid-template-columns: 1fr;
}
}
/*Content Styling ends here*/
/* _content/PertaminaWaterRiskTools/Shared/Parts/WorkForSection.razor.rz.scp.css */
.root[b-jxx0fsqirx] {
padding-top: 6.875rem;
padding-bottom: 12.5rem;
}
.title[b-jxx0fsqirx] {
text-align: center;
color: var(--blue);
font-size: 2.75rem;
font-weight: bold;
margin-bottom: 1.3rem;
}
.description[b-jxx0fsqirx] {
text-align: center;
color: var(--blue);
font-size: 2rem;
/*font-weight: bold;*/
margin-bottom: 8.125rem;
}
.content[b-jxx0fsqirx] {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2.5rem;
justify-content: center;
align-content: center;
width: 90%;
margin: auto;
}
.contentItem[b-jxx0fsqirx] {
text-align: center;
width: 80%;
height: 100%;
margin: auto;
color: var(--black);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.contentItem img[b-jxx0fsqirx] {
width: 85%;
}
.contentItem h3[b-jxx0fsqirx] {
font-size: 2.3125rem;
margin-top: 3rem;
margin-bottom: 1.75rem;
}
.contentItem p[b-jxx0fsqirx] {
text-align: center;
font-size: 1.25rem;
font-weight: 400;
line-height: 40px;
}
@media only screen and (max-width: 1440px) {
.content[b-jxx0fsqirx] {
width: 90%;
}
.contentItem h3[b-jxx0fsqirx] {
font-size: 1.6875rem;
}
.contentItem p[b-jxx0fsqirx] {
font-size: 1.375rem;
line-height: 25px;
}
}
@media only screen and (max-width: 1280px) {
.contentItem[b-jxx0fsqirx] {
width: 90%;
}
.contentItem h3[b-jxx0fsqirx] {
font-size: 1.375rem;
}
.contentItem p[b-jxx0fsqirx] {
font-size: 1.125rem;
line-height: 21px;
}
}
@media only screen and (max-width: 1024px) {
.content[b-jxx0fsqirx] {
justify-content: center;
align-items: center;
}
}
@media only screen and (max-width: 960px) {
.content[b-jxx0fsqirx] {
grid-template-columns: 1fr 1fr;
}
.contentItem[b-jxx0fsqirx] {
width: 100%;
}
.contentItem:last-child[b-jxx0fsqirx] {
grid-column: span 2;
width: 50%;
}
}
@media only screen and (max-width: 700px) {
.title[b-jxx0fsqirx] {
font-size: 2.5rem;
}
.content[b-jxx0fsqirx] {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 5rem;
}
.contentItem:last-child[b-jxx0fsqirx] {
grid-column: 1;
width: 100%;
}
.contentItem h3[b-jxx0fsqirx] {
margin-top: 2rem;
margin-bottom: 1rem;
}
.contentItem img[b-jxx0fsqirx] {
width: 60%;
}
}
@media only screen and (max-width: 500px) {
.title[b-jxx0fsqirx] {
font-size: 2rem;
padding: 0 .75rem;
}
.contentItem img[b-jxx0fsqirx] {
width: 85%;
}
}