/* ==========================================================
   StatusCast UI Tweaks (fix circled areas)
   - Clean header buttons
   - Remove nested/double borders
   - Remove thin left vertical rules inside widgets
   - Tighten padding/spacing
========================================================== */

/* ---------- Header (top bar) ---------- */
.navbar,
.navbar-default,
header,
.site-header,
.page-header{
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  background: #F1F1F6 !important; /* Trimble Blue 14 */
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

#header {
        background-color: #F1F1F6 !important;
}

#google_translate_link {
    background-color: #F1F1F6 !important;
}
#logo {
    background-color: #F1F1F6 !important;
}   
#subscribe-modal {
    background-color: #F1F1F6 !important;
}   
.navbar .container,
header .container,
.site-header .container{
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
}

/* Make the header action area blend in (Translate / Subscribe) */
.navbar .btn,
header .btn,
.site-header .btn,
.navbar a.btn,
header a.btn{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  color: #F1F1F6 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
}

.navbar .btn:hover,
header .btn:hover,
.site-header .btn:hover,
.navbar a.btn:hover,
header a.btn:hover{
  border-color: #FBAD26 !important; /* Trimble Gold 10 */
  color: #FBAD26 !important;
  background: rgba(251,173,38,0.10) !important;
}

/* If those buttons are inside a white container, kill it */
.navbar .btn-group,
header .btn-group,
.site-header .btn-group,
.navbar .navbar-right,
header .navbar-right{
  background: transparent !important;
}

/* ---------- Page background + reduce “boxed-in” feel ---------- */
body, html{
  background: #F1F1F6 !important;
}

/* Reduce outer widget padding a bit */
.container,
.content,
.layout-content{
  padding-top: 12px !important;
}

/* ---------- Remove the “double border” (nested panels inside panels) ---------- */
/* Common StatusCast pattern: widget panel contains another panel/well */
.panel .panel,
.panel .well,
.well .panel,
.well .well,
.card .card{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Keep only the outer panel looking like the card */
.panel,
.well,
.card,
.section,
.widget{
  background: #FFFFFF !important;
  border: 1px solid #CBCDD6 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(23,28,30,0.06) !important;
}

/* Tighten panel padding so you don’t get big empty margins */
.panel-heading{
  background: transparent !important;
  border-bottom: 1px solid #E0E1E9 !important;
  padding: 12px 16px !important;
}
.panel-body{
  padding: 14px 16px !important;
}

/* ---------- Kill the thin vertical left rules you circled ---------- */
/* These often come from border-left on “media”, “alerts”, “rows”, or widget inner containers */
.panel-body *,
.well *,
.card *{
  border-left-color: transparent !important; /* prevents faint line leftovers */
}

/* Hard remove common left-rule offenders */
.panel-body,
.well,
.alert,
.media,
.media-body,
.list-group-item,
blockquote,
[class*="status"],
[class*="current"],
[class*="incident"]{
  border-left: none !important;
}

/* If StatusCast is using pseudo elements for that left line */
.panel-body:before,
.panel-body:after,
.well:before,
.well:after,
.alert:before,
.alert:after{
  content: none !important;
  display: none !important;
}

/* ---------- Optional: Make the “All Systems Operational” banner match Trimble ---------- */
/* (If you want to keep green, delete this block) */
.alert-success,
.status-operational,
.system-status-success{
  background: rgba(0,99,163,0.12) !important;   /* Trimble Blue 10 tint */
  border: 1px solid rgba(0,99,163,0.22) !important;
  color: #0E416C !important;                    /* Trimble Blue 12 */
}

/* ---------- Make nested/child items stand out ---------- */

/* Targets common nested rows inside panels */
.panel-body .list-group-item,
.panel-body .media,
.panel-body .row,
.panel-body [class*="component"],
.panel-body [class*="service"]{

  background: #F7F8FC !important;  /* soft contrast */
  border-radius: 8px !important;
  padding: 10px 12px !important;
  margin-bottom: 8px !important;
  border: 1px solid #E4E6EF !important;

  transition: all .15s ease;
}

/* Slight hover lift (optional but looks great) */
.panel-body .list-group-item:hover,
.panel-body .media:hover{
  background: #FFFFFF !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
}

.panel-body .list-group-item,
.panel-body .media{

  margin-left: 12px !important;
  background: #FAFBFE !important;
  border: 1px solid #E3E5EE !important;
  border-radius: 8px !important;
}


/* Disable all links inside this specific widget */
#widget-000301 a {
  pointer-events: none;   /* prevents clicking */
  cursor: default;        /* normal cursor instead of hand */
  text-decoration: none;  /* optional: remove underline */
  color: #0E416C;         /* optional: make links look like normal text */
}