/*
 Change the variable in the line  "--Ct_Page-bg: var(--Ct_Dev-bg);" to reflect which site this file is for. 
*/

/* Background colors for the different environments */
:root{
  --Ct_Prod-bg: var(--bs-body-bg,#fff);
  --Ct_Dev-bg: #d8bfd8;
  --Ct_Dev2-bg: #add8e6;
  --Ct_Test-bg: #efefcb;
  --Ct_Train-bg: var(--bs-body-bg,#fff);

   /* Change the variable value below for the site this page is for */
  --Ct_Page-bg: var(--Ct_Prod-bg);
}

/*
 Home Page News
 The Home Page News uses class="ui-news" applying Bootstrap like styling for an info alert box.
*/

p.ui-news {
  position: relative;
  display: block;
  padding: 1rem 1rem;                 /* (--bs-alert-padding-*) */
  margin-bottom: 1rem;                /* (--bs-alert-margin-bottom) */
  color: #055160;                     /* info text emphasis */
  background-color: #cff4fc;          /* info subtle background */
  border: 1px solid #9eeaf9;          /* info border subtle */
  border-radius: 0.375rem;            /* ~6px */
  text-align: center;

  /* Optional subtle shadow for separation */
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
}

/* In the Workflow dialog, hide the "Default Workflow" option, Caltrans does not use that Workflow */
tr.select-tr[aria-label="Default Workflow"] {
    display: none;
}

/* In the WorkflowGroup dropdown, hide the "Empty value", users must select something */
#WorkflowGroup tr.select-tr[aria-label="Empty value"] {
    display: none;
}

/* Whole Page Background Color, Modify by using the site specific variable above. */
body {
    background-color: var(--Ct_Page-bg);
}

#btn_CreateaNewProject {
    --bs-btn-color:        #fff;
    --bs-btn-bg:           #3178B6;
    --bs-btn-border-color: #3178B6;
    
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           rgb(41.65, 102, 154.7);
    --bs-btn-hover-border-color: rgb(39.2, 96, 145.6);
    
    --bs-btn-focus-shadow-rgb: 80, 140, 193;
    
    --bs-btn-active-color:        #fff;
    --bs-btn-active-bg:           rgb(39.2, 96, 145.6);
    --bs-btn-active-border-color: rgb(36.75, 90, 136.5);
    --bs-btn-active-shadow:       inset 0 3px 5px rgba(0, 0, 0, 0.125);
    
    --bs-btn-disabled-color:        #fff;
    --bs-btn-disabled-bg:           #3178B6;
    --bs-btn-disabled-border-color: #3178B6;
}
#btn_CreateaNewProject:Hover {
    text-decoration: underline;
}