@CHARSET "UTF-8";
#mytitle:empty{
	display:none;
}
#mytitle:after{
	content:"Gift Card Balance Lookup";
	display:none;
}
.wbiPageTitlecls:after
{
	content: 'Check Gift Card Balance';
	font-size:26px;
	margin-left:15%;
}
.line1:after{
	content:'To check the balance on your Holland America Line® Gift Card, please enter the 16-digit card number found on your digital gift card or on the back of your plastic card.';
	font-size: 14px; 
	line-height: 20px;
}
.cardNumberLabelcls:after
{
	content: 'Gift Card Number:';
	font-size:14px; 
	font-weight: 400; 
	letter-spacing: .06em; 
	text-transform: uppercase;
}

.cardPinLabelcls:after
{
	content: 'Enter 4 digit PIN code:';
	font-size: 14px; 
	font-weight: 400; 
	letter-spacing: .06em; 
	text-transform: uppercase;
}
.submitBtnText:after
{
	content: 'Check balance';
	font: bolder;
	
}
 .checkBalanceButtoncls:after
{
	content: 'Check balance';
	width:10%;
	
} 

#checkBalanceButton
{
	background-color: #ee2e24;
    border: none;
    color: #fff;
    padding: 12px 12px;
    padding-top:3px;
    padding-bottom:15px;
    text-align: center;
    margin-left: 38px;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 2pt;
    
}
/* #checkBalanceButton:hover
{
    background-color: #7C878E;
    color: #FFFFFF;
} */
#recaptchaColor:after
{
	content:'Please check the box below:';
	font-size: 14px;
	
}
.email:after{
	content:'All form fields are required.';
	font-size: 11; 
	color: #000; 
	line-height: 17px;
}
.bodyEnter:after
{
	content:'Invalid information entered, please try again.';
    display: block; 
    padding-top: 15px;
    font-weight:bold;
   
}
.balancecls:before
{
		    content:'Your current balance:';
			font-size:16px;
			text-align:center;
}	
.balancecls{
	padding-top:30px;
   	color:#333F48;	
	
}
.Lookupcls:after{
	content:'Look up another card balance';
    text-decoration:none !important;
    font-weight:normal;
   	margin-left: 3px !important;
}
#lookup{
    font-family:"Poppins",Helvetica,Arial,sans-serif;;
    background-color: #ee2e24;
    border: none;
    color: #fff;
    padding: 12px 12px;
    text-align: center;
    margin-left: 4%;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 2pt;
}
	} 
.errorcls:after{
	content:''There is no transaction history for this card.';
	font-weight:normal;
	color:#ee2e24;
	font-size:16px;
	margin-left: 50px;
	
}
.errorcls{
	padding-top:30px;
	color:#ee2e24;
}
.errorcls1:after{
		content:'Invalid information entered. Please try again.';
		display: block; 
		padding-top: 15px;
		padding-left: 4px;
	}
.errorcls1{
	padding-top:30px;
	color:#ee2e24;
}
.errorcls2{
	padding-top:30px;
	color:#ee2e24;
}
.errorcls2:after{
	content:'Your session got expired. Please try again.';
	font-weight:normal;
	color:#ee2e24;
	padding-left: 4px;
	}
.errorcls3:after{
	content:'HTTP Error 500: Internal Server Error';
	font-weight:normal;
	color:#ee2e24;
	padding-left: 4px;
}
.errorcls3{
	padding-top:30px;
	color:#ee2e24;
}
.errorcls4:after{
	content:'The server encountered an unexpected condition which prevented it from fulfilling the request.';
	font-weight:normal;
	color:#ee2e24;
	padding-left: 4px;
}
.grecaptcha-badge{
	 width: 256px;
    height: 60px;
    transition: right 0.3s ease;
    position: fixed;
    bottom: 20% !important;
    right: -186px;
    box-shadow: grey 0px 0px 5px;
    margin-left: 40px !important;
}
@media (min-width: 768px) {
  .grecaptcha-badge {
    bottom: 14% !important;
  }
}