body 	{
		color: #666;
		background-color: #fff;
		font-family: open sans,Arial,sans-serif;
		font-size: 14px;
		font-weight: 500;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		}
h1		{
		font-weight: 700;
		font-size: 36px;
		color: #4d7a7e !important;
		line-height: 1.2em;
		text-align: center;
		}
h2		{
		font-weight: 700;
		font-size: 20px;
		color: #f79e85 !important;
		line-height: 1.2em;
		text-align: center;
		width:75%;
		margin-left: auto;
		margin-right: auto;
		}
.container {
			width:100%;
			margin-left: auto;
			margin-right: auto;
        }
.heading{
		margin: 42px;
		text-align: center;
		/*width: 100%;*/
		}
.rows 	{
		display: flex;
		justify-content: center;
		}
.results-container {
		flex: 3;
		justify-self: right;
        }
/* Remove Arrow/Spinners
   Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
		{
		-webkit-appearance: none;
		margin: 0;
		}
/* Firefox */
input[type=number] {
		-moz-appearance: textfield;
		}
.calcbox{
		min-width: 200px;
		max-width: 275px;
		margin: 10px;
		padding: 0px;
		}
.label-1{
		background-color: #4d7a7e !important;
		border-radius: 10px 10px 0px 0px;
		font-weight: 700;
		font-size: 24px;
		color: #c8da2c !important;
		line-height: 1.2em;
		text-align: center;
		padding: 10px !important;
		}
.label-2{
		background-color: #4d7a7e;
		border-radius: 10px 10px 0px 0px;
		font-weight: 700;
		font-size: 24px;
		color: #c8da2c !important;
		line-height: 1.2em;
		text-align: center;
		padding: 10px !important;
		margin: 15px 0px 0px 0px;
		}
.label-3{
		background-color: #f79e85;
		border-radius: 10px 10px 0px 0px;
		font-weight: 700;
		font-size: 24px;
		color: #fff;
		line-height: 1.2em;
		text-align: center;
		padding: 10px !important;
		margin: 30px 0px 0px 0px;
		}
.inputxt{
		padding: 10px;
		border:2px solid #4d7a7e;
		border-radius: 0px 0px 10px 10px;
		}
.inputxt-fill{
		margin-top: auto;
		margin-bottom: auto;
		padding: 10px;
		border:2px solid #4d7a7e;
		border-radius: 0px 0px 10px 10px;
		height: 100%;
}
.finaltxt{
		padding: 10px;
		border:2px solid #f79e85;
		border-radius: 0px 0px 10px 10px;
		}	
.inputbx{
		display: flex;
		}
.iboxt	{
		margin-right: 5px;
		margin-bottom: 20px;
		}
.iboxtf	{
		margin-top: auto;
		margin-bottom: auto;
		margin-right: 20px;
        }
.iboxdat{
		margin-top: auto;
		margin-bottom: auto;
		margin-right: 3px;
		}
.iboxint{
		margin-top: auto;
		margin-bottom: auto;
		margin-right: 3px;
		margin-left: auto;
		}
.calcdat{
		width: 97px;
		}
input 	{
		border: 2px solid #4d7a7e;
		border-radius: 15px;
		width: 65px;
		padding: 3px 10px;
		text-align: center;
		}
input:focus {outline: #4d7a7e;}
.gridfrm{
		display: grid;
		grid-template-columns: auto auto auto auto;
		grid-template-rows: auto auto;
		gap: 15px;
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		}
.gridltb{
		grid-area: 1 / 1 / 3 / 1;
        }
.gridcltb{
		grid-area: 1 / 2 / 3 / 2;
		}
.gridcrtb{
		grid-area: 1 / 3 / 1 / 4;
}
.gridcal{
		grid-area: 2 / 3 / 2 / 5;
		margin-left: auto;
		margin-right: auto;
		}