li span.negative-descriptor,li span.exceptionally-low,li span.below-average {
  color: red;
}

#donate{
  color: #fff;
  background-color: #111;
}

#donate:hover{
  background-color: #111;
}


table .exceptionally-high  { background-color: green; }
table .above-average{ background-color: deepskyblue; }
table .below-average{background-color: orange; }
table .exceptionally-low { background-color: orangered; }

input[type="text"] {
  font-size: 16px; /* Change the size to your preference */
  padding: 8px; /* Optional: Adjust padding as needed */
}
#dataTable input{
  min-width: 60px;
}
#dataTable thead th {
  position: sticky;
  top: 0;
  background-color: #f4f4f4;
  z-index: 1; /* Ensures it stays above rows */
}
body{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #293f47;
  margin:0;

}
.wrapper{
  margin:0;
  padding:0;
}
a{
  color: #ef7e67;
}
ul {
  list-style-type: square;
  margin-left: -25px;
}
ul li{
  margin:0 0 10px 0;
  line-height: 1.3em;
}
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px; /* Add some spacing between the table and other elements */
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f2f2f2;
}
@media screen and (max-width: 600px) {
  table {
    width: 100%;
  }

  th, td {
    display: block;
    width: 100%;
  }
}
/*tr:nth-child(even) {
  background-color: #f9f9f9;
}*/
th {
  background-color: #f2f2f2;
  font-weight: bold;
}
tr:hover {
  background-color: #e5f7ff;
}
th, td {
  padding: 12px;
}
th, td {
  text-align: left;
}
th:hover {
  cursor: pointer;
}

table tr td:first-child {

  font-weight: bold;


}

/*table tr td:nth-child(2){
  font-size:14px;
  font-weight: bold;
  width: 110px;
  
    }*/

    p{
      line-height: 1.5em;
    }

    .float-container.about{
      
    }
    .float-container#landing{
     background-image: url('/img/4436053.jpg');

     background-size: 50% auto; 
     background-position: top right; 
     background-repeat: no-repeat; 
     height:800px;
     padding:0 0 0 30px;

   }


/* Set the height and overflow for the container */
.table-container {
  height: 100vh; /* Set to 100% of the viewport height */
  overflow: auto;
}

/* Style for the header table */
.header-table {
  position: sticky;
  top: 0;
  background-color: #FEB775;
}

/* Optional: Style for the content table */
.content-table {
  width: 100%;
  border-collapse: collapse;
}

.content-table th, .content-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.content-table .domain, .content-table .domain:hover{
 background-color: #BBE0E8;
}
/*form*/
/* styles.css */





label {
  display: block;
  margin-bottom: 5px;
}

input,
textarea {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
}



button:hover {
  background-color: #fbbc9c;

}

button:active{
  background-color: #f46f5a;
  color: white;
}
/* style.css */

/* Basic stying for the form */


form {
  max-width: 100%;
  margin: 0 auto;
}

h1 {
  text-align: left;
  margin:0;
  
}
h2{
  text-align: left;
  margin:20px 0 0 0;
}

/* Style for labels */
label {
  display: block;
  margin-top: 10px;
}

/* Style for input and select fields */
input, select {
font-size: 16px;
  padding: 8px;
  margin: 5px 0 0 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.float-container {
  width: 90%;
  overflow: hidden; /* This is essential for clearing floats */

  margin:0 auto;
}

.float-left {
  float: left;
  margin: 0 10px 10px 0;

  box-sizing: border-box;
}

.float-right {
  float: right;
width:45%;

  box-sizing: border-box;
}

/* Clearing floats for smaller screens */
@media (max-width: 600px) {
  .float-left,
  .float-right {
    width: 100%;
    float: none;
  }
}
.clear{
 clear: both;
}

/* Style for the submit button */
button {
  font-weight: bold;
  font-size: 16px;
  padding: 10px 15px;
  border: none;
  border-radius: 18px;
  cursor: pointer;
  width: 80%;
  margin:10px 0;
  background-color: #ef7e67;
  color: #fff;
  padding: 10px;
  border: none;
  cursor: pointer;
}


/* Style for the dropdown */
select {

  padding: 8px;
  margin: 5px 0 15px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  appearance: none; /* Remove default arrow in Chrome/Safari */
  -webkit-appearance: none; /* Remove default arrow in Chrome/Safari */
  -moz-appearance: none; /* Remove default arrow in Firefox */
}

/* Style for small text below the input fields */
small {
  font-size: 80%;
  color: #888;
}

header {

  color: #fff;
  padding:0px;

}
main{
  margin:0px 15px 40px 15px;

  min-height:100vh; 

}
footer{

  background-color: #111;
  color: #fff;
  padding: 5px;
  text-align: right;

}
header h1{
  color: #074978;
  margin: 15px 0 5px 20px;
}



#slogan{
  margin:50px 0 ;
  width:50%;
  background-color: #fff;
  padding:0
}
#slogan p{
  width: 80%;
}
  a#sitename{
    margin:15px 0 0 15px;
    padding:0px;
   float: left;
    text-decoration: none; /* This removes the underline */
    background-image: url(/img/logo.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width:200px;
    height: 45px;
    display: block;
  }

  

  nav {
    display: block;
    justify-content: flex-end; 
    background-color:#ef7e67;
    text-align: center; 
    width: 100%;
    height:50px;
    padding:0;
  }
  nav ul {
    list-style: none;
   width:60%;
   height:20px;
   float:right;
    display: block;
    justify-content: right; /* Center the list items horizontally */
    align-items: right; /* Center the list items vertically */
    
  }

  nav ul li {
    margin: 12px 10px 0 0;
    float:left;
    /* Adjust spacing between list items if needed */
  }
  nav a {
    color: #111;
    text-decoration: none;

    padding:8px 10px;
    text-align: center; 
    margin: 0px;
    font-weight: bold;
    transition: color 0.3s;
  }

  nav a:hover {
    color: #111;
    background-color: #fff;

  }
  #findClient {
    margin:0;
    width:50%;
    display: block!important;
    background-color: #Fff;
  }
  #findClient form{
    background-color: #Fff;

    margin:0;
    height: 400px;

  }
  #findClient .float-left{
    width:80%;
  }
  #findClient .testnum, #submitForm .testnum{
    width:190px!important;
    float: left;
  }
  #findClient .testnum option{

  }
  #findClient  .button button{
  margin:0 auto;
  width: 100%;
  display: block;
  }
  #findClient #testnumsmall,#submitForm #testnumsmall{
    width:150px;
    float:right;
    margin:7px 0 0 0;
  }
  #findClient .float-left.age{
    width:110px;
  }
.extractpdf{
 
}

.extractpdf input,.extractpdf button{
  width:30%;
  float:left;
  margin-right: 10px;
}

/*navigation*/
#nav{
  float:right;
  margin:0;
}
#submitForm{
 width: 100%;
}
#submitForm #premorb{
  width:206px
  
}
#submitForm #generatepremorb{
width:250px;
margin:40px 0 0 0;
}
#submitForm #premorb input{
  width:50px;
  float:left;
  
}

#submitForm #premorb small{
float:left;
width:70%;
margin:3px 0 0 10px;
}
#submitForm #clientid{
  width: 70%;
}
#submitForm #clientid input{
  float:left;
  width:30%;
}
#submitForm #age,#submitForm #education{
  width: 50px;
}
#submitForm #clientid button{
float:left;
  width:20%;
  margin:3px 0 0 10px;
}
#submitForm #clientid small{
float:left;
  width:45%;
  margin:0 0 0 10px;
}
#saveForm{
  margin:0 auto;
  display: block;
}
.readonly-input {
  color: #555; /* Text color for a disabled look */
  background-color: #eee; /* Background color for a disabled look */
  cursor: not-allowed; /* Display a 'not-allowed' cursor on hover */
}
#downloadExcel{
  display: block;
  margin:0 auto;
}

.equation-block {
      text-align: center;
      margin-bottom: 50px;
    }

    .fraction {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
    }

    .fraction .top {
      border-bottom: 1px solid #000;
      padding: 0 5px;
      display: block;
    }

    .fraction .bottom {
      padding: 0 5px;
      display: block;
    }

    .multiply {
      margin: 0 10px;
    }