/* 2023 updated styles */

@import url("https://use.typekit.net/fuz3oum.css");

body {
    padding: 2em;
}

body,
*{
    font-family: proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif !important;    
}


/* Hide page title */
h1 {
    /* display: none; */
    color: #0088c7 !important;
    font-size: 2rem !important;
position: relative !important;
    top: auto !important;
    left: auto !important;
}

@supports selector(:has(*)) {
    div[align="center"]:has(h1) {
        /* display: none; */
        background: transparent !important;
    }
}

td:has(> #tbxUsername) {
    margin-bottom: 1em;
}

/* Form fields */
input[type="text"]:not(.UserTextBox),
input[type="password"] {
    display: block;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    width: 100% !important;
    border: 1px solid #e0e0e0;
    padding: .625rem .625rem .75rem;
    appearance: none;
    border-radius: .3125rem;
    outline-width: 1px !important;
}

select {
    border: 1px solid #e0e0e0;
    padding: .5rem 0.1rem 0.5rem 0.3rem;
    border-radius: .3125rem;
}

/* button reset */
input[type="submit"] {
  appearance: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  outline: none;
}


input[type="submit"] {
  display: inline-block;
  padding: 0.8125em 1.4375em;
  text-decoration: none;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.05ch;
  border-radius: 3.2rem;
  background-color: #0088c7;
  color: #fff;
  transition: 0.15s ease;
  transition-property: background, color, transform, border;
  user-select: none;
  cursor: pointer;
  outline-offset: 0;
    margin-top: 1em;
}

input[type="submit"]:hover,
input[type="submit"]:focus-visible {
  background-color: #006594;
}

#btnCancel,
#btnLogout {
    background: #c70000;
}

#btnCancel:hover,
#btnCancel:focus-visible,
#btnLogout:hover,
#btnLogout:focus-visible {
  background-color: #940000;
}

#btnPassword,
#btnLogout,
#txtUserName {
    position: relative !important;
    margin: 0;
    top: auto !important;
    left: auto !important;
    width: auto !important;
}

#txtUserName {
    display: inline-block;
    margin-right: auto;
}

#ctl00_TreeView1 {
    
}

/* tree view item */
.ctl00_TreeView1_2 {
    display: block;
}

/* tree view link */
.ctl00_TreeView1_1 {
    font-size: 0.9rem !important;
    padding: 0.25em;
    display: block;
}

.ctl00_TreeView1_1[href="http://www.creekspipelineco.com.au/"] {
    display: none;
}

/* Log out */
.ctl00_TreeView1_1[href="/csv/Default.aspx"] {
    appearance: none;
    font: inherit;
    outline: none;
    display: inline-block;
    padding: 0.6125em 1.2375em;
    text-decoration: none;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05ch;
    border-radius: 3.2rem;
    border: 2px solid #c70000;
    color: #c70000;
    background: transparent;
    transition: 0.15s ease;
    transition-property: background, color, transform, border;
    user-select: none;
    cursor: pointer;
    outline-offset: 0;
    font-size: 0.8rem !important;
    margin-bottom: 1.5em;
}

.ctl00_TreeView1_1[href="/csv/Default.aspx"]:hover,
.ctl00_TreeView1_1[href="/csv/Default.aspx"]:focus-visible {
  background-color: #940000;
  border-color: #940000;
    color: #fff !important;
}


/* tree view subheadings - item */
.ctl00_TreeView1_4 {
    border-bottom: 2px solid #00753d;
    margin-bottom: 0.25em;
}

table:has(> tbody > tr > .ctl00_TreeView1_4) {
    margin-top: 0.5em;
}


/* tree view subheadings - link */
.ctl00_TreeView1_3 {
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 0.25em 0 0.1em 0;
}


/* tree view selected */
.ctl00_TreeView1_5,
.ctl00_TreeView1_7 {
    color: #00753d !important;
}

img[src="/csv/WebResource.axd?d=if7NrZNx7v0IOsscgsQHsJsrU1uIGCmsiithU7eGXejJ7Q5ez-wIJ10Wuz5EASED5C9KbnLlRKqpKMFeuRINQH_0-xJ8pI2TYoa_945Du7KQt8NvpE0fIT15dQvVDYtV0&t=637039541819362791"],
img[src="/csv/WebResource.axd?d=N4TexC6Iv2c1lRIPkArMuhI-PYWyJle_tTJZYJJLY74O21sL74hLsLvCbctjsL4SvW4kkHycRTYfv9Amk1b8Edk7He6-C1Ixl6B3cL5wB0zY_se1GN49gT2KflTB8obd0&t=637039541819362791"],
img[src="/csv/WebResource.axd?d=x2TfQKKnme5t83jpdKKIRljPoKKksZXRDb-fcPy28HQRZBiOHb9vxRfkBRPG9DPhk0X2TBKIL0HwG7IpLogdHZ8Llt8l1pfGMm5ICXkb1L4SszFenLkcIOpPEws8zl_r0&t=637039541819362791"] {
    display: none;
}


.TableHeader {
    background: #006132;
    font-size: 0.9rem;
}

.ProjHighlightWhite {
    font-size: 0.9rem;
}

.ProjHighlightBlue {
    background: #eef7f2;
    font-size: 0.9rem;
}

#ctl00_MainContent_btnRefresh {
    margin-left: 1em;
}

.PageTitle {
    color: #006132;
    font-size: 1.5rem;
    text-align: left;
    margin-left: 0;
}

html {
    display: flex;
}

body {
    display: flex;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
}

body > form:not(#form1) {
    width: 100%;
}

.UserTextBoxDiv1,
.UserTextBoxDiv2 {
    position: relative !important;
    top: auto;
    left: auto;
    margin-top: 2em;
}

div:has(> #txtUserName) {
    display: flex;
    gap: 1em;
}

table[style="border:solid 1px #d9d9d9;"] {
    border-color: #f0f7f2 !important;
}

.field-container {
    margin-bottom: 1em;
}

label {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 0.2em;
}