/**
 * index page CSS
 */
 
body {
	/* background-color: #65B245; */
	
	background: linear-gradient(to bottom ,#bbd0db, #cfe1be ) fixed;
	
	line-height: 1.3;
	font-size: 1.25em;
	
	/* font-family: 'Open Sans', Arial, sans-serif; */\
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	/* font-family: Tahoma; */
	
	font-weight: bold;
	
	margin: 0px 0px 0px 0px;
	
	color: #237E3E;
	
	height: 100%;
}

footer {
}
 
header {
}
header > h1 {
}
header > h1 > img {
	width: 100%;
}

main {
}

/** adjust bootstrap **/
main > .container {
	padding: 1px 1px 1px 1px;
}

/** **/
main p {
}

main .gn-column-header {
	font-weight: bold;
}

main .gn-box {
	text-align: center;
}

main .gn-currency {
	text-align: left;
}
main .gn-currency .currency_symbol {
	display: inline-block;
	width: 10%;
	color: #000;
	font-weight: normal;
}

main .gn-box.gn-blue {
	background-color: #00b0f0;
}
main .gn-box.gn-green {
	background-color: #00b050;
}
main .gn-box.gn-yellow {
	background-color: #ffff00;
}

main .gn-text-smaller {
	font-size: smaller;
}

/** inputs **/
main .gn-box      input,
main .gn-currency input {
	display: inline-block;
	width: 80%;
	
	margin:  0;
	padding: 0;
	
	border-color: transparent;
	background-color: transparent;
	
	font-size: smaller;
}

/** mobile displays **/
main .mobile-hide {
}

main .mobile-show {
	display: none;
	visibility: hidden;
}

@media screen and (max-width: 500px) {
	
	main .mobile-hide {
		display: none;
		visibility: hidden;
	}

	main .mobile-show {
		display: block;
		visibility: visible;
	}
}