@charset "utf-8";
html, body {
margin: 0px;
padding: 0px;
border: 0px;
color: #000;
background: #fff;
background-image:url('./images/blue_swirl_background.png');
background-repeat:repeat;
}
html, body, p, th, td, li, dd, dt {
font: 1em Lato, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h10, h6 {
font-family: Lato, Helvetica, Arial, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.10em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h10 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
a:link { color: #00f; }
a:visited { color: #009; }
a:hover { color: #06f; }
a:active { color: #0cf; }

btn.btn-gold {
	 --bs-btn-color:#fff;
	 --bs-btn-bg:#FFC72C;
	 --bs-btn-border-color:#FFC72C;
	 --bs-btn-hover-color:#fff;
	 --bs-btn-hover-bg:#FFC72C;
	 --bs-btn-hover-border-color:#FFC72C;
	 --bs-btn-focus-shadow-rgb:130,138,145;
	 --bs-btn-active-color:#fff;
	 --bs-btn-active-bg:#FFC72C;
	 --bs-btn-active-border-color:#FFC72C;
	 --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
	 --bs-btn-disabled-color:#fff;
	 --bs-btn-disabled-bg:#FFC72C;
	 --bs-btn-disabled-border-color:#FFC72C
}	

.container {
background-color:white;
}

/*body {filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#b3d2de', startColorstr='#4daacd', gradientType='0');text-align: center; background-color:#4daacd}*/
/*body {text-align: center; color: white; background-color:#04389b; background-image:url('images/Shield-Transparent2.png');background-repeat:repeat;}*/
body {
	text-align: left; 
	color: black; 
	background-color:#ffffff;
	background-image:url('./images/blue_swirl_background.png');
	background-repeat:repeat;
	/*height: 100vh;*/
	width:100%;
	vertical-align: middle;
	text-align: center;
	}
/*body {text-align: center; color: #ffff00; background-color:#04389b; background-image:url('images/Shield-Transparent2.png');background-repeat:repeat;}*/


#wrapper {width: 9100px; height: 90%; margin: 0 auto; text-align: left; } 

.roundedcorners {
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-radius: 10px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
} 


table {font-family: Helvetica; text-align: center; }
a:link {color: blue;}
a:visited {color: blue;}
a:active {color: blue;}
a:hover {color: "blue"; 
    margin-left:auto; 
    margin-right:auto;
}

@media (max-width: 768px) {
  .table td,
  .table th {
    font-size: 1rem !important;
  }

  table.mobile-stacked thead {
  display: none !important;
}

table.mobile-stacked, 
table.mobile-stacked tbody, 
table.mobile-stacked tr, 
table.mobile-stacked td {
  display: block;
  width: 100%;
}

table.mobile-stacked tr {
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 0.75rem 0.5rem;
}

table.mobile-stacked td {
  text-align: center;
  padding: 0.35rem 0.5rem;
  border-width: 0 !important;
}

  .d-flex.stack {
    flex-direction: column !important;
    align-items: stretch !important; /* optional: make each item full width */
  }

  .d-flex.stack > .row {
    width: 100% !important;
    justify-content: center !important;
    z-index: 1;
  }

  .d-flex.stack img {
    max-width: 35%;
    height: auto;
  }

  .below-image-row {
    position: relative;
    z-index: 2;
    margin-top: 10px; /* give space below image */
  }


  h1, h2, h3, h4 {
    font-size:1rem !important;
  }

  .bottomnumbers {
    opacity:0%;
  }

  .mobilezero {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width:120px;
    height:50px;
    opacity:0%;
    display: none;
    visibility: hidden;
    position: absolute;
  }

}


.tablewithbgcolor{ 
  border-spacing: 0; border-collapse:separate; border-style:outset; border:none; padding:0px; color:black; background-color:#ffffff;
  text-align:center;  margin-left:auto; margin-right:auto;
  font-size: 1.0em ;
  /* border-radius:15px; */
}

.curvedtable {
  background-color: #ffffff;
  border-radius: 15px;
  overflow: hidden; 
  border: 1px solid #dee2e6;
}




.tdMenuBoxes{ 
  border: none; padding:0px; color:black; background-color:#7cabc4;
  text-align:center;  margin-left:auto; margin-right:auto;
  font-size: 1.0em ; font-weight: normal;
  cursor:pointer;
  white-space: nowrap;

 -moz-border-radius-topleft: 20px;
 -moz-border-radius-topright: 20px;
 -moz-border-radius-bottomleft: 20px;
 -moz-border-radius-bottomright: 20px;
 -webkit-border-radius: 20px;
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;
}

.tdHeaderBoxes{ 
  border-color:orange; border-width:2px; padding:2px; border-spacing:210px; border-collapse: separate; color:white; background-color:#FFC72C;
  text-align:center;  margin-left:auto; margin-right:auto;
  font-size: 1.0em ; font-weight: bold;
  cursor:pointer;
  white-space: nowrap;

 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 -moz-border-radius-bottomleft: 5px;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-radius: 5px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

.tdGridHeader{ 
  border: none; padding:0px; color:black; background-color:#ffffff;
  text-align:center;  margin-left:auto; margin-right:auto;
  font-size: 1.0em ; font-weight: normal;

}

.tdGrid{ 
  border:none; padding:0px; color:black;   background-color:#FFFFF7;
  text-align:center;  margin-left:auto; margin-right:auto;
  font-size: 1.0em ; font-weight: normal;

}

.tdGrayLine{
   border-width:1; 
   border-color:gray;
   border-bottom-style:solid;
}

.tdGrid_lighter{ 
  border:none; padding:0px; color:black;  background-color:#ffffff;
  text-align:center;  margin-left:auto; margin-right:auto;
  font-size: 1.0em ; font-weight: normal;

}

.textboxbackground{
  background-color:#FFFFF7;
}

input.btnSubmit { 
  border: none;  padding: 7px; color:white; background-color:#0C2340;
  text-align:center;  margin-left:auto; margin-right:auto;
  font-size: 1.0em ;
  font-family: Lato, Helvetica, Arial, sans-serif;
  cursor:pointer;
  white-space: nowrap;
  width:auto;
  height:auto;

	 -moz-border-radius-topleft: 5px;
	 -moz-border-radius-topright: 5px;
	 -moz-border-radius-bottomleft: 5px;
	 -moz-border-radius-bottomright: 5px;
	 -webkit-border-radius: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	 border-bottom-right-radius: 5px;
	}

input.btnCancel { 
  border-style:outset; border-color:#a7c9a2; border-width:1px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; color:black; background-color:red;color:white;
  text-align:center;  margin-left:auto; margin-right:auto;
  font-size: 0.8em ;
  cursor:pointer;
  white-space: nowrap;
  width:auto;
  height:auto;

	 -moz-border-radius-topleft: 10px;
	 -moz-border-radius-topright: 10px;
	 -moz-border-radius-bottomleft: 10px;
	 -moz-border-radius-bottomright: 10px;
	 -webkit-border-radius: 10px;
	 border-top-left-radius: 10px;
	 border-top-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 border-bottom-right-radius: 10px;
	}

input.btn2 { 
   float: none;
    display: block;
    width: 200px;
	height: 80px;
    margin: 10px auto;
	white-space: normal;
	word-wrap: break-word;
	}
	
input.btn3 { 
   float: none;
    display: inline;
    width: 100px;
	height: 107px;
    margin: 10px auto;
	white-space: normal;
	word-wrap: break-word;
	}

  /* Change the bootstrap primary button color */
	.btn-primary { 
    background: #143967 !important;
    border-color: #102f54 !important;
  }
  .btn-primary:hover { 
    background: #0c2340 !important;
  }

  .form-control:focus {
    /* border-color: #28a745; */
    box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.25);
} 


  .table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  /* Remove all borders by default */
  .table td {
    border: none !important;
  }
  
  /* Group separation (2px border between groups) */
  tbody.slot-group:not(:first-child) {
    border-top: 2px solid #dee2e6 !important;
  }
  
  /* Bottom border for last row in groups */
  tbody.slot-group tr:last-child td {
    border-bottom: 2px solid #dee2e6 !important;
  }
  tbody.slot-group tr:first-child td {
    border-top: 2px solid #dee2e6 !important;
  }
  
  



  .table > tbody.slot-group.group-odd > tr > td {
    background-color: #f2f2f2 !important;
}
.table > tbody.slot-group.group-even > tr > td {
    background-color: white !important;
}
.table > tbody.standalone-row.standalone-odd > tr > td {
  background-color: #f2f2f2 !important;

}
.table > tbody.standalone-row.standalone-even > tr > td {
  background-color: white !important;
}
  /* .table-striped tbody > tr > td {
    background-color: lightblue !important;
  } */
/* applies to GIF and PNG images; avoids blurry edges */

img[src$=".gif"], img[src$=".png"] {

                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   -ms-interpolation-mode: nearest-neighbor;  /* IE */
                 }


 .link-disabled {
  cursor: not-allowed;
}



.custom-radio {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  font-size: 14px; /* match Bootstrap font size */
  user-select: none;
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio-mark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #6c757d; /* Bootstrap border color */
  border-radius: 50%;
}

.custom-radio input:checked ~ .radio-mark {
  background-color: #0d6efd; /* Bootstrap primary color */
  border-color: #0d6efd;
}

.radio-mark::after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio input:checked ~ .radio-mark::after {
  display: block;
}

.custom-radio .radio-mark::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
  transform: translate(-50%, -50%);
}