* {
	color: black;
}

#wrapper {
	margin: 10px;
	padding: 10px;
	text-align: center;
	/*background-color: #000000;*/
	opacity: .85;
	border-radius: 45px;
	color: #FFFFFF;
}
#captchaMessage{
	color: red;
	font-weight: bold;
	font-size:40px;
}
#error{
	color: red;
}
#success {
	color: green;
}
#FeeInfoTop {
	color: purple;
}
#TotalFeeTop, #TotalFeeBottom {
	color: purple;
	font-weight: bold;
}
#leftWing {
	align: left;
}
#rightWing {
	align: right;
}
#isMember {
	text-align: center;
}
#logo {
	text-align: center;
	margin: 20px auto 0;
	/* position: fixed; */
}



.error {
	color: red;
}
.success, .successMsg {
	color: green;
	font-weight: bold;
	font-size:20px;
}
.pending {
	color: black;
	font-weight: bold;
	font-size:20px;
}
.displayNumber {//for text boxes that display short numbers
	width: 50px;
}
.center {
	text-align: center;
}
.requiredTag {
	color: red;
	font-size: 2em;
}
.hidden {
	display: none;
}
.doubleSize, input.doubleSize {
	font-size: 2em;
}


* {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

html
{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba( 0,0,0,0 );
}
body
{
	background-size: cover;
	line-height:1.42857143;
	margin:0;
}
input, button, select {
	font-size: 15px;
	margin: 5px;
}
button {
	background-color:#66c0ff;
}
.btn-info.updateGoat, .btn-info.updateGoat:hover, .btn-info.updateGoat:active, .btn-info.updateGoat:visited,
.btn-info.goatHistory, .btn-info.goatHistory:hover, .btn-info.goatHistory:active, .btn-info.goatHistory:visited {
    color: blue;
    background-color: rgba(1, 100, 255, .3);
}
input.description {
	min-width: 400px;
}
input[type='checkbox'] {
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
	transform:scale( 2 );
	-ms-transform:scale( 2 );
	-webkit-transform:scale( 1 );
	-o-transform:scale( 2 );
	-moz-transform:scale( 2 );
	transform-c:0 0;
	-ms-transform-center:0 0;
	-webkit-transform-center:0 0;
	-o-transform-center:0 0;
	-moz-transform-center:0 0;
	-webkit-transform-center:0 0;
}
input[readonly]
{
    background-color:lightgray;
}
table {
	border-collapse: collapse;
	border: 1px solid gray;
}
th {
	text-align: center;
}
td {
	padding: 6px;
	border: 1px solid gray;
	vertical-align: top;
	text-align: right;
}
nav {
	text-align: center;
}
nav li {
	display: inline-block;
	margin: 10px;
}
h1 {
	color: blue;
}
h2 {
    width: 100%;
    text-align:center;
}



a {
	color: #337ab7;
}
a:visited {
	color: #337ab7;
}
a:hover {
	color: cyan;
}

ul {
    list-style-type: none;
    margin: 10;
    padding: 10;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f3;
}

li a {
    display: block;
    color: #44F;
    text-align: center;
    text-decoration: none;
}
li a:hover:not(.active) {
    background-color: #444;
}
li a.active {
    color: white;
    background-color: #4CAF50;
}



div.table,
div.form
{
    display: block;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}
table {
	margin: 0 auto; /* center */
}
form
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#goat_reg_table>tbody>tr>td,
#goat_reg_table>tbody>tr>th,
#goat_reg_table>tfoot>tr>td,
#goat_reg_table>tfoot>tr>th,
#goat_reg_table>thead>tr>td,
#goat_reg_table>thead>tr>th {
    padding: 6px;
}

#goat_reg_table>tbody>tr>td>label>.radio-inline {
    margin: 3px;
}

#milk_reg_table>tbody>tr>td,
#milk_reg_table>tbody>tr>th,
#milk_reg_table>tfoot>tr>td,
#milk_reg_table>tfoot>tr>th,
#milk_reg_table>thead>tr>td,
#milk_reg_table>thead>tr>th {
    padding: 6px;
}

#milk_reg_table>tbody>tr>td>label>.radio-inline {
    margin: 3px;
}

/* datatables example */
td.highlight {
    font-weight: bold;
    color: blue;
}


.align-right {
    text-align: right;
}

.btn-text-left{
	text-align: left;	
}
.btn-text-right{
	text-align: right;
}

.btn-text-center{
	text-align: center;	
}