:root {
        --ribbonback: rgb(252, 252, 240);
        --ribbonborder: rgb(135, 136, 135);
        --white: #ffffff;
        --table-text-color: rgb(1, 1, 91);
        --card-header-color: rgb(1, 1, 71);
        --card-text-color: rgb(1, 1, 91);
        --maroon-color: rgb(128,0,0);
 
      }
      .navbar
      {
        margin-bottom:0;
        border-radius:0;
        width:100%;
        background-color: var(--ribbonback);
        border-color: var(--ribbonborder);
      }
      
      .navbar-light .btn
      {
        background-color:var(--ribbonback);
        border-color: var(--ribbonborder);
        background-image: none;
        background-repeat: no-repeat;
        padding-left: 0;
        border-left: 0;
      }
      .navbar-light ul :active {font-weight:bold;color: navy;}
      .navbar-light ul :hover {font-weight:bold;color: navy; }
      .navbar-light ul  {
        list-style-type: none;
        color: navy; 
        background-color: var(--ribbonback);
        border-color: var(--ribbonborder);
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        padding:5px;
        border: 1px solid rgb(135, 136, 135);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
     }
      .navbar-light li a {
        color:navy; 
        width: auto;
        height: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: var(--ribbonback);
        border-color: var(--ribbonborder);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; 
      
      }
      .navbar-light { border-radius: 15px; padding:5px; background-color: rgb(252, 252, 245);}
      /* .navbar-light .btn  :hover {background-color: white; font-weight:bold;} */
      .nav-item.nav-link>.active>a,
      .nav-item.nav-link>.active>a:focus, 
      .nav-item.nav-link>.active>a:hover{color: maroon;}

      .navbar-main {
      color: #FFFFFF;
      background-color: #eeeefa;
      }

      .junk
      {
        text-align-last: center;
      }

    .table-text-color 
    {
      text-decoration-color: var(--table-text-color); 
      color: var(--table-text-color);
    }
    .table-sub-color
    {
      text-decoration-color: var(--maroon-color); 
      color: var(--maroon-color);      
    }
    .card-header-text-color 
    {
      text-decoration-color: var(--card-header-color); 
      color: var(--card-header-color);
    }

    .card-bbody-text-color 
    {
      text-decoration-color: var(--card-header-color); 
      color: var(--card-header-color);
    }

    .card-body-text-color 
    {
      text-decoration-color: var(--card-text-color); 
      color: var(--card-text-color);
    }
    .thankyou-message-text-color 
    {
      text-decoration-color: var(--card-text-color); 
      color: var(--card-text-color);
      font-style:italic;
      font-weight:500;
    }

    .bottom-filler{
      height: 1em;
    }
    .bottom-filler-2{
      height:2em;
    }
    .bottom-filler-3{
      height:3em;
    }
	  .palebluepanel
    {
      padding: 10px;
      height: auto;
      width: auto;
      border: auto;
      margin-top: 0px;       
      margin-left: 0px;
      margin-right: 0px;
      background-color: #F2F8F8;
      border-color: var(--ribbonborder);
      border-radius: 9px;
    }

      .h1 {font-size:24px; font-weight: bold; color:Maroon; border-spacing: 5px; margin-top: 10px;margin-bottom: 5px;}
      .h2 {font-family: Calibri; font-size:18px; font-weight: bold; color:Maroon; border-spacing: 5px; margin-top: 10px;margin-bottom: 5px;}
      .h2s {font-family: Calibri; font-size:14px; font-weight: bold; color:Maroon; border-spacing: 5px; margin-top: 10px;margin-bottom: 5px;}
      .h2green {font-family: Calibri; font-size:16px; font-weight: bold; color:darkgreen; border-spacing: 5px; margin-top: 10px;margin-bottom: 5px;}
      .h2navy {font-family: Calibri; font-size:16px; font-weight: bold; color:navy; border-spacing: 5px; margin-top: 10px;margin-bottom: 5px;}
	    .h3 {font-size:16px; font-weight: bold; color:gray;font-style:italic; border-spacing: 5px; margin-top: 5px;margin-bottom: 5px;}
      .h4 {font-size:12px; font-weight: bold; color:gray;border-spacing: 5px; margin-top: 5px;margin-bottom: 5px;}
      .h5 {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight: bold;color:maroon; border-spacing: 5px; margin-top: 5px;margin-bottom: 5px;}
      .page-header {font-family: Calibri; font-size:14px; font-weight: normal; color:navy; border-spacing: 5px; margin-top: 10px;margin-bottom: 5px;}
	    .pagelink {font-size:11px; font-weight: bold; color:#006400; border-spacing: 5px; margin-top: 5px;margin-bottom: 5px;}

      .f1 {font-size:14px; font-weight: bold; color:Teal; float: left;}
      .f2 {font-size:11px; font-weight: bold; color:blue; float: left;}
      .f3 {font-family: Calibri; font-size:12px; font-weight: normal; font-style: italic; color: gray; float: left}
      .fLogo {width: 50px; height: 50px;}   
      .navytext {font-family: Calibri; font-size:14px; font-weight: normal; color:navy; border-spacing: 5px; margin-top: 10px;margin-bottom: 5px;}
      .navyboldtext {font-family: Calibri; font-size:14px; font-weight: bold; color:navy; border-spacing: 5px; margin-top: 10px;margin-bottom: 5px;}
      .center {text-align: center;}
      .centre {text-align: center;}

      .bold {font-weight:bold;}
      .bold-500 {font-weight:500;}
      .bold-600 {font-weight:600;}
      .bold-700 {font-weight:700;}
      .bold-800 {font-weight:800;}
      .bold-900 {font-weight:900;}

      .italic {font-style: italic;}
      .navy-dark {text-decoration-color:rgb(1, 1, 51); color:rgb(1, 1, 51);}
      
      .navy {text-decoration-color: navy; color: navy;}
      .section-title{font-weight:bold; text-decoration: maroon; text-align:center; text-decoration-color: maroon; font-size: 1rem;}
      .card-title{font-weight:bold; text-decoration: navy; text-align:center; font-size: 0.9rem; background-color: rgb(243, 242, 229);}
      .card-body{font-weight:normal; text-decoration: navy; text-align:left; font-size: 0.9rem;background-color: rgb(243, 243, 241);}

      .left-padding {padding-left: 20px;}

      /*.navbar .navbar-nav >.active >a{background-color: rgb(145, 229, 152);}*/
      /*.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
        color: rgba(0,0,0,.9);
        background-color: rgb(145, 229, 152);
      }*/
      /*...navbar-light .navbar-nav .nav-link.active>a{background-color: green},
      ...nav-item  .dropdown .navbarDropdown.nav-link.dropdown-toggle .active>a{background-color: rgb(145, 229, 152);}*/
      /* .navbar-nav>a:hover{color: rgb(7, 0, 10);} */

      /* ul.nav a:focus, ul.nav a:active, ul.navbar-light ul.navbar-nav,a:active, ul.nav-link a:active { background-color: rgb(0, 73, 0); }  */
  /* collapse.nav-item.nav-link.hover {background-color: rgb(6, 129, 129)}
  a:link{color:rgb(71, 2, 71); background: aliceblue;} a:visited{color:rgb(16, 59, 14)} a:hover{text-decoration: underline;  font-weight:bold; color:  rgb(129, 25, 6);} a:active{color:rgb(73, 1, 73)} */
.bold {font-weight:bold;}
.center{text-align:center;}
.italic {font-style: italic;}
.navy {text-decoration: navy;}

.section-title{font-weight:bold; text-decoration: maroon; text-align:center; text-decoration-color: maroon; font-size: 1rem; }
.card-title{font-weight:bold; text-decoration: navy; text-align:center; font-size: 0.9rem; background-color: rgb(243, 242, 229);}
.card-body{font-weight:normal; text-decoration: navy; text-align:left; font-size: 0.8rem;background-color: rgb(243, 243, 241);}
table.compact-table, .compact-table td { border: 2px solid rgb(218, 216, 216);   border-collapse: collapse; } 
 .panel-font{font-size: 14px;}
 .panel {
  font-size: 14px;
  padding: 10px;
  margin-bottom: 15px;
  margin-top: 0px;
  background-color: rgb(253, 253, 251);
  border: 1px solid #dddddd;
  border-radius: 15px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); 
  }
  .panel-heading {
    font-size: 18px;
  }
  .bottom-filler{
    height:10px;
  }
  .item-spacer{
    height:10px;
  }
  .menu-spacer{
    height:3px;
    line-height: 3px;
  }
  .navy{
    text-decoration-color: Navy;
    
    
  }
  .darkgreen{
    text-decoration-color: darkgreen;
  }