.style6 {font-family: Verdana, sans-serif}
.style19 {font-size: 14px}
.style33 {color: #000000}
.style34 {
	color: #009900;
	font-weight: bold;
}
.style36 {
	font-size: 16px;
	font-weight: bold;
}
.style40 {
	font-size: 11px;
	color: #FFFFFF;
}

.style5 {color: #FFFFFF}
.style6 {font-family: Verdana, sans-serif}
.style9 {font-size: 12}
.style10 {font-size: 12px}
.style13 {color: #000000}
.style14 {
	color: #009900;
	font-size: 15px;
}
.style15 {color: #FF0000}
.style17 {
	font-size: 16px;
	font-weight: bold;
}
.style18 {font-size: 16px; }
.style20 {font-weight: bold}
.style21 {
	color: #009900;
	font-size: 15px;
	font-weight: bold;
}
.style22 {font-size: 15px; }
.style24 {font-size: 11px}
.style2 {font-size: medium}
.style5 {font-size: 12px; color: #FF0000; }
.style6 {font-size: 12px}
.style9 {font-size: 24px}
.style11 {font-size: 24px; color: #FF0000; }





input[type=submit] {
  padding: 12px 20px;
  background-color: #0876C9;
  color: white;
  border: 1px solid transparent;
  border-radius: 7px;
  font-weight: 600;
  position: relative;
  margin-top: 20px;
}

input[type=submit]:hover {
      background-color: #0876C9A6 !important;
      border: 1px solid #0876C9A6 !important;
}

input[type=reset] {
    background-color: #000000;
    color: white;
    padding: 6px 30px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
	font-size: 16px
}

input[type=reset]:hover {
    background-color: #45a049;
}


input[type=text] {
  width: 100%;
  height: 34px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 4px;
  font-size:12pt;
  font-weight:400;
  background-color:transparent;
  color: Black;
  	margin-top: 1px; /*create space at the top of a text box*/
	margin-bottom: 1px; /*create space at the bottom of a text box*/
	padding-top: ;  /* creates space at the top inside text box  */
	background-image: url();
	margin-top: 20px;
}

input[type=password] {
  width: 100%;
  height: 34px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 4px;
  font-size:12pt;
  font-weight:400;
  background-color:transparent;
  color: Black;
  margin-top: 1px; /*create space at the top of a text box*/
  margin-bottom: 1px; /*create space at the bottom of a text box*/
  padding-top: ;  /* creates space at the top inside text box  */
  
}

input[type=numeric] {
  width: 100%;
  height: 34px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 4px;
  font-size:12pt;
  font-weight:400;
  background-color:transparent;
  color: Black;
  margin-top: 1px; /*create space at the top of a text box*/
  margin-bottom: 1px; /*create space at the bottom of a text box*/
  padding-top: ;  /* creates space at the top inside text box  */
}

input[type=number] {
  width: 100%;
  height: 34px;
  padding: 1px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 4px;
  font-size:12pt;
  font-weight:400;
  background-color:transparent;
  color: Black;
  margin-top: 1px; /*create space at the top of a text box*/
  margin-bottom: 1px; /*create space at the bottom of a text box*/
  padding-top: ;  /* creates space at the top inside text box  */
}

input[type=email] {
  width: 100%;
  height: 34px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 4px;
  font-size:12pt;
  font-weight:400;
  background-color:transparent;
  color: Black;
  	margin-top: 1px; /*create space at the top of a text box*/
	margin-bottom: 1px; /*create space at the bottom of a text box*/
	padding-top: ;  /* creates space at the top inside text box  */
	
}

input[type=tel] {
  width: 100%;
  height: 34px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 4px;
  font-size:12pt;
  font-weight:400;
  background-color:transparent;
  color: Black;
  	margin-top: 1px; /*create space at the top of a text box*/
	margin-bottom: 1px; /*create space at the bottom of a text box*/
	padding-top: ;  /* creates space at the top inside text box  */
	
}


textarea {
  margin-left: 250px;
  width: 100%;
  height: 80px;
  padding: 1px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 4px;
  font-size:12pt;
  font-weight:400;
  background-color:transparent;
  color: Black;
  resize: none; /*disable resizing*/
  margin-top: 1px; /*create space at the top of a text box*/
  margin-bottom: 1px; /*create space at the bottom of a text box*/
  padding-top: ;  /* creates space at the top inside text box  */
}

select {
  margin-left: 250px;
  width: 100%;
  height: 34px;
  padding: 1px 10px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 4px;
  font-size:12pt;
  font-weight:400;
  background-color:transparent;
  color: Black;
  margin-top: 1px; /*create space at the top of a text box*/
  margin-bottom: 1px; /*create space at the bottom of a text box*/
  padding-top: ;  /* creates space at the top inside text box  */
}

#birth_day, #birth_month, #birth_year
{
    width: 85px;
}


.div99 {
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  color: ;
  border-color: #000033;
  border-style: solid;
  background-color: #FCFCFC;
}

.div99 {
  margin-bottom: 15px;
}




form {
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  color: ;
  border-color: #000033;
  border-style: solid;
  background-color: #FCFCFC;
}

.form-group {
  margin-bottom: 15px;
}

input[type="text"], input[type="password"] {
  width: 100%;
  padding: 8px;
  box-sizing: border-box; /* Ensures padding doesn't affect width */
}



#resp-table {
        width: 100%;
        display: table;
    }
    #resp-table-body{
        display: table-row-group;
    }
    .resp-table-row{
        display: table-row;
    }
    .table-body-cell{
        display: table-cell;
        border: 1px solid #dddddd;
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        }
	
	
	
	
.styled-table {
    border-collapse: collapse;
    width: 100%;
    font-family: Arial, sans-serif;
	}

.styled-table th, 
.styled-table td {
    border: 1px solid #fff;
    padding: 7px;
    text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
}

.styled-table th {
    background-color: #002B55;
    color: white;
	
}

/* Zebra striping for rows */
.styled-table tr:nth-child(even) {
    background-color: #FBFBFB;
}

/* Hover effect */
.styled-table tr:hover {
    background-color: #EAFFEF;
}



.container {

  disply: grid;
  grid-template-columns: 1fr 2fr 1fr;
}




.button-container {
  display: flex;             /* Turns the container into a flexbox layout */
  justify-content: center;   /* Horizontally centers the button */
  align-items: center;       /* Vertically centers the button */
}


.btn-link9 {
  padding: 12px 20px;
  background-color: #0876C9;
  color: white;
  border: 1px solid transparent;
  border-radius: 7px;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  transition: background-color 0.3s ease; /* Fluid color shifting on interaction */
  margin-top: 20px;
}

/* Hover state for user interactivity */
.btn-link9:hover {
  color: white;
  background-color: #0876C9A6 !important;
  border: 1px solid #0876C9A6 !important;
}

/* Active state for when the button is clicked */
.btn-link9:active {
  background-color: #004085;   /* Darkest shade representing a physical press */
}



.btn-link10 {

  padding: 12px 20px;
  background-color: #0876C9;
  color: white;
  border: 1px solid transparent;
  border-radius: 7px;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  transition: background-color 0.3s ease; /* Fluid color shifting on interaction */
  margin-top: 20px;
}

/* Hover state for user interactivity */
.btn-link10:hover {
  color: white;
  background-color: #0876C9A6 !important;
  border: 1px solid #0876C9A6 !important;
}

/* Active state for when the button is clicked */
.btn-link10:active {
  background-color: #0876C9A6;   /* Darkest shade representing a physical press */
}



.btn-link11 {

  /* Layout properties */
  display: inline-block;       /* Allows padding and width settings while staying inline */
  padding: 1px 3px;          /* Vertical and horizontal spacing around text */
  
  /* Typography */
  color: #ffffff;              /* Crisp white text color */
  text-decoration: none;       /* Removes the default underline */
  font-family: sans-serif;     /* Clean, readable font type */
  font-size: 13x;             /* Standard button text size */
  font-weight: ;           /* Bold text accentuation */
  text-align: center;          /* Centers text inside the element */
/* Surface and Borders */
  background-color: #236161;   /* Vibrant primary button color */
  border-radius: 8px;          /* Smooth, slightly rounded corners */
  
  /* Smooth transitions */
  transition: background-color 0.3s ease; /* Fluid color shifting on interaction */
}

/* Hover state for user interactivity */
.btn-link11:hover {
  background-color: #5f8888;   /* Deeper shade when cursor moves over it */
}

/* Active state for when the button is clicked */
.btn-link11:active {
  background-color: #004085;   /* Darkest shade representing a physical press */
}