/*
 * Author: Tamineer Technolgies Inc.,
 * Application : Scal
 */

body {
	margin:0px;
	padding:0px;
}

*:target {
	background-color:#FFFFD4;
}

.badgeimgs {
	display:flex;
	align-items:flex-start;
	flex-direction:row;
	margin:10px;
}

.badgeimgs img {
	/* padding:6px; */
	margin: 6%;
	max-width:20vw;
}

.badgeimgs .nomargin {
	margin:0%;
	max-width:20vw;
}

.calculator {
	/* border: 1px #000000 solid; */
	/* padding:2px; */
	position:absolute;
	/* border-radius: 5px; 
	margin: 10px;
	padding: 15px;*/
	box-sizing: border-box;
	width: 100%; 
}

.calculator  .helpDisplay {
	display:block; 
}

.calculator .Heading {
  display:inline-flex;
	flex-grow:1;
	justify-content:center;
  float:left;
  /* background-color: blue; 
	box-sizing: border-box;
	background-color:#f2f2f2; */
	margin: 10px;
	padding: 10px;
	width: 100%; 
}

.calculator .Heading button {
	font-size: 28px;
	color: magenta;
	/* background-color: lightblue; 
	border: 4px solid lightblue; */
	padding:4px 4px; 
	border: 4px solid ;  
	margin: 8px; 
	border-radius: 6px;
	box-shadow: 0 6px #F1014F; 
	transition: all ease 0.3s;
}

.calculator .Heading button:active {
  background-color: darkblue;
  box-shadow: 0 4px #00534F;
  transform: translateY(4px);
}


.calculator  .helpDisplay .features {
	margin: 10px;
	padding: 20px;
	border-radius: 4px;
}

.calculator  .helpDisplay .noUnderLine {
	text-decoration: none;
}

.calculator  .helpDisplay .oper {
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	color: deeppink;
}
.calculator  .helpDisplay .block {
	display:block;
}
.calculator  .helpDisplay .heading {
	font-weight: bold;
	font-size: 16px;
}

.calculator  .helpDisplay .ita {
	font-style: italic;
}

.calculator  .helpDisplay .slabel {
	color: green;
}

.calculator  .helpDisplay .showb {
	background-color: lightblue;
	color: green;
}

.calculator  .helpDisplay .calb {
	background-color: lightblue;
	color: magenta;
}

.calculator  .helpDisplay .varita {
	color: darkblue;
	font-style: italic;
}

.calculator  .helpDisplay a {
	text-decoration: none;
}
.calculator  .helpDisplay .nol {
	display:block;
}

.calculator  .helpDisplay .eg {
	font-style: italic;
	color: green;
	font-size: 18px;
	display:block;
}

.calculator  .helpDisplay .Images .dispImage {
	display:none;
}

.calculator .copyright {
	clear:both;
	text-align:center;
	color: pink;
}

.calculator > img {
	width: 90vw;
	height: 100vw;
}

@media only screen and (max-width : 400px) {
	.calculator .Heading {
		margin: 1px;
		padding: 1px;
	}
	.calculator .Heading button {
		font-size: 12px;
		padding:1px 1px; 
		border: 1px solid ;  
		margin: 1px;
		border-radius: 1px;
		box-shadow: 0 1px #F1014F; 
	}
	.calculator  .helpDisplay .features {
		margin: 1px;
		padding: 1px;
		border-radius: 1px;
	}
}

@media only screen and (min-width:400px) and (max-width : 800px) {
	.calculator .Heading {
		margin: 2px;
		padding: 2px;
	}
	.calculator .Heading button {
		font-size: 18px;
		padding:2px 2px; 
		border: 2px solid ;  
		margin: 2px;
		border-radius: 2px;
		box-shadow: 0 2px #F1014F; 
	}

	.calculator  .helpDisplay .features {
		margin: 2px;
		padding: 2px;
		border-radius: 2px;
	}
}