/* remove underlines from every link */
    
.logo {
    padding-bottom:10px;
    padding-top:10px;
}

.chart-container,
    .chart-container canvas {
      max-width: 100%   !important;
      height: auto      !important;
      page-break-inside: avoid;
    }
  
  
  a {
      text-decoration: none !important;
    }
    .headerhone {
        color:#2b4357; border-bottom:1px solid #dbd8d8; font-size:2.0em; font-family: 'open_sanslight';
        margin:7px 0 17px 0;
    }
    .headertwo {
        color:#2b4357; border-bottom:1px solid #dbd8d8; font-size:1.4em; font-family: 'open_sanslight';
         margin:7px 0 17px 0; padding:0 0 5px 0;
        
    }
    .logo {
        max-width:250px;
        width:100%;
    }
    .mainbodycontentarea {
        background-color: #f4f4f4;
    }
    .contentareawhitepadding {
        background-color:#fff; width:100%; height:100%; padding:10px;
        border-radius:15px;
        border:1px solid #dbd8d8;
    }
    .footerbluebar {
        background-color: #264457; height: 8px;
    }
    
    .nopadding {
        padding:0px;
    }
    .nomargin {
        margin:0px;
    }
    .nopaddingimp {
        padding:0px!important;
    }
    .nomarginimp {
        margin:0px!important;
    }    
    @font-face {
      font-family: 'open_sansregular';
      src: url('/assets/fonts/OpenSans-Regular-webfont.eot');
      src: url('/assets/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
           url('/assets/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
           url('/assets/fonts/OpenSans-Regular-webfont.woff') format('woff'),
           url('/assets/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
           url('/assets/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    @font-face {
    font-family: 'open_sanslight';
    src: url('/assets/fonts/OpenSans-Light-webfont.eot');
    src: url('/assets/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/OpenSans-Light-webfont.woff2') format('woff2'),
         url('/assets/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/assets/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/assets/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    * { font-family: 'open_sansregular'; }

    /* ---------- COLORS & BASICS ---------- */
    .navbar-green {
      background-color: #264457;
      /* diagonal at a 135° angle */
      background-image: linear-gradient(
        135deg,
        #355f7a 0%,
        #264457 50%,
        #162833 100%
      );
    }
    .bluegradient {
      background-color: #264457;
      /* diagonal at a 135° angle */
      background-image: linear-gradient(
        135deg,
        #355f7a 0%,
        #264457 50%,
        #162833 100%
      );
    }
        .bluegradientrl {
      background-color: #264457;
      /* diagonal at a 135° angle */
      background-image: linear-gradient(
        235deg,
        #355f7a 0%,
        #264457 50%,
        #162833 100%
      );
    }

    /* active desktop first-level highlighting */
    .nav-first .nav-link.active {
      background-color: #fff;
      border-radius: .25rem .25rem 0 0;
      color: #6c757d;
    }

    /* MWF first-row link padding */
    .MWFfirstrow > ul > li > a {
      padding: 10px 20px !important;
      margin: 10px 0 0 0;
    }

    .nav-link { padding: 10px 0; }

    /* fancy search styling */
    .input-group-sm .search-input {
      background-color: #192834;
      border-bottom: 1px solid #496f8f;
      border-left: none;
      border-right: none;
      border-top: none;
      border-radius: 0;
      color: #fff;
      padding: 8px;
      transition: background-color .3s ease;
    }
    .input-group-sm .search-input::placeholder {
      color: rgba(255,255,255,0.7);
    }
    .input-group-sm .search-input:focus {
      background-color: #192834;
      box-shadow: none;
    }
    .input-group-sm .form-control,
    .input-group-sm .input-group-text {
      border-radius: 0;
    }
    .input-group-sm .input-group-text {
      background-color: #192834;
      border-bottom: 1px solid #496f8f;
      border-left: none;
      border-right: none;
      border-top: none;
      color: #fff;
    }

    @media (max-width: 991.98px) {
      /* mobile: white text, no active background */
      #mainNav .nav-link { color: #fff !important; }
      .nav-first .nav-link.active {
        background-color: transparent !important;
        border-radius: 0 !important;
        color: #fff !important;
      }
    }

    /* ---------- REMOVE GREEN NAV PADDING ON DESKTOP ---------- */
    @media (min-width: 992px) {
      .navbar-expand-lg.navbar-dark.navbar-green {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      /* vertically center items */
      .navbar-collapse.nav-first {
        display: flex;
        align-items: center;
      }
    }

    /* ---------- DESKTOP DROPDOWN STYLING & FADE-IN ---------- */
    .navbar,
    .navbar-light,
    .navbar-green { overflow: visible !important; }
    .navbar-nav .dropdown { position: relative; }
    .navbar-nav .dropdown-menu {
      border: 1px solid #dee2e6;
      box-shadow: 0 2px 8px #00000026 !important;
      display: block;
      visibility: hidden;
      opacity: 0;
      transition: opacity .3s ease;
      position: absolute !important;
      top: 100% !important;
      left: 0 !important;
      margin: 0 !important;
      z-index: 1000;
      border-radius: 0 !important;
    }
    .navbar-nav .dropdown-menu.show {
      visibility: visible;
      opacity: 1;
      display: block;
    }
    .navbar-nav .dropdown-menu .dropdown-item {
      font-size: 0.9rem;
      color: #6c757d;
    }
    .navbar-nav .dropdown-menu .dropdown-item:hover {
      color: #000;
      background-color: #f8f9fa;
    }

    /* ---------- CONTENT AREA BACKGROUND ---------- */
    main.container-lg {
      background-color: #f4f4f4;
    }
    
    .jonsbuttonsoverides {
        font-size:0.8em;
        border:none;
    }
    .btn-info {
        background-color:#2b4357;
        border:none;
        color:#fff;
    }
    .btn-info:hover {
        background-color:#2b4357;
        color:#fff;

    }
    .fs1 {
        font-size:1em;
    }
    .fs09 {
        font-size:0.9em;
    }
    .whiteblockfor2ndmenu {
        width:100%;
        float:left;
        position:relative;
        height:8px;
    }
    
    /* ---------- index mef scale lines ---------- */
.signal-scale {
  display: flex;
  align-items: flex-end;
  gap: 2px;
}
.signal-scale .bar {
  width: 6px;
  background: #eee;
  transition: background 0.2s;
}
/* default filled color (green) */
.signal-scale .bar.filled {
  background: #4caf50;
}
/* green when 0–2 bars */
.signal-scale.green .bar.filled {
  background: #4caf50;
}
/* amber when 3–4 bars */
.signal-scale.amber .bar.filled {
  background: #ffca28;
}
/* red when 5–7 bars */
.signal-scale.red .bar.filled {
  background: #e53935;
}
/* bar heights to create a rising “signal” effect */
.signal-scale .bar:nth-child(1) { height: 6px; }
.signal-scale .bar:nth-child(2) { height: 10px; }
.signal-scale .bar:nth-child(3) { height: 14px; }
.signal-scale .bar:nth-child(4) { height: 18px; }
.signal-scale .bar:nth-child(5) { height: 22px; }
.signal-scale .bar:nth-child(6) { height: 26px; }
.signal-scale .bar:nth-child(7) { height: 30px; }

.indexresultstable thead th:nth-child(n+3) {
  writing-mode: vertical-rl;
  text-orientation: sideways;
  transform: rotate(180deg);
  transform-origin: center center;
  white-space: nowrap;
  

  /* these two will center the rotated text */
  text-align: left;
  vertical-align: middle;
}

.indexresultstable td:nth-child(n+3) {
   /* these two will center the rotated text */
  text-align: center;
  vertical-align: middle;
}




.indexresultstableresultlist thead th:nth-child(n+2) {
  writing-mode: vertical-rl;
  text-orientation: sideways;
  transform: rotate(180deg);
  transform-origin: center center;
  white-space: nowrap;
  

  /* these two will center the rotated text */
  text-align: left;
  vertical-align: middle;
}

.indexresultstableresultlist td:nth-child(n+2) {
   /* these two will center the rotated text */
  text-align: center;
  vertical-align: middle;
}
.indexresultstableresultlist td:last-child {
  text-align: right;
}



/* remove when all icond */
/* circles */
.status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ccc;     /* fallback grey */
  vertical-align: middle;
}

/* our three levels */
.status-dot.green  { background-color: #4caf50; }  /* green */
.status-dot.amber  { background-color: #ffca28; }  /* amber */
.status-dot.red    { background-color: #e53935; }  /* red */
/* remove when all icond */

.footer-bar {
  background-color: #f0f0f0;  /* or whatever color you like */
  padding: 0.75rem 1rem;      /* adjust vertical + horizontal padding */
}

/* optional: add a subtle top border to separate it */
.footer-bar {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-radius:0 0 10px 10px;
}

.indexsmalltables td:last-child {
  text-align: right;
}
.addresultquestionheader {
    font-size:1.1em;
    font-weight:700;
}


.cfulevel {
        font-size:2.1em;
    font-weight:400;

}


.pulse {
  animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.8);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(0, 0, 0, 0);
  }
}

.result-danger {
    background-color:#dc3545;
    color:#fff;
    width:100%;
    display:block;
    padding:10px;
    border-radius:0 0 10px 10px ;
    margin-bottom:5px;
}
.result-warning {
    background-color:#dc3545;
    color:#fff;
    width:100%;
    display:block;
    padding:10px;
    border-radius:0 0 10px 10px ;
    margin-bottom:5px;
}

.onboarding {
    background-color:#2c878d;
    color:#fff;
}
.Advertisement {
    border-radius:5px;
    overflow:hidden;
}

.copyrightbar {
    padding-top:10px;
    padding-bottom:10px;
    background-color:#264457;
    color:#fff;
    
}




/* beta label */
.betalabel {
    display:inline-block;
    background-color:#f1504c;
    color:#fff;
    border-radius:10px;
    padding:2px 5px 2px 5px;
    margin-left:5px;
}



/* put this in your CSS file or a <style> block */
.modal-header.custom-header {
  background-color: #2a2a2a; /* pick any hex/RGB/etc. */
  color: #fff;               /* makes all text inside white */
}
/* in your CSS file or a <style> block */
.btn-decline {
  color: #000;           /* white text */
  background: none;      /* no BG */
  border: none;          /* no border */
  padding: 0;            /* match btn-link */
  text-decoration:none;
}

.btn-enable {
  background-color: #f60;  /* your custom color */
  color: #fff;             /* ensure text is legible */
}