.footerCopyRightText {font-family: Heebo+Regular; font-size: 12; color: #FFFFFF}

.footerAssistText {font-family: Heebo+Regular; font-size: 14; color: #FFFFFF}

.sideAssistText {font-family: Heebo+Regular; font-size: 14; color: #FFFFFF; text-align: left;}

.footerCountryText {font-family: Heebo+Medium; font-size: 14; color: #FFFFFF}

p.noPadding {padding:0; margin-block-start:0; margin-block-end:0; margin:0}

p.alertmsg {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #ff3333}

p.mainTitle {font-family: Heebo+Bold; font-size: 20; color: #377DFF}

p.subTitle {font-family: Heebo+Medium; font-size: 16; color: #404040}

p.sideTitle {font-family: Heebo+ExtraBold; font-size: 36; color: #FFFFFF; text-align: left;}

p.sideTitleYellow {font-family: Heebo+ExtraBold; font-size: 36; color: #FFCC00; text-align: left;}

p.regularText {font-family: Heebo+Regular, Heebo+Medium; font-size: 12; color: #404040 }

p.reminderText {font-family: Heebo+Regular, Heebo+Medium, Heebo+Bold; font-size: 12; color: #FFFFFF}

p.reminderText2 {font-family: Heebo+Regular, Heebo+Medium, Heebo+Bold; font-size: 14; color: #FFFFFF}

p.notificationSubTitle {font-family: Heebo+Bold; font-size: 16; color: #377DFF}

p.notificationText {font-family: Heebo+Regular, Heebo+Medium; font-size: 14; color: #404040}

a.footerLink {font-family: Heebo+Medium; font-size: 12; color: #FFFFFF; text-decoration: none;}

a.regularLink {font-family: Heebo+Regular, Heebo+Medium; font-size: 12; color: #404040; text-decoration: none; font-weight:bold;}

a.reminderLink {font-family: Heebo+Regular, Heebo+Medium, Heebo+Bold; font-size: 12; color: #FFFFFF; text-decoration: none; font-weight:bold;}

a.cancelLink {font-family: Heebo+Medium; font-size: 14; color: #FF0B0E;}

a.backToTopLink {font-family: Heebo+Medium; font-size: 11; color: #377DFF; font-weight: bold; text-decoration: none;}

div.headerContainer {
	background-color: #377DFF;  	
	width: 100%;
	height: 4px;	
}

div.footerContainer {
	background-color: #377DFF;   
	text-align: center;	
	width: 100%;
	/*height: 80px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	/*overflow-y: scroll;*/	
}

div.notificationBadge {
	/*background-color: #000000; 	*/
	background: rgba(25, 25, 25, .7);
    color: #000000;
	border-radius: 20px; 
	overflow: hidden;
	perspective: 1px; 		
	text-align: center;
	display: inline-block;
	height: 30px;
	padding-top: 5px;	
}

div.scrollPanel {
	overflow-y: scroll;
	/*float:left;*/
	height:calc(100vh - 84px);
}

div.announcementContainer {
	background-color: #81c718;
    border-radius: 20px; 
	overflow: hidden;
	perspective: 1px;  
	text-align: center;	
	padding:8px;	
	max-width: 370px;
	min-width: 300px;
	height: AUTO;	
}

div.containerTiles {
	background-color: #FFFFFF;
    border-radius: 20px;  
	overflow: hidden;
	perspective: 1px; 
	max-width: 600px;
	min-width: 300px;
	height: AUTO;	
	box-shadow: 0.105rem 0.125rem 1rem rgb(0, 0, 0, 0.3);
	text-align: left;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;	
}

div.padContainer {
	padding-bottom: 20px;
}

div.formField {
	background-color: white;
    border-radius: 20px;  
	overflow: hidden;
	perspective: 1px; 
    border: 1px solid gray;
	text-align: center;
	padding:8px;	
	max-width: 370px;
	min-width: 300px;
	height: 55px;	 
}

div.formFieldActive {
	background-color: white;
    border-radius: 20px;  
	overflow: hidden;
	perspective: 1px; 
    border: 1px solid #377DFF;
	text-align: center;
	padding:8px;	
	max-width: 370px;
	min-width: 300px;
	height: 55px;	 
}

div.formField2 {
	background-color: white;
    border-radius: 20px;  
	overflow: hidden;
	perspective: 1px; 
    border: 1px solid gray;
	text-align: center;
	padding:8px;	
	max-width: 530px;
	min-width: 300px;
	height: 55px;	 
}

div.formFieldActive2 {
	background-color: white;
    border-radius: 20px;  
	overflow: hidden;
	perspective: 1px; 
    border: 1px solid #377DFF;
	text-align: center;
	padding:8px;	
	max-width: 530px;
	min-width: 300px;
	height: 55px;	 
}

.separatorLine {
	border: none;
    height: 1px;
	max-width: 370px;
	min-width: 300px;
	color: #DBE1E9; /* old IE */
    background-color: #DBE1E9; /* Modern Browsers */
	padding:0;
	margin:0
}

.separatorLine2 {
	border: none;
    height: 1px;
	max-width: 530px;
	min-width: 300px;
	width: 100%;
	color: #DBE1E9; /* old IE */
    background-color: #DBE1E9; /* Modern Browsers */
	padding:0;
	margin:0;
}

.separatorLine3 {
	border: none;
    height: 1px;
	max-width: 370px;
	min-width: 300px;
	color: #FFFFFF; /* old IE */
    background-color: #FFFFFF; /* Modern Browsers */
	padding:0;
	margin:0;
	left:80px;
	opacity:0.15;
}

.countrySeparatorLine {
	border: none;
    height: 1px;
	width: 100%;
	color: #464952; /* old IE */
    background-color: #464952; /* Modern Browsers */
	padding:0;
	margin:0;
}

label.letterSmall{
  color: gray;
  font-size: small;
}

div.letterSmallHide{
  font-family: Heebo+Regular; 
  font-size: 12; 
  color: #A1A1A1;   
  display: none;  
}

div.letterSmallVisibleBlue{  
	font-family: Heebo+Regular; 
	font-size: 12; 
	color: #377DFF; 
	display:block;
}

div.letterSmallVisibleBlueIE{  
	font-family: Heebo+Regular; 
	font-size: 12; 
	color: #377DFF; 
	display:block;
	padding-left:100px;
}

div.letterSmallVisibleGray{  
	font-family: Heebo+Regular; 
	font-size: 12; 
	color: #A1A1A1; 	
	display:block;
}

div.letterSmallVisibleGrayIE{  
	font-family: Heebo+Regular; 
	font-size: 12; 
	color: #A1A1A1; 	
	display:block;
	padding-left:100px;
}

input.mRCornerButton {
	background-color:#377DFF;
	border-radius: 20px;
	border:0px;
	padding: 8px; 	
	max-width: 370px;
	min-width: 300px;
	height: 50px;	    
}

input.mRCornerButton2 {
	background-color:#377DFF;
	border-radius: 20px;
	border:0px;
	padding: 8px; 	
	max-width: 530px;
	min-width: 300px;
	height: 50px;	    
}

input.sRCornerButton {
	background-color:#1344C7;
	border-radius: 20px;
	border:0px;
	/*border: 2px solid #609;*/
	padding: 8px; 	
	width: 100px;
	height: 30px;	    
}

input[type="password"], input[type="text"]{
	background-color:transparent;
    border:0px;
	outline: none;
    padding:0px;
	/*width: 90%;
	height: 90%;
	text-align: center;*/
}

input::-ms-clear {  /* Remove IE default X */
  display: none;
}

.mInputText {
	font-family: Heebo+Medium; font-size: 14; color: #404040;
	min-width: 300px;
	max-width: 370px;
	height: 100%;
	text-align: center;
}

.mInputText2 {
	font-family: Heebo+Medium; font-size: 14; color: #404040;
	min-width: 260px;
	max-width: 330px;
	height: 100%;
	text-align: center;
}

input.mButtonText {font-family: Heebo+Medium; font-size: 14; color: #FFFFFF}

input.sButtonText {font-family: Heebo+Medium; font-size: 12; color: #FFFFFF}

/*
.dropup {
	background-color: #377DFF; 
	position: relative;
	display: inline-block;
}*/

.dropbtn {
  background-color: #377DFF;  
  border: none;
  height: 80px;
  /*text-align: center;*/
  margin: 0;
  padding: 0;
  font-family: Heebo+Regular; font-size: 14; color: #FFFFFF
}

.dropup-content {
	background-color: #000000;
	display: none;
	/*display: block;  for testing only */
	position: absolute;  
	min-width: 160px;
	min-height: 100px;
	/*bottom: 73px;*/
	bottom: 80px;
	z-index: 1; 
	width: auto;
	height: auto;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.dropup-content a {
	font-family: Heebo+Medium; 
	font-size: 14; 
	color: #FFFFFF;
	text-decoration: none;	
}

.dropup:hover .dropup-content {
	display: block;
}

.pwText {
    -webkit-text-security: disc;
	min-width: 260px;
	max-width: 330px;
	height: 100%;
	text-align: center;
}

@font-face {
    font-family: 'text-security-disc';
    src: url('text-security-disc.eot');
}

.keyText {
    font-family: 'text-security-disc';    
}