* {
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  	font-size: 16px;
}
body {
  	background-color: #01965e;
}
body.loggedin {
	background-color: #01965e;
}
.content {
	width: 100%;
	margin: 0 auto;
}
.content h2 {
	text-align: center;
    margin: 20px;
	font-size: 22px;
	/*border-bottom: 1px solid #e0e0e3;
    padding: 25px 0;*/
	color: #FFFFFF;
}
.content h3 {
	text-align: center;
    margin: 0px;
	font-size: 14px;
	/*border-bottom: 1px solid #e0e0e3;
    padding: 25px 0;*/
	color: #FFFFFF;
}
.content > p, .content > div {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	margin: 25px 0;
	padding: 25px;
	background-color: #ffb4e5;
}
.content > p table td, .content > div table td {
	padding: 5px;
}
.content > p table td:first-child, .content > div table td:first-child {
	font-weight: bold;
    font-size: 80%;
	color: #4a536e;
	padding-right: 15px;
}
.content > div p {
	padding: 5px;
	margin: 0 0 10px 0;
}

table.form-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #ffffff;
    
        }
        table.form-table, th, td {
            border: 1px solid black;
            white-space: nowrap;
        }
        th, td {
            padding: 10px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        td.message {
            width: 85%; /* Change this value as needed */
        }

        input, textarea {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
            border: none;
            outline: none;
        }
        td.box {
            background-color: #f8ff6d;
            width: 85%; /* Change this value as needed */
        }

        /* Alternate row colors */
        .msg tr:nth-child(even) {
            background-color: #E3EFFC;
        }
        .msg tr:nth-child(odd) {
            background-color: #E4F8EB;
        }
		.center {
			text-align: center;
        }
/* Grey out rows where visible is false */
        .msg tr.hidden-row {
            background-color: #d3d3d3;
        }

    .g-recaptcha {
        display: inline-block;
    }


 @media (max-width: 600px)  {
     
         .content h2 {
             margin: -10px 0 -20px 0;}
            table.form-table td {
                display: block;
                width: 100%;
            }
            table.form-table td label,
            table.form-table td input,
            table.form-table td textarea,
            table.form-table .g-recaptcha {
                width: 100%;
                display: inline-block;
                text-align: center;
            }
        }

.message {
            padding: 10px;
            margin-bottom: 20px;
            border-radius: 5px;
        }
        .success {
            background-color: #d4edda;
            color: #155724;
        }
        .error {
            background-color: #f8d7da;
            color: #721c24;
        }