@charset "utf-8";
/* CSS Document */

/*  to use a style sheet use this code   <link rel="stylesheet" type="text/css" href="path to file">  */
 body {
        background: #155902; /*#155902;*/ /* #f1f1f1;*/ /*SP: changed #DCF2BB;  		/*  page color */
        font-family: sans-serif;	/*  font choices serif, sans-serif, monospace, cursive, fantasy  */	
        font-size: 16pt;			/*  font size in pt, px or em  */	
    }

h1 {							/*   list multiple tags with commas to set similar stuff */
		color: black; /* #F24535;*/					/*  color  */
		font-size: 40pt;				/*SP: changed,  size of font  */
		border-radius: 4px;
		margin: 0.1;
	}
	
h2 {							/*   list multiple tags with commas to set similar stuff */
	color: black; /*#F24535;*/					/*  color  */
	font-size: 30pt; /*SP: changed,  size of font  */
	/*background-color: #155902;*/
	margin: 0.1;
    }

h3{ 
	color: #F24535;
	line-height: normal;			/*  not have extra line  */
	font-size: 18pt; 			/*SP: changed */
	font-weight: normal;			/*  not be bold   */
}			

p {									/*   all p tags */
    font-size: 18pt;			/*SP: changed */	
	font-family: sans-serif;		
    }

a:link{								/*  Active links  */
	color: #F24535;
	text-decoration: none;			/*  removes underline on links  */
    }
	
a:visited {							/*  Visited links  */
	color: #F24535;
    }

a:hover {							/*  Hover over link color  */
	color: white;
	text-decoration: underline;		/*  underlines link  */
    }

a:active {
	color: #F24535;					/*  while you are clicking link  */
		}

table, th, td {						/*   table, th and td tags */
	border: 0px solid black;		/*   could be dotted, dashed, solid, double, groove, ridge, none  */
									/*  set each border seperatly use something like:   border-top-style, border-left-style, border-bottom-style, border-top-style */
	border-radius: 2px;				/*  can set each corner seperatly or this way to do all 4 */
	
	border-collapse: separate;		/*  remove if you want double walls inside table   */
	border-color: #f1f1f1; 			/*  border color   */
}

th {
    text-align: center;				/*   alignment in cells  */
	color:black;	/*SP: added*/
	background-color:#F24535; /*#9ABF49;*/
}

tr:nth-child(even){					/*  Use to format only even rows */
	background-color: #F24535; /*#9ABF49;*/
	color:black;			/* SP: added*/

}

thead{
	background-color: white;
	margin: 0;
	
}

tr:nth-child(odd){					/*  format only odd rows */
	background-color: beige; /*#155902;*/
	color:black;			/* SP: added*/

}

input[type=text], input[type=number], input[type=email] {					/*  testboxes */
    border: 2px solid black;			/*  border - same settings as table */
    border-radius: 7px;				/*  same as table settings */
	color: black; /*SP: changed, "#F24535"; 				/* color in textbox  */
	background-color: white;		/*  color of textboxes */
	height:25px;	/*SP: added */
	font-size:large;
}



textarea {							/* this would be a text area, like a comment box  */
    width: 125px;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    border-radius: 2px;
    background-color: #f8f8f8;
    resize: none;
}

select {							/*  select box or dropdown  */
    width: 100%;
    padding: 16px 20px;				/* top & bottom, left & right padding   - can do each side seperately  */
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;
}

input[type=button], input[type=reset] {			/*  formatting buttons...specifically submit and reset */
	background-color: red;
	border: none;
	color: white;
	padding: 10px 15px; /* top & bottom padding     left & right padding */
	margin: 4px 2px;
	cursor: pointer;
	font-weight: bold;
	border-radius: 10px;
	border-collapse: collapse;
	font-size:large;	/*SP: added*/
}

myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: red; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 7px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
  }
  
  myBtn:hover {
	background-color: #555; /* Add a dark-grey background on hover */
  }

  button, input[type=submit] {
	display: inline-block;
	vertical-align: top;
	background-color: red;
	border: none;
	color: white;
	padding: 7px 15px; /* top & bottom padding     left & right padding */
	margin: 4px 2px;
	cursor: pointer;
	font-weight: bold;
	border-radius: 7px;
	border-collapse: collapse;
	font-size:large;	/*SP: added*/
	text-align:center;
  }

  #submit_class{
	/* display: inline; */
	vertical-align: top;
	text-align: center;
	/* border:0px #f1f1f1; */
	background-color:  #155902; /*#f1f1f1;*/
	border: 0px;
	border-color: #f1f1f1;

  }

    #table_class {
    border: 0px solid black;		/*   could be dotted, dashed, solid, double, groove, ridge, none  */								/*  set each border seperatly use something like:   border-top-style, border-left-style, border-bottom-style, border-top-style */
	border-radius: 0.5px;				/*  can set each corner seperatly or this way to do all 4 */
	border-collapse: separate;		/*  remove if you want double walls inside table   */
	border-color: #f1f1f1;
	background: #f1f1f1;
    }