body
{
	margin-top: 20px;
	font-family: 'Baloo Chettan 2', sans-serif;

}
.body1 {
	background-color: #273304;
	color: #eeeeee;	
}
.body2 {
	background-color: #FFFFFF;
	color: #666666;	
}


.txtMicro {
    font-size: 9pt;
}
.txtSmall
{
	font-size:10pt;
}
.txtRegular
{
	font-size:12pt;
}
.txtBig
{
	font-size:14pt;
}
.txtVeryBig
{
	font-size:24pt;
}
.txtTitle
{
	font-size:12pt;
}

.txtVerd
{
	color: #c4e563;
}

.txtRed
{
	color: #e5636e;
}

.txtBlue
{
	color: #90caf9;
}


.txtVoucherBig
	{
		font-size: 80px;
		line-height: 80px;
	}
	.txtVoucherSemi
	{
		font-size: 30px;
		line-height: 30px;
	}

@media (min-width: 768px)
{
	.txtVoucherBig
	{
		font-size: 110px;
		line-height: 110px;
	}
	.txtVoucherSemi
	{
		font-size: 50px;
		line-height: 50px;
	}
}


.inputButton, .inputButton:visited {
	border: thin solid #c4e563;
	background-color: #c4e563;
	cursor: pointer;
}
.inputButton:hover, .inputButton:active, .inputButton:focus , .inputButton:focus-within {
	border: thin solid #c4e563;
	background-color: #d7f386;
}

.isaInput
{
	border: 2px solid #c4e563;
}

.borderBottom
{
	border-bottom: 1px solid #c4e563;
}


.btn-toggle-pass {
  border: none;
  position: absolute;
  top: 24px;
  background: transparent;
  right: 20px;
  color:#999;
}

@media (min-width: 768px)
{
	.btn-toggle-pass {
	  border: none;
	  position: absolute;
	  top: 8px;
	  background: transparent;
	  right: 20px;
	  color:#999;
}
}


.btn-toggle-pass:active, .btn-toggle-pass:hover, .btn-toggle-pass:focus, .btn-toggle-pass:visited
{
	outline: none;
}