body {
    /* background: rgb(240, 243, 245); */
    /* background: #5f788a; */
    /* background: #000000; */
    color: #333333;
    /* color: #000000; */
    /* margin-top: 3.5rem; */
    overflow-x: hidden; 
    /* overflow-y: hidden;  */
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    height: 100%;
  }

  @media (min-width: 768px) {
    aside {
        height: 100%;
    }
    /* .navbar-brand-custom{
      transform: translateX(-50%);
      left: 50%;
      position: absolute;
    } */
    .p {
      text-justify: none;
    }
  }

  @media screen and (max-width: 1000px) {
    nav a.navbar-brand-custom{
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
    .p {
      text-justify: none;
    }
  }

  form label{
    font-weight:bold;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: #444444;
  }

  .center50 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  .center80 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }

  .center90 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  
  .center100 {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  /* #bottom {  */
    /* background: black; */
    /* min-height: calc(100vh - 50px); */
    /* height:100%; */
    /* flex: 1; */
    /* flex-grow: 1; */
   /* } */

  .row-full{
    width: 100vw;
    position: relative;
    margin-left: 0vw;
    height: 50px;
    margin-top: 0px;
    padding-top: 10px;
    left: 1%;
   }

  /* Container holding the image and the text */
  .container_img {
    position: relative;
    display:block;
    text-align: center;
    color: white;
    padding:0;
  }

  .bottom {
    background: black;
    height: 100%;
  }

  /* Bottom left text */
  .bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
  }

  /* Top left text */
  .top-left {
    position: absolute;
    top: 8px;
    left: 16px;
  }

  /* Top right text */
  .top-right {
    position: absolute;
    top: 8px;
    right: 16px;
  }

  /* Bottom right text */
  .bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
  }

  /* Centered text */
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 2px 5px 5px #ff0000;
  }

  /* Centered text */
  .right-centered {
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-0%, -50%);
    text-shadow: 2px 5px 5px #ff0000;
  }

  .custom-btn {
    max-width: 100%;
    padding-left:60px;
    padding-right:60px;
    margin-top:2rem;
  }

  #vid {
    position: float;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:auto;
    margin-right:auto;
    height: 200px;
    /* width: 80%; */
    border: 3px solid #358fd8;
    box-sizing: border-box;
  }
  #vid_tab {
    position: float;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left:auto;
    margin-right:auto;
    /* padding-left: 20px;
    padding-right:20px; */
    text-align: left;
    height: 150px;
    /* width: 80%; */
    border: 3px solid #358fd8;
    box-sizing: border-box;
  }
  #vid_lib {
    position: float;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:auto;
    margin-right:auto;
    height: 100%;
    width: 100%;
    border: 3px solid #358fd8;
    box-sizing: border-box;
  }

  textarea,
  pre {
    -moz-tab-size : 4;
      -o-tab-size : 4;
         tab-size : 4;
  }

  textarea#editor {
    border:none;
    width:80%;
    height:100%;
    margin-left:10%;
    margin-right:10%;
  }

  .isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
  }

  table#hometable2 {
    table-layout: fixed ;
    width: 100% ;
    border-collapse: collapse ;
    border: 0px black solid ;
  }

  table#hometable2 th {
    color:white;
    /* font-size:1.8vw; */
    font-size:1.5rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.8vw;
  }

  table#hometable2 td {
    width: 100% ;
    /* font-size:1.8vw; */
    font-size:1.15rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.8vw;
    border: 1px silver solid ;
  }

  table#ensuretable1 {
    table-layout: fixed ;
    width: 70% ;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse ;
    border: 0px black solid ;
  }

  table#ensuretable1 th {
    color:white;
    /* font-size:1.8vw; */
    font-size:1.5rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.8vw;
  }

  table#ensuretable1 td {
    width: 100% ;
    /* font-size:1.8vw; */
    font-size:1.15rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.8vw;
    border: 1px silver solid ;
  }  

  table#tablereports {
    table-layout: fixed ;
    width: 100% ;
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse ;
    border: 0px silver solid ;
  }

  table#tablereports th {
    color:#2f587a;
    /* font-size:1.8vw; */
    font-size:1.2rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.0vw;
    border-top: 0px grey solid ;
    border-bottom: 0px grey solid ;
  }

  table#tablereports td {
    /* width:100% ; */
    overflow: hidden;
    /* font-size:1.8vw; */
    font-size:1.0rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.0rem;
    /* text-align: right; */
    /* border-bottom: 2px silver solid ; */
    vertical-align:top;
  }

  table#tableprintreports {
    table-layout: fixed ;
    width: 100% ;
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse ;
    border: 0px silver solid ;
  }

  table#tableprintreports th {
    color:#2f587a;
    /* font-size:1.8vw; */
    font-size:1.2rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0.0vw;
    border-top: 0px grey solid ;
    border-bottom: 0px grey solid ;
  }

  table#tableprintreports td {
    /* width:100% ; */
    overflow: hidden;
    /* font-size:1.8vw; */
    font-size:1.0rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0.0rem;
    /* text-align: right; */
    /* border-bottom: 2px silver solid ; */
    vertical-align:top;
  }

  table#producttable {
    border-radius: 5px;
    table-layout: fixed ;
    width: 100% ;
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse ;
    border: 1px silver solid ;
  }

  table#producttable th {
    color:#2f587a;
    /* font-size:1.8vw; */
    font-size:1.2rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.0vw;
    border-top: 1px grey solid ;
    border-bottom: 1px grey solid ;
  }

  table#producttable td {
    /* width:100% ; */
    overflow: hidden;
    /* font-size:1.8vw; */
    font-size:1.15rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.0rem;
    border-bottom: 1px silver solid ;
  }

  table#productselectedtable {
    table-layout: fixed ;
    width: 80% ;
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse ;
    border: 1px rgb(240, 243, 245);
  }

  table#productselectedtable th {
    /* color:rgb(240, 243, 245); */
    /* font-size:1.8vw; */
    font-size:1.2rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.0vw;
  }

  table#productselectedtable td {
    width: 100% ;
    /* font-size:1.8vw; */
    font-size:1.15rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1.0vw;
    border: 1px rgb(240, 243, 245); ;
  }

  .button-easyfease {
    background-color: #358fd8;
    /* background-color: #26669b; Blue */
    border: none;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right:20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    margin-top:5px;
    margin-bottom:5px;
    cursor: pointer;
    opacity: 1.0;
    transition: 0.3s;
    border-radius: 12px;
    text-shadow: 2px 5px 4px #555555;
    /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19); */
  }

  .button-easyfease:hover {
    background-color: #26669b; /* Blue */
    border: none;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right:20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    margin-top:5px;
    margin-bottom:5px;
    cursor: pointer;
    opacity: 1;
    border-radius: 12px;
    text-shadow: 2px 5px 5px #000000;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19);
  }

  .button-prefease {
    /* background-color: #201a77; */
    background-color: #600000; 
    border: none;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right:20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    margin-top:5px;
    margin-bottom:5px;
    cursor: pointer;
    opacity: 1.0;
    transition: 0.3s;
    border-radius: 12px;
    text-shadow: 2px 5px 4px #555555;
    /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19); */
  }

  .button-prefease:hover {
    /* background-color: #1d195a; Blue */
    background-color: #400000;
    border: none;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right:20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    margin-top:5px;
    margin-bottom:5px;
    cursor: pointer;
    opacity: 1;
    border-radius: 12px;
    text-shadow: 2px 5px 5px #000000;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19);
  }

  .button-profease {
    background-color: #358fd8;
    /* background-color: #26669b; Blue */
    border: none;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right:20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    /* margin-top:5px;
    margin-bottom:5px; */
    cursor: pointer;
    opacity: 1.0;
    transition: 0.3s;
    border-radius: 12px;
    text-shadow: 2px 5px 4px #555555;
    /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19); */
  }

  .button-profease:hover {
    background-color: #26669b; /*Blue*/
    /* background-color: #5f788a; */
    border: none;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right:20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    /* margin-top:5px;
    margin-bottom:5px; */
    cursor: pointer;
    opacity: 1;
    border-radius: 12px;
    text-shadow: 2px 5px 5px #000000;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19);
  }

  .button-create {
    /* background-color: #5f788a; */
    background-color: #1266F1; /* Blue */
    border: none;
    color: white;
    padding: 7px;
    padding-left: 22px;
    padding-right:22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    /* margin-top:0px;
    margin-bottom:0px; */
    cursor: pointer;
    opacity: 1.0;
    transition: 0.3s;
    border-radius: 4px;
    /* text-shadow: 2px 5px 4px #555555; */
    /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19); */
  }

  .button-create:hover {
    background-color: #0f51bb; /* Blue */
    /* background-color: #4d6170; */
    border: none;
    color: white;
    padding: 7px;
    padding-left: 22px;
    padding-right:22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    /* margin-top:5px;
    margin-bottom:5px; */
    cursor: pointer;
    opacity: 1;
    border-radius: 4px;
    /* text-shadow: 2px 5px 5px #000000; */
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19);
  } 

  .button-cancel {
    background-color: #5f788a;
    /* background-color: #1266F1; Blue */
    border: none;
    color: white;
    padding: 7px;
    padding-left: 22px;
    padding-right:22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    /* margin-top:0px;
    margin-bottom:0px; */
    cursor: pointer;
    opacity: 1.0;
    transition: 0.3s;
    border-radius: 4px;
    /* text-shadow: 2px 5px 4px #555555; */
    /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19); */
  }

  .button-cancel:hover {
    /* background-color: #0f51bb; Blue */
    background-color: #4d6170;
    border: none;
    color: white;
    padding: 7px;
    padding-left: 22px;
    padding-right:22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 4px;
    /* margin-top:5px;
    margin-bottom:5px; */
    cursor: pointer;
    opacity: 1;
    border-radius: 4px;
    /* text-shadow: 2px 5px 5px #000000; */
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 20px 0 rgba(0,0,0,0.19);
  }  

  .button-newproject {
    /* background-color:  #5f788a; */
    background-color: #4f789a;
    border: 1px solid #8c9dac;
    border-radius: 6px;
    color: #ffffff;
    padding: 10px 20px; 
  }

  .button-newproject:hover {
      /* background: #384e5f; */
      background: #1f485a;
      color: #ffffff;
      text-decoration: none;  
  }

  .button-neweasyfeaseproject {
    /* background-color:  #5f788a; */
    background-color: #358fd8;
    border: 1px solid #6f91af;
    border-radius: 6px;
    color: #ffffff;
    padding: 10px 20px; 
  }

  .button-neweasyfeaseproject:hover {
      /* background: #384e5f; */
      background: #104099;
      color: #ffffff;
      text-decoration: none;  
  }



  .button-newbidproject {
    background-color:  #4f7a68;
    border: 1px solid #8c9dac;
    border-radius: 6px;
    color: #ffffff;
    padding: 10px 20px; 
  }

  .button-newbidproject:hover {
    background: #2f5a48;
    color: #ffffff;
    text-decoration: none;  
  }

  .button-ensureproject {
    background-color:  #006699;
    border: 1px solid #8c9dac;
    border-radius: 6px;
    color: #ffffff;
    padding: 10px 20px; 
  }

  .button-ensuredetail {
    background-color:  #006699;
    border: 1px solid #8c9dac;
    border-radius: 6px;
    color: #ffffff;
    padding: 2px 20px; 
  }

  .button-ensureproject:hover {
    background: #3399BB;
    color: #ffffff;
    text-decoration: none;  
  }

  .button-feaseproduct {
    /* background-color:  #5f788a; */
    font-size:1.0rem;
    background-color: #4f789a;
    border: 1px solid #8c9dac;
    border-radius: 6px;
    color: #ffffff;
    padding: 5px 10px;
    padding-left:20px;
    padding-right:20px;
    float: center;
  }

  .button-feaseproduct:hover {
      /* background: #384e5f; */
      background: #1f485a;
      color: #ffffff;
      text-decoration: none;  
  }

  .button-feaseproduct:disabled {
    /* background: #384e5f; */
    background: #1f485a;
    cursor: not-allowed;
    opacity: 0.5;
    color: #ffffff;
    text-decoration: none;  
  }

  .btn.icon-button {
    border: none;
    background-image: url('/static/img/infox64.png');
    background-size: 100%;
    width: 24px;
    height: 24px;
    margin-top: 2rem;
    margin-left: 0rem;
  }

  .btn.icon-button:hover {
    border: none;
    background-image: url('/static/img/infox64_b.png');
    background-size: 100%;
    width: 24px;
    height: 24px;
    margin-top: 2rem;
    margin-left: 0rem;
  }

  .btn.icon-button2 {
    border: none;
    background-image: url('/static/img/infox64.png');
    background-size: 100%;
    width: 24px;
    height: 24px;
    margin-top: 0rem;
    margin-left: 0rem;
  }

  .btn.icon-button2:hover {
    border: none;
    background-image: url('/static/img/infox64_b.png');
    background-size: 100%;
    width: 24px;
    height: 24px;
    margin-top: 0rem;
    margin-left: 0rem;
  }

  #home-button-img {
    height: auto; 
    width: auto; 
    margin-left:auto; 
    margin-right:auto; 
    width:80%;
    max-width: 300px; 
    max-height: 300px;
  }


  .card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
  }

  .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Space elements evenly */
    height: 100%; /* Full height to ensure button stays at bottom */
  }


  .card {
    flex: 1 1 300px; /* Flex property to maintain width flexibility, 300px as the base width */
    min-height: 350px; /* Ensure consistent height */
    max-width: 100%;  /* Allow for responsiveness */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  /* Constrain image size within the card */
  .card-img-top {
      width: 100%; /* Ensure the image takes up the full width of the card */
      height: auto; /* Maintain aspect ratio */
      max-width: 100%; /* Prevent image from exceeding card width */
      object-fit: cover; /* Optional: Cover to maintain aspect ratio */
  }

 
  .a-checkbox {
    color:#5f788a;
    font-size:15px;
    margin:0 0 0 0;
  }

  .b-checkbox {
    color:#5f788a;
    margin:0 0 0 0;
  }

  .textarea-legal {
    /* width: 1000px; */
    height: 500px;
    background-color: rgb(245, 248, 251);
    /* font-size: 1rem; */
    /* font-weight: bold; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* border: 1px solid black; */
    padding: 1rem;
    /* margin: 1rem; */
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: both; /*remove the resize handle on the bottom right*/
    overflow: auto;
  }

  .dropdown-menu a{
    color: #333333 !important;
    font-size:18px;
  }

  .nav-pills
  {
    border-right: 1px solid lightsteelblue;
    border-bottom: 1px solid lightsteelblue; 
    background:#f2f2f3;
    padding-left: 3px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .nav-tabs
  {
    /* border-right: 1px solid lightsteelblue; */
    /* border-bottom: 1px solid lightsteelblue;  */
    background:#e2e7eb;
    padding-left: 5px;
    padding-right: 0rem;
    padding-top: 3px;
    padding-bottom: 0px;
  }

  /* Modify the background color */ 
  
  .navbar-brand-custom{
    transform: translateX(-2%);
    left: 2%;
    position: absolute;
  }

  .centered-nav-item li a {
    text-align: center;
  }

  .navbar a {
    /* float: left; */
    display: block;
    color: #eeeeee;
    /* text-align: center; */
    /* padding: 15px 18px; */
    padding: 0px 12px;
    text-decoration: none;
    font-size: 14px;
  }

  .navbar a:hover {
    /* color: #1c87c9; */
    /* color: #01ae66; */
    /* color: #6bbafa;  */
    color:#6fb0df;
  }

  .navbar-custom { 
    background-color: #4f789a; 
    /* background-color: #FF0000;  */
    /* box-shadow: none;
    border-top: 0;
    border-bottom: 0; */
    border-left: 0;
  } 
  /* Modify brand and text color */ 
    
  .navbar-custom .navbar-brand, 
  .navbar-custom .navbar-text { 
      color: #ffffff; 
      border-left: 0;
  }

  .navbar-form {
    box-shadow: none;
    border-top: 0;
    border-bottom: 0;
  }

  .bs-example{
      margin: 20px;
  }


  .modal-dialog {
      background-color: transparent;
      max-width: 800px;
      margin: 30px auto;
  }

  .modal-header {
    color: white;
    background-color: black;  
  }

  .modal-title {
    background-color: #000000;
    color: #FFFFFF;
  }

  .modal-body {
    position:relative;
    padding:0px;
  }

  .close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
  }



  .empty {
    background-color: rgb(240, 243, 245);
    margin-left: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  } 
  .empty2 {
    background-color: #3f586a;
    margin-left: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    /* margin-bottom: -1rem; */
  } 
  .spacer {
    background-color: rgb(240, 243, 245);
    /* margin: 20px; */
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-bottom: 1px solid lightsteelblue; 
  }
  .spacer-title {
    background-color: #4f789a;
    /* margin: 20px; */
    padding-left: 1rem;
    padding-right: 0rem;
    padding-bottom: 6px;
    padding-top: 10px;
    /* border-bottom: 1px solid lightsteelblue;  */
    /* border-bottom: 10px solid #667788;
    border-left: 10px solid lightsteelblue; */
  }
  .spacer-title2 {
    background-color: #3f586a;
    /* margin: 20px; */
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    /* border-bottom: 1px solid lightsteelblue;  */
    /* border-bottom: 10px solid #667788;
    border-left: 10px solid lightsteelblue; */
  }
  .spacer-bid-title {
    background-color: #4f7a68;
    /* margin: 20px; */
    padding-left: 1rem;
    padding-right: 0rem;
    padding-bottom: 6px;
    padding-top: 10px;
    /* border-bottom: 1px solid lightsteelblue;  */
    border-bottom: 1px solid #667788;
  }
  .spacer-ensure-title {
    background-color: #006699;
    /* background-color: #824d88; */
    /* margin: 20px; */
    padding-left: 1rem;
    padding-right: 0rem;
    padding-bottom: 6px;
    padding-top: 10px;
    /* border-bottom: 1px solid lightsteelblue;  */
    border-bottom: 1px solid #667788;
  }
  .spacer-tabs {
    /* background-color: tomato; */
    /* margin: 20px; */
    padding-left: 5px;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-top: 3px;
    border-bottom: 1px solid lightsteelblue; 
  }
  .spacer-pills {
    /* background-color: tomato; */
    /* margin: 20px; */
    padding-left: 5px;
    padding-right: 0rem;
    padding-bottom: 3px;
    padding-top: 3px;
    border-bottom: 1px solid lightsteelblue; 
  }
  .spacer-portal-pills {
    /* background-color: tomato; */
    /* margin: 20px; */
    padding-left: 5px;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-top: 3px;
    border-bottom: 0px solid lightsteelblue; 
    border-right: 0px;
  }    
  .spacer-plot {
    background-color:rgb(240, 243, 245);;
    /* margin: 20px; */
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 6px;
    padding-top: 0rem;
    /* border-top: 1px solid lightsteelblue;  */
    border-right: 1px solid lightsteelblue; 
    /* border-left: 1px solid lightsteelblue;  */
    /* border-bottom: 1px solid lightsteelblue;   */
  }

  .spacer-table {
    background-color: #f6faff;
    /* margin: 20px; */
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    /* border-top: 1px solid lightsteelblue;  */
    border-right: 1px solid lightsteelblue; 
    border-left: 0px solid lightsteelblue; 
    /* border-bottom: 1px solid lightsteelblue;  */
  }
  .spacer-table0 {
    background-color: #f6faff;
    /* margin: 20px; */
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-top: 1px solid lightsteelblue; 
    border-right: 1px solid lightsteelblue; 
    border-left: 0px solid lightsteelblue; 
    /* border-bottom: 1px solid lightsteelblue;  */
  }
  .spacer-table1 {
    /* background-color: #f6faff; */
    background-color: #ffffff;
    /* margin: 20px; */
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-top: 1rem;
    border-top: 1px solid lightsteelblue; 
    border-right: 1px solid lightsteelblue; 
    border-left: 1px solid lightsteelblue; 
    border-bottom: 1px solid lightsteelblue; 
    /* width:80%; */
  }
  .spacer-table1a {
    /* background-color: #f6faff; */
    background-color: #ffffff;
    /* margin: 20px; */
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.2rem;
    padding-top: 1.0rem;
    border-top: 1px solid lightsteelblue; 
    border-right: 1px solid lightsteelblue; 
    border-left: 1px solid lightsteelblue; 
    /* border-bottom: 1px solid lightsteelblue;  */
    /* width:80%; */
  }
  .spacer-fease {
    /* background-color:rgb(240, 243, 245); */
    /* background-color:rgb(255, 255, 255); */
    /* margin: 20px; */
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0rem;
    padding-top: 1rem;
    border-top: 1px solid lightsteelblue; 
    /* border-top: 1px solid rgb(0,0,0);  */
    border-bottom: 1px solid lightsteelblue; 
    border-right: 1px solid lightsteelblue; 
  } 
  .spacer-fease2 {
    /* background-color:rgb(240, 243, 245); */
    /* background-color:rgb(255, 255, 255); */
    /* margin: 20px; */
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0rem;
    padding-top: 1rem;
    /* border-top: 1px solid lightsteelblue;  */
    /* border-top: 1px solid lightsteelblue;  */
    border-bottom: 1px solid lightsteelblue; 
    border-right: 1px solid lightsteelblue; 
  } 
  .spacer-home-table {
    background-color: rgb(240, 243, 245);
    margin-left: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  } 
  .spacer-plot {
    background-color: rgb(255, 255, 255);
    margin-left: 0rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  } 
  .spacer-privacy-policy {
    /* background-color: #5f788a; */
    /* background-color: tomato; */
    background-color: black;
    /* margin: 20px; */
    /* background-color: #384e5f; */
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    color:lightsteelblue;
    height:100%;
    /* border-bottom: 1px solid lightsteelblue; */
  }   
  .spacer1 {
    background-color: rgb(240, 243, 245);
    /* background-color: tomato; */
    /* margin: 20px; */
    padding-left: 1rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-top: 1rem;
    border-bottom: 1px solid lightsteelblue;
    /* margin-top: -15px;
    margin-left: -30px;
    margin-right: -15px;  */
  }   
  .spacer2 {
    background-color: rgb(240, 243, 245);
    margin-left: 0rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  } 
  .spacer2a {
    background-color: rgb(240, 243, 245);
    margin-left: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .spacer2w {
    background-color: rgb(255, 255, 255);
    margin-left: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
  } 
  .spacer3 {
    background-color: #eef5fc;
    /* background-color: #0795fa; */
    margin-left: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
  } 
  .spacer-sidebar {
    /* background-color: #384e5f; */
    background-color: #5f788a;
    margin-left: 0rem;
    padding-left: 1rem;
    padding-right: 2rem;
    padding-top: 0rem;
    padding-bottom: 1rem;
  } 

  .sidebar-ensure {
    /* position: fixed; */
    /* top: 51px; */
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 12px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    /* background-color: #f5f5f5; */
    /* border-right: 1px solid #eee; */
  }

  .flex-fixed-width-item {
    flex: 0 0 100px;
  }

  .nav-link.active {
    /* background-color: #5f788a !important; */
    /* background-color: #000000 !important; */
    font-weight:600 !important;
    color:#FFFFFF !important;
    /* font-size: 4rem !important; */
  }


  .nav-link-top.active {
    /* background-color: #5f788a !important; */
    /* background-color: #FF0000 !important; */
    font-weight:600 !important;
    /* font-size: 2.1rem !important; */
  }

  .nav-link-fease.active {
    /* background-color: #5f788a !important; */
    /* background-color: #FFFFFF !important; */
    font-weight:400 !important;
    color:#3c79dd !important;
    font-size: 1.1rem !important;
  }

  .nav-link-fease a {
    /* background-color: #5f788a !important; */
    /* background-color: #FF0000 !important; */
    /* font-weight:600 !important; */
    font-size: 1.1rem !important;
  }

  .nav-link-ensure.active {
    /* background-color: #4b545b !important; */
    /* background-color: #FF0000 !important; */
    font-weight:600 !important;
    /* color: rgb(255, 97, 255); */
    /* font-size: 2.1rem !important; */
  }

  .nav-link-ensure a {
    /* background-color: #5f788a !important; */
    /* background-color: #FF0000 !important; */
    /* font-weight:600 !important; */
    font-size: 1.05rem !important;
    padding: 6px;
  }

  .nav-link-ensure-products a {
    /* background-color: #5f788a !important; */
    /* background-color: #FF0000 !important; */
    /* font-weight:600 !important; */
    font-size: 0.8rem !important;
    padding: 6px;
  }

  .nav-link-vigilant-products.active {
    font-weight:800 !important;
  }

  .nav-link-vigilant-products a {
    /* background-color: #5f788a !important; */
    /* background-color: #FF0000 !important; */
    /* font-weight:600 !important; */
    font-size: 0.8rem !important;
    padding: 6px;
  }

  .nav-link-ensure-products.active {
    font-weight:800 !important;
  }

  .nav-link-portal.active {
    /* background-color: #5f788a !important; */
    /* background-color: #FFFFFF !important; */
    font-weight:400 !important;
    color:#3c79dd !important;
    /* color:#ffffff !important; */
    font-size: 1.1rem !important;
  }

  .nav-link-portal a {
    /* background-color: #5f788a !important; */
    /* background-color: #FF0000 !important; */
    /* font-weight:600 !important; */
    font-size: 1.1rem !important;
  }

  .nav-link-portal-time.active {
    /* background-color: #5f788a !important; */
    /* background-color: #FFFFFF !important; */
    font-weight:400 !important;
    color:#3c79dd !important;
    /* color:#ffffff !important; */
    font-size: 1.1rem !important;
  }

  .nav-link-portal-time a {
    /* background-color: #5f788a !important; */
    /* background-color: #FF0000 !important; */
    /* font-weight:600 !important; */
    font-size: 1.1rem !important;
  }

 
  .bd-sidebar
  {
    font-size: 1.2rem;
    color: lightsteelblue;
    border-right: 1px solid lightsteelblue;
    border-bottom: 1px solid lightsteelblue;
  }


  /* .nav-pills > li > a.active {
    background-color: #ffffff !important;
    color: #ff0000 !important;
  }
  
  .nav-pills > li > a:hover {
    color: #0000ff !important;
  }*/
  
  /* .nav-link-color {
    color: #00ff00;
  }  */

  .asteriskField {
    display: none;
  }

  #sidebar-wrapper {
    margin-top: 0rem;
    min-height: 100vh;
    font-size: 1.0rem;
    /* margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin 0.25s ease-out; */
  }
  
  #sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
    background-color: #fafafa;
    color: whitesmoke;
  }
  
  /* #sidebar-wrapper .list-group {
    /* width: 14rem; 
  } */

  .list-group-item-mine{
    padding-left: 2.0rem;
    background-color: #f6f7f9;
    border-top: 1px solid #dfe6ec;
    border-bottom: 1px solid #dfe6ec;
    border-left-color: #dfe6ec;
    border-right-color: #dfe6ec;
    color: steel;
  }

  .list-group-item.active {
    /* background-color: #5f788a !important; */
    color: #3c79ac !important;
    font-weight: bold;
  }

  .list-group-item-mine.active {
    background-color: #5f788a !important;
  }

  .list-group-item:hover{
    background:#eff3f7;
    }

    .list-group-item-mine:hover{
      background:#D3D9DF;
    }

  .row1 {
      background-color: #d7dfe6;
      color: black;
  }
  .row2 {
      background-color: #e9edf0;
      color: black;
  }
  
  #page-content-wrapper {
    min-width: 100vw;
  }
  
  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
  
  @media (min-width: 768px) {
    #sidebar-wrapper {
      margin-left: -1rem;
    }
  
    #page-content-wrapper {
      min-width: 0;
      width: 100%;
    }
  
    #wrapper.toggled #sidebar-wrapper {
      /* margin-left: -15rem; */
      /* margin-left: 5rem;  */
      margin-left: -1rem;
    }
  }
  
  ;
  .bg-ensure {
    background-color: #006699;
  }

  .bg-ensure2 {
    background-color: #0088AA;
  }

  .bg-bluesteel {
    background-color: #4682b4;
  }

  .bg-darkbluesteel {
    background-color: #295d8a;
  }

  .bg-steel {
    background-color: #5f788a;
  }

  .bg-darksteel {
    background-color: #384e5f; 
  }

  .bg-offwhite{
    background-color: #F0F0F0; 
  }

  .bg-black{
    background-color: #000000; 
  }

  .bg-white{
    background-color: #FFFFFF; 
  }
  
  .site-header .navbar-nav .nav-link {
    color: #cbd5db;
    margin-right: 6px;
    margin-left: 6px;
    font-size: 0.8rem;  
    /* color: #384e5f; */
  }
  
  .site-header .navbar-nav .nav-link:hover {
    color: #ffffff;
    /* background-color: rgb(77, 142, 196);
    color: white; */
  }
  
  .site-header .navbar-nav .nav-link.active {
    font-weight: 500;
  }

  .content-section {
    /* background: rgb(240, 243, 245); */
    /* background: #e2e7eb; */
    background: #ffffff;
    padding-left: 1rem;
    padding: 10px 20px;
    border: 1px solid #a3b0bb;
    border-radius: 6px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  
  .article-title {
    color: #444444;
  }
  
  a.article-title:hover {
    color: #428bca;
    text-decoration: none;
  }
  
  .article-content {
    white-space: pre-line;
  }
  
  .article-img {
    height: 65px;
    width: 65px;
    margin-right: 16px;
  }
  
  .article-metadata {
    padding-bottom: 1px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e3e3e3
  }
  
  .article-metadata a:hover {
    color: #333;
    text-decoration: none;
  }
  
  .article-svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
  }
  
  .account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
  }
  
  .account-heading {
    font-size: 2.5rem;
  }