/* Enter your custom styles here */
@font-face{
    font-family:'campton-book';
    src:local("fonts/campton-book-webfont.eot");
    src:local("fonts/campton-book-webfont.eot?#iefix") format("embedded-opentype"),local("fonts/campton-book-webfont.woff") format("woff"),local("fonts/campton-book-webfont.ttf") format("truetype"),local("fonts/campton-book-webfont.svgcampton-book-webfont") format("svg")
}
/*Lloyds Logo  */
.cssMobileLogo{
	padding-top: 5% !important;
	padding-bottom: 9% !important;
}
.cssMobileLogoHfx{
	padding-top: 5% !important;
	    height: 75% !important;
}
.CssDesktopLogo{
	padding-left: 0.5rem !important;
}
.CssDesktopSagaLogo{
	padding-left: 0.5rem !important;
	height: 45%;
}
.cssMobileSagaLogo{
	padding-top: 5% !important;
	padding-bottom: 9% !important;
}
.cssMobileBosLogo{
	padding-top: 10% !important;
	padding-bottom: 10% !important;
}
.CssSainsDesktopLogo{
	padding-left: 0.5rem !important;
	height: 45%;
}
.CssDesktopAuthPanelBorRadius{
	border-radius: 2px !important;
}
.cssDesktopAuthPanelBorRadius{
	border-radius: 2px !important;
}
/*Header size for the logo  */
.CssDesktopLloyds{
 padding-top: 30px !important;
	height : 85px !important;
}
.CssDesktopmbna{
 padding-top: 30px !important;
	height : 25px !important;
}
.cssMobileClassLloyds{
	height : 50px !important;
	padding-top: 2px !important;
}
.cssMobileClassmbna{
	height : 20px !important;
	padding-top: 2px !important;
}
/*Header size for the logo  */
.CssDesktopSaga{
 padding-top: 30px !important;
	height : 105px !important;
}
.cssMobileClassSaga{
	height : 50px !important;
	padding-top: 2px !important;
}

/* header size hfx  */
.CssDesktopHfx{
 padding-top: 30px !important;
	height : 94px !important;
}
.cssMobileClassHfx{
	height : 50px !important;
}

/*Moz firefox brand logos*/
html[data-sap-ui-browser*='ff'] .logoLloyds{
	width: 89% !important;
	padding-bottom: 27% !important;
}
html[data-sap-ui-browser*='ff'] .logombna{
	width: 30% !important;
	padding-bottom: 27% !important;
}
/*Moz firefox brand logos*/
html[data-sap-ui-browser*='ff'] .logoSains{
	width: 80% !important;
	padding-bottom: 27% !important;
}
/*Moz firefox brand logos*/
html[data-sap-ui-browser*='ff'] .logoSaga{
	width: 80% !important;
	padding-bottom: 27% !important;
}


/* Grid for heading  */
.cssMobileGrid1Lloyds{
	padding-top: 1.5rem !important;
    padding-left: 2rem !important;
}
.CssDesktopGrid1Lloyds{
	padding-top: 6rem !important;
    padding-left: 4rem !important;
}
.CssDesktopGrid1Hfx{
	padding-top: 7.5rem !important;
    padding-left: 4rem !important;
}
/* Grid for Saga heading  */
.cssMobileGrid1Saga{
	padding-top: 1.5rem !important;
    padding-left: 2rem !important;
}
.CssDesktopGrid1Saga{
	padding-top: 6rem !important;
    padding-left: 4rem !important;
}

.CssDesktopBos{
 padding-top: 30px !important;
	height : 85px !important;
}

.cssMobileClassBos{
	height : 50px !important;
}

.CssDesktopHfx{
 padding-top: 35px !important;
	height : 94px !important;
}

.cssMobileClassHfx{
	height : 50px !important;
}

.secureImage{
	visibility: visible !important;
	 padding-bottom: 2.7rem !important; 
	padding-right: 10% !important;
	padding-left: 0.3rem !important;
}
/* lock symbol size and color*/
.lockIcon{
	font-size: 20px !important;

	
	}

.safe{
	font-size: 13px !important;
	color: #ffffff !important;
}


.claimNoFont2{
	font-size: 24px  !important;
	font-weight: medium  !important;
}

/*Claim number color  */
.cssMobileClassLloydsClaimColor{
	color :#006a4d !important;
	font-size: 16px  !important;
	font-weight: medium  !important;
	font-family: Arial !important;
}
.CssDesktopLloydsClaimColor{
	color :#006a4d !important;
	font-size: 18px  !important;
	font-weight: medium  !important;
	font-family: Arial !important;
}

/* Claim number font Bos */
.cssMobileClassBosclaimNoFont1{
	font-weight: medium  !important;
	font-size: 18px  !important;
	font-family:Arial !important;
}
.CssDesktopBosclaimNoFont1{
	font-weight: medium  !important;
	font-size: 24px  !important;
	font-family: Arial !important;
}
.cssMobileClassBosClaimColor{
	font-family: Arial !important;
	color :#05286a !important ;
	font-size: 16px  !important;
	font-weight: medium  !important;
}
.CssDesktopBosClaimColor{
	font-family: Arial !important;
    color :#05286a !important ;
	font-size: 18px  !important;
	font-weight: medium  !important;
}
/*  HFX */
.cssMobileClassHfxclaimNoFont1{
	font-weight: medium  !important;
	font-size: 18px  !important;
	font-family: Arial !important;
}
.CssDesktopHfxclaimNoFont1{
	font-weight:  medium  !important;
	font-size: 24px  !important;
	font-family:Arial !important;
}
.cssMobileClassHfxClaimColor{
	color :#0040bb !important ;
	font-size: 16px  !important;
	font-weight:  bold  !important;
	font-family: Arial !important;
}
.CssDesktopHfxClaimColor{
    color :#0040bb !important ;
	font-size: 18px  !important;
	font-weight:  bold  !important;
	font-family: Arial !important;
}


.line{
	border-top: 1px solid #b2b2b2;
}

 .bg {
	
	background-color: #eaeaea  !important ;
	} 
	
/* Custom header color */
.lloyds{
	background-color :#006a4d !important;
}
.mbna{
	background-color :#009ca6 !important;
}

.saga{
	background-color :#ffffff !important;
}

.hfx{
	background-color :#0040bb !important ;
}

.bos{
	background-color :#05286a !important ;
}
.sains{
	background-color :#ffffff !important ;
}
/*Button spacing  */ 
 .cssMobileButtonSpacing{
	padding-left: 0rem !important ;
}
.CssDesktopButtonSpacing{
	padding-left: 2rem !important ;
} 

/*Lloyds Button color */
.cssMobilebuttonColorLloyds {
	background-color :#006a4d !important ;
}
.CssDesktopbuttonColorLloyds {
	background-color :#006a4d !important ;
}

/* .cssMobilebuttonColorLloyds :hover {
   background-color :#006a4d !important ; 
    background :#006a4d !important ; 
} */
.cssMobilebuttonColorLloyds .sapMBtnContent{
	color: #ffffff !important;
	 font-family: Arial !important; 
	 font-size : 12px !important; 
}  

.CssDesktopbuttonColorLloyds.sapMBtn:hover>.sapMBtnHoverable {
    background-color: #006a4d !important;
    color: white;
}
.CssDesktopbuttonColorLloyds.sapMBtn:hover>.sapMBtnHoverable .sapMBtnIcon {
    color: white;
}

/* .CssDesktopbuttonColorLloyds :hover {
	display: none;
    background-color :#006a4d !important ;  
    background :#006a4d !important ; 
}  */
.CssDesktopbuttonColorLloyds .sapMBtnContent{
	color: #ffffff !important;
	 font-family: Arial !important; 
	 font-size : 17px !important; 
} 

/* .buttonLloyds{
	background-color :#006a4d !important ;
	} 
 
.buttonLloyds :hover {
   background-color :#006a4d !important ; 
    background :#006a4d !important ; 
}  

.buttonLloyds .sapMBtnContent{
	color: #ffffff !important;
	 font-family: Arial !important; 
	  text-overflow: ellipsis;
	 font-size : 17px !important; 
} 
.buttonLloyds .sapMBtnContent :hover{
	color: #ffffff !important;
} */

/*Bos Button color */
.buttonBos{
	background-color :#05286a !important ;
}
.buttonBos :hover {
   background-color :#05286a !important ;
   
 } 

.buttonBos .sapMBtnContent{
	color: #ffffff !important;
	 font-family: Arial !important; 
	  font-size:17px !important;  
} 
/*Hfx Button color */
/* .buttonHfx{
	background-color :#0040bb !important ;
}

.buttonHfx :hover {
   background-color :#0040bb !important ;
} 

.buttonHfx .sapMBtnContent{
	color: #ffffff !important;
	font-family: Arial !important; 
	 font-size:18px !important;  
}  */
.cssMobilebuttonColorHfx{
	background-color :#0040bb !important ;
}

/* .cssMobilebuttonColorHfx :hover {
   background-color :#0040bb !important ;
} */ 

.cssMobilebuttonColorHfx .sapMBtnContent{
	color: #ffffff !important;
	font-family: Arial !important; 
	 font-size:12px !important;  
} 
.CssDesktopbuttonColorHfx{
	background-color :#0040bb !important ;
}
.CssDesktopbuttonColorHfx.sapMBtn:hover>.sapMBtnHoverable {
    background-color: #0040bb !important;
    color: white;
}
.CssDesktopbuttonColorHfx.sapMBtn:hover>.sapMBtnHoverable .sapMBtnIcon {
    color: white;
}
/* .CssDesktopbuttonColorHfx :hover {
   background-color :#0040bb !important ;
}  */

.CssDesktopbuttonColorHfx .sapMBtnContent{
	color: #ffffff !important;
	font-family: Arial !important; 
	 font-size:18px !important;  
} 

/*  Header lloyds*/
.cssMobileClassLloydssubHeaderText{
	padding-top: 0rem !important ;
	font-weight: normal !important;
	font-size: 14px  !important;
	font-family: Arial !important;
	/* src: url("https://prototypes.cobl.zone/LloydsJackWebfont/stylesheet.css") !important; */
	/* src: url('hinted-LloydsBankJack-Light.eot') !important; */
}
.CssDesktopLloydssubHeaderText{
	padding-top: 2.5rem !important ;
	font-weight: normal !important;
	font-size: 16px  !important;
	font-family: Arial !important;
	/* src: url("https://prototypes.cobl.zone/LloydsJackWebfont/stylesheet.css") !important;  */
}
.cssMobileClassLloydsHeaderText{
	font-weight: medium !important;
	font-size: 26px  !important;
	padding-right: 1rem !important ;
	padding-left: 1rem !important ;
	font-family: Arial !important; 	
	color :#333333 !important ;
	padding-top: 1.0rem !important ;
	font-weight: bold !important;
}
.CssDesktopLloydsHeaderText{
	 font-weight: medium !important; 
	font-size: 36px  !important;
	font-family: Arial !important;
	color :#333333 !important ;
	padding-top: 0.5rem !important ;
	font-weight: bold !important;
}
.cssMobileClassSagaHeaderText{
	font-weight: medium !important;
	font-size: 26px  !important;
	padding-right: 1rem !important ;
	padding-left: 1rem !important ;
	font-family: 'campton-book', Fallback, sans-serif;	
	color :#333333 !important ;
	padding-top: 1.0rem !important ;
	font-weight: bold !important;
}
.CssDesktopSagaHeaderText{
	 font-weight: medium !important; 
	font-size: 36px  !important;
	font-family: 'campton-book', Fallback, sans-serif;
	color :#333333 !important ;
	padding-top: 0.5rem !important ;
	font-weight: bold !important;
}
/* Header BOS  */
.cssMobileClassBossubHeaderText{
	padding-top: 0rem !important ;
	font-weight: normal !important;
	font-size: 14px  !important;
	font-family: Arial !important;
}
.CssDesktopBossubHeaderText{
	padding-top: 2.5rem !important ;
	font-weight: normal !important;
	font-size: 16px  !important;
	font-family:Arial !important;
}
.cssMobileClassBosHeaderText{
	font-weight: medium !important;
	font-size: 26px  !important;
	padding-left: 1rem !important ;
	padding-right: 1rem !important ;
	color :#05286a !important ;
	font-family:Arial!important;
}
.CssDesktopBosHeaderText{
	 font-weight: medium !important; 
	font-size: 36px  !important;
	color :#05286a !important ;
	font-family:Arial !important;
}
/* Header Hfx */
.cssMobileClassHfxsubHeaderText{
	font-family: Arial !important;
	padding-top: 0rem !important ;
	font-weight: normal !important;
	font-size: 14px  !important;
}
.CssDesktopHfxsubHeaderText{
    font-family: Arial !important;
	padding-top: 2.5rem !important ;
	font-weight: normal !important;
	font-size: 16px  !important;
}
.cssMobileClassHfxHeaderText{
	font-family: Impact !important;
	font-weight: medium !important;
	font-size: 26px  !important;
	padding-right: 2rem !important ;
	color :#0040bb !important ;
	border-top: 5px solid #CD1830;
	border-bottom: 5px solid #CD1830;
	width : 80% !important ;
}
.CssDesktopHfxHeaderText{
	font-family: Arial !important;
	 font-weight: bold !important; 
	font-size: 48px  !important;
	color :#333333 !important;
}
.cssMobileClassSainsHeaderText{
	font-family: Impact !important;
	font-weight: medium !important;
	font-size: 26px  !important;
	padding-right: 2rem !important ;
	color :#f06c00 !important ;
	border-top: 5px solid #CD1830;
	border-bottom: 5px solid #CD1830;
	width : 80% !important ;
}
.CssDesktopSainsHeaderText{
	font-family: Mary Ann !important;
	 font-weight: bold !important; 
	font-size: 48px  !important;
	color :#333333 !important;
}

/* Panel2  Title 2 */
.cssMobileClassLloydsTitle2{
	padding-right: 0rem !important ;
}
.CssDesktopLloydsTitle2{
	padding-right: 0rem !important ;
}

/*IE spacing  */
html[data-sap-ui-browser*='ie']  .CssDesktopDocUploadPanelLloyds{
	width: 50rem !important ;
}

html[data-sap-ui-browser*='ie'] .CssDesktopIEspacingHbox1LBos {
	width: 50rem !important ;
} 
.cssMobileIEspacingHbox1LBos{}
.CssDesktopIEspacingHbox1Bos{}

/* lloyds Panel 2  */
.cssMobileDocUploadPanelLloyds{
	padding-right: 0rem !important ;
}
.CssDesktopDocUploadPanelLloyds{
	padding-right: 2.5rem !important ;
}

 /* Need help Lloyds   */
.cssMobileClassLloydsNeedFont{
	color :#006a4d !important ;
	font-weight: medium !important;
	font-size: 16px  !important;
	font-family:Arial !important;
}

.CssDesktopLloydsNeedFont{
	color :#006a4d !important ;
	font-weight: medium !important;
	font-size: 18px  !important;
	font-family: Arial !important;
}
.cssMobileClassLloydsPh{
	color :#006a4d !important ;
	font-weight: medium !important;
	font-size: 14px  !important;
	font-family: Arial  !important;
}
.CssDesktopLloydsPh{
	color :#006a4d !important ;
	font-weight: medium !important;
	font-size: 16px  !important;
	font-family:Arial  !important;
	
}
.needboxContentLloyds{
	font-weight: regular !important;
	font-size: 16px  !important;
	font-family:Arial !important;

}

.needboxContentBos{
	font-weight: regular !important;
	font-size: 16px  !important;
	font-family:Arial !important;
}
.needboxContentHfx{
	font-weight: regular !important;
	font-size: 16px  !important;
	font-family:Arial !important;
}
/* Need help BOS  */
.cssMobileClassBosNeedFont{
	color :#2178b0 !important ;
	font-weight: medium !important;
	font-size: 16px  !important;
	font-family: Arial !important;
}

.CssDesktopBosNeedFont{
	color :#2178b0 !important ;
	font-weight: medium !important;
	font-size: 18px  !important;
	font-family: Arial !important;
}
.cssMobileClassBosPh{
	color :#05286a !important ;
	font-weight: medium !important;
	font-size: 14px  !important;
	font-family: Arial !important;
}
.CssDesktopBosPh{
	color :#05286a !important ;
	font-weight: medium !important;
	font-size: 16px  !important;
	font-family: Arial !important;
}

/* Need help Hfx  */
.cssMobileClassHfxNeedFont{
	color: #ffffff !important;
	font-weight: bold !important;
	font-size: 16px  !important;
	font-family: Arial !important;
}

.CssDesktopHfxNeedFont{
	color: #ffffff !important;
	font-weight: bold !important;
	font-size: 18px  !important;
	font-family: Arial !important;
}
.cssMobileClassHfxPh{
	font-family:Arial !important;
	color :#0040bb !important ;
	font-weight: bold !important;
	font-size: 14px  !important;
}
.CssDesktopHfxPh{
	font-family:Arial  !important;
	color :#0040bb !important ;
	font-weight: bold !important;
	font-size: 16px  !important;
}


/*Footer color  */

.footerLloyds{
/* 	background-color :#006a4d !important ; */	
    background-color :#00513a !important ;
	  padding-left: 5% !important ;
	padding-top: 2% !important ;  
} 
.footermbna{
/* 	background-color :#006a4d !important ; */	
    background-color :#009ca6 !important ;
	  padding-left: 5% !important ;
	padding-top: 2% !important ;  
}
.footercolorLloyds{
	color: #ffffff !important;
	font-family:Arial !important;
}
.footerSaga{
/* 	background-color :#006a4d !important ; */	
    background-color :#1A658F !important ;
	  padding-left: 5% !important ;
	padding-top: 2% !important ;  
} 
.footercolorSaga{
	color: #ffffff !important;
	font-family:'campton-book', Fallback, sans-serif;
}
.footerBos{
	/* background-color :#05286a !important ; */
	background-color :#041f52 !important ;
	 padding-left: 5% !important ;
	padding-top: 2% !important ; 
} 
.footercolorBos{
	color: #ffffff !important;
	font-family: Arial !important;
}

.footer2Color{
	background-color :#041f52 !important ;
	
}

.footerHfx{
	
	background-color :#0037a2 !important ;
	 padding-left: 5% !important ;
	padding-top: 2% !important ; 
}
.footerSains{
	
	background-color :#4c4c4c !important ;
	 padding-left: 5% !important ;
	padding-top: 2% !important ; 
}


.footercolorHfx{
	color: #ffffff !important;
	font-family: Arial !important;
}
.footercolorSains{
	color: #ffffff !important;
	font-family: Mary Ann !important;
}

/* .linkColor{
	color: #ffffff !important;
} */


/*grey box for panel 1  */
.input1{
	background: #999999 !important;
	padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-right: 0.4rem;
  padding-left: 0.2rem;
} 

/*panel 2 attributes color  */
.attribute{
	background: #999999 !important;
}

 /* -- Info section LLoyds -- */
 
.infoSectionBgLloyds{
	/* background-color: #ebf8fc !important; */
	background-color: #E6EEF4 !important;
	 padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right : 10% !important;
}
.cssMobileInfoContentLloyds{
	font-weight: regular  !important;
	 font-size: 14px  !important;
	 padding-left: 1rem  !important;
	 font-family:Arial !important;
	/*  padding-right: 10%  !important; */
}
.CssDesktopInfoContentLloyds{
	font-weight: regular  !important;
	 font-size: 16px  !important;
	  padding-left: 1rem  !important;
	  font-family:Arial !important;
}
/*Browse Lloyds  */
.browseLloyds .sapMBtnInner.sapMBtnText {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important;
} 

.browseLloyds .sapMBtnContent{
	color: #006a4d !important; 
	font-weight: bold !important;
	border: 1px solid #006a4d !important;
	padding-left : 16px !important;
	padding-right : 16px !important;
	 font-family:Arial !important;
} 
/* Upload Bar lloyds */
 .uploadBarLloyds{
	  border: 2px solid #006a4d !important; 
	width: 101% !important;
	background-color :#006a4d !important ;
	} 

/* Exit Lloyds */
/* .exitLloyds .sapMBtnContent{
	color: #006a4d !important; 
	font-weight: bold !important;
	 font-family:Arial !important;
	  font-size : 12px !important; 
} */ 

.cssMobileClassLloydsexitButton .sapMBtnContent{
	color: #006a4d !important; 
	font-weight: bold !important;
	 font-family:Arial !important;
	  font-size : 12px !important; 
}
.CssDesktopLloydsexitButton .sapMBtnContent{
	color: #006a4d !important; 
	font-weight: bold !important;
	 font-family:Arial !important;
	  font-size : 17px !important; 
}
 .exitBarLloyds{
	border: 2px solid #006a4d !important;
	width: 90% !important;
} 


/* Info section Bos */
.infoSectionBgBos{
	/* background-color: #ebf8fc !important; */
	background-color: #E6EEF5 !important;
	 padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right : 10% !important;
}

.cssMobileInfoContentBos{
	font-weight: regular  !important;
	 font-size: 14px  !important;
	 padding-left: 1rem  !important;
	 font-family: Arial !important;
}
.CssDesktopInfoContentBos{
	font-weight: regular  !important;
	 font-size: 16px  !important;
	  padding-left: 1rem  !important;
	  font-family: Arial !important;
}


/*Browse Bos*/
.browseBos .sapMBtnInner.sapMBtnText {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important;
} 

.browseBos .sapMBtnContent{
	background-color: #2178b0 !important;
	color: #ffffff !important;  
	padding-left : 16px !important;
	padding-right : 16px !important;
	padding-bottom: 1.5% !important;
	font-family: Arial !important;
} 
 
/* Upload Bos Bar */
.uploadBarBos{
	    border: 1px solid #006a4d !important;  
	width: 101% !important; 
	background-color :#006a4d !important ;
	}

/* Exit Bos */
/* .exitBarBos .sapMBtnContent{
	color: #ffffff !important; 
	 font-weight: bold !important; 
	 font-family: Arial !important;
} 
.exitBarBos{
	  border-top: 3px solid #2178b0 !important; 
	padding-bottom : 2% !important;
	width: 105% !important;
	background-color: #2178b0 !important;
} */
.cssMobileClassBosexitBar .sapMBtnContent{
	color: #ffffff !important; 
	 font-weight: bold !important; 
	 font-family: Arial !important;
	  font-size : 12px !important; 
} 
.cssMobileClassBosexitBar{
	  border-top: 3px solid #2178b0 !important; 
	width: 105% !important;
	background-color: #2178b0 !important;
}
.CssDesktopBosexitBar .sapMBtnContent{
	color: #ffffff !important; 
	 font-weight: bold !important; 
	 font-family: Arial !important;
	  font-size : 17px !important; 
} 
.CssDesktopBosexitBar{
	  border-top: 3px solid #2178b0 !important; 
	width: 105% !important;
	background-color: #2178b0 !important;
}

/*Browse Hfx*/

.browseHfx .sapMBtnInner.sapMBtnText {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important;
} 

/* Upload Bar Hfx */
.uploadBarHfx{
	 border: 2px solid #0040bb !important; 
	width: 101% !important;
	background-color :#0040bb !important ;
	}

/* Exit Hfx */
/* .exitBarHfx .sapMBtnContent{
	color: #0040bb !important; 
	font-weight: bold !important;
} 
.exitBarHfx{
	border: 2px solid #0040bb !important;
	width: 90% !important;
} */
.cssMobileClassexitBarHfx .sapMBtnContent{
	color: #0040bb !important; 
	font-weight: bold !important;
	font-family: Arial !important;
	  font-size : 12px !important; 
} 
.cssMobileClassexitBarHfx{
	border: 2px solid #0040bb !important;
	width: 90% !important;
}
.CssDesktopexitBarHfx .sapMBtnContent{
	color: #0040bb !important; 
	font-weight: bold !important;
	font-family: Arial !important;
	  font-size : 18px !important; 
} 
.CssDesktopexitBarHfx{
	border: 2px solid #0040bb !important;
	width: 90% !important;
}


/* Info section Hfx */
.infoSectionBgHfx{
	/* background-color: #ebf8fc !important; */
	background-color: #EBF0FA !important;
	 padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right : 10% !important;
}

.cssMobileInfoContentHfx{
	font-weight: regular  !important;
	 font-size: 14px  !important;
	 padding-left: 1rem  !important;
	 font-family: Arial !important;
	/*  padding-right: 10%  !important; */
}
.CssDesktopInfoContentHfx{
	font-weight: regular  !important;
	 font-size: 16px  !important;
	  padding-left: 1rem  !important;
	  font-family: Arial !important;
}

/*Browse Hfx */
.browseHfx .sapMBtnInner.sapMBtnText {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important;
} 

.browseHfx .sapMBtnContent{
	color: #0040bb !important; 
	border: 1px solid #0040bb !important;
	padding-left : 16px !important;
	padding-right : 16px !important;
	font-family: Arial !important;
} 

.sapMBtn sapMBtnBase{
	background-color: #55a51c !important;
}
/* Need Help box Lloyds  */
.needHelpBoxColorLloyds {
	background-color: #ffffff !important;
	}
	
.needHelpBoxColorLloyds .sapMPanelExpandableIcon {
	color: #006a4d !important;
}
/* Need Help box Bos */
.needHelpBoxColorBos {
	background-color: #ffffff !important;
}

.needHelpBoxColorBos .sapMPanelExpandableIcon {
	color: #2178b0 !important;
}
/* Need Help box Hfx */
.needHelpBoxColorHfx{
	background-color: #0040bb !important;
}

.needHelpBoxColorHfx .sapMPanelBGTranslucent {
	background-color: #ffffff !important;
}

.needHelpBoxColorHfx .sapMPanelExpandableIcon {
	color: #ffffff !important;
}

.needHelpColorHfx{
	color: #ffffff !important;
}
.cssMobileClassHfxPh{
	color :#0040bb !important ;
	font-weight: medium !important;
	font-size: 14px  !important;
}
.CssDesktopHfxPh{
	color :#0040bb !important ;
	font-weight: medium !important;
	font-size: 16px  !important;
}

.successBox{
	background-color:  #ffffff;
    border: 1px solid #55a51c;
    padding: 25px;
    margin: 25px;
}

/* Information section Lloyds */
.cssMobileClassLloydsInfoHeader{
	font-weight: medium  !important;
	 font-size: 16px  !important;
	 padding-bottom : 0.5rem !important;
	  font-family:Arial !important;
}
.CssDesktopLloydsInfoHeader{
	font-weight: medium  !important;
	font-size: 18px  !important;
	 padding-bottom: 0.7rem !important; 
	padding-left: 0.2rem !important;
	  font-family:Arial !important;
}

/* Info image spacing  */
.cssMobileClassLloydsInfoImg{
	padding-right: 0.5rem !important;
	padding-bottom : 0.1rem !important;
	width :16px !important;
}
.CssDesktopLloydsInfoImg{
	padding-right: 0.5rem !important;
	padding-bottom : 0.1rem !important;
	width :22px !important;
}

/* Information section Bos */
.cssMobileClassBosInfoHeader{
	font-weight: bold  !important;
	 font-size: 16px  !important;
	 padding-bottom : 0.5rem !important;
	 font-family: Arial !important;
}
.CssDesktopBosInfoHeader{
	font-weight: bold  !important;
	font-size: 18px  !important;
	 padding-bottom: 0.7rem !important; 
	padding-left: 0.2rem !important;
	font-family:Arial !important;
}

/* Information section Hfx */
.cssMobileClassHfxInfoHeader{
	font-weight:  bold  !important;
	font-family: Arial !important;
	 font-size: 16px  !important;
	 padding-bottom : 0.5rem !important;
}
.CssDesktopHfxInfoHeader{
	font-weight:  bold  !important;
	font-family: Arial !important;
	font-size: 18px  !important;
	 padding-bottom: 0.7rem !important; 
	padding-left: 0.2rem !important;
}

.successTextBos{
	color: #006a4d !important;
}

.iconSizeBos{
	color: #006a4d !important;
	    font-size: 1.20rem !important;
	      
} 
.regardsTeam{
	font-weight: 80  !important;
}

/* lloyds  */

/*  .barColor{
	background-color:  #eaeaea !important;
	 opacity: 0 !important;
}  */
/*success icon Lloyds  */
.cssMobileSuccessIconLloyds{
	color: #55a51c !important;
	    font-size: 1.20rem !important;
	padding-right : 0.3rem !important;
	padding-bottom: 0.2rem !important; 
}
.CssDesktopSuccessIconLloyds{
	color: #55a51c !important;
	    font-size: 1.20rem !important;
	padding-right : 1.3rem !important; 
		padding-bottom: 0.6rem !important; 
}
/* Success text border lloyds*/
.successLloyds{
	background-color:  #ffffff;
    border: 1px solid #538302;
    padding: 25px;
    margin: 25px;
}

/* Success icon Lloyds  */
.cssMobileSuccessIconLloyds{
	color: #538302 !important;
	padding-right : 0.3rem !important;
}
.CssDesktopSuccessIconLloyds{
	color: #538302 !important;
	padding-right : 1.3rem !important;
}

/* Success text Lloyds  */
.cssMobileSuccessTextLloyds{
	font-weight: regular  !important;
	font-size: 18px  !important;
	color: #538302 !important;
	font-family:Arial !important;
}
.CssDesktopSuccessTextLloyds{
	font-weight: regular  !important;
	font-size: 18px  !important;
	color: #538302 !important;
	font-family:Arial !important;
}

/*success icon Hfx  */
.cssMobileSuccessIconHfx{
	color: #ffffff !important;
	    font-size: 1.20rem !important;
	padding-right : 0.3rem !important;
	padding-bottom: 0.2rem !important; 
}
.CssDesktopSuccessIconHfx{
	color: #ffffff !important;
	    font-size: 1.20rem !important;
	padding-right : 1.3rem !important; 
		padding-bottom: 0.6rem !important; 
}
/* Success text border Hfx*/
.successHfx{
	background-color:  #538302;
    border: 1px solid #538302;
    padding: 25px;
    margin: 25px;
}
/*Success text font and color Hfx  */
.cssMobileSuccessTextHfx{
	font-family: Arial !important;
	font-weight: regular  !important;
	font-size: 14px  !important;
	color: #ffffff !important;
}
.CssDesktopSuccessTextHfx{
	font-family: Arial !important;
	font-weight: regular  !important;
	font-size: 16px  !important;
	color: #ffffff !important;
}

/* Regards Lloyds*/
.cssMobileRegardsLloyds{
	font-weight: medium  !important;
	font-size: 16px  !important;
	font-family:Arial !important;
}
.CssDesktopRegardsLloyds{
	font-weight: medium  !important;
	font-size: 18px  !important;
	font-family:Arial !important;
}
/* Regards Bos*/
.cssMobileRegardsLloyds{
	font-weight: medium  !important;
	font-size: 16px  !important;
	font-family:Arial !important;
}
.CssDesktopRegardsLloyds{
	font-weight: medium  !important;
	font-size: 18px  !important;
	font-family:Arial !important;
}

/* Regards Hfx*/
.cssMobileRegardsHfx{
	font-weight: medium  !important;
	font-size: 16px  !important;
	font-family: Arial  !important;
}
.CssDesktopRegardsHfx{
	font-weight: medium  !important;
	font-size: 18px  !important;
	font-family: Arial !important;
}
/* Success text border Bos */
.successBos{
	background-color:  #ffffff;
    border: 1px solid #649C00;
    padding: 25px;
    margin: 25px;
} 
/* Success icon Bos  */
.cssMobileSuccessIconBos{
	color: #649C00 !important;
	padding-right : 0.3rem !important;
}
.CssDesktopSuccessIconBos{
	color: #649C00 !important;
	padding-right : 1.3rem !important;
}

/* Success text Bos  */
.cssMobileSuccessTextBos{
	font-weight: regular  !important;
	font-size: 14px  !important;
	color: #649C00 !important;
	font-family:Arial !important;
}
.CssDesktopSuccessTextBos{
	font-weight: regular  !important;
	font-size: 16px  !important;
	color: #649C00 !important;
	font-family:Arial !important;
}
/* HFX */
.subHeaderTextHfx{
	/*  padding-bottom: 1rem !important ;  */
}

/* .successHfx{
	background-color:  #649C00;
    border: 1px solid #55a51c;
    padding: 25px;
    margin: 25px;
} */
.successTextHfx{
	 color :#ffffff !important ;
}

.iconSizeHfx{
	color: #ffffff !important;
	    font-size: 1.20rem !important;
	    padding : 2px !important;
} 
	
.errorLloyds{
	color: #ADADAD !important;
	 font-size: 30px !important;
    font-weight: 500 !important;
    font-family:Arial !important;
}
.errorBos{
	color: #B2B2B2 !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    font-family:Arial !important;
}
.errorHfx{
	color: #CCCCCC !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    font-family:Arial !important;
}
.cssMobileAlert{
	height: 50% !important;
	
	}
.CssDesktopAlert{
	height: 65% !important;
	width: 65% !important;
	}
.text1Lloyds{
	font-weight: 500  !important;
	font-size: 18px  !important;
	font-family: Arial !important;
	color: #101010 !important;
}
.text1Saga{
	font-weight: 500  !important;
	font-size: 18px  !important;
	font-family: 'campton-book', Fallback, sans-serif;
	color: #101010 !important;
}  	
.text1Bos{
	font-weight: bold  !important;
	font-size: 24px  !important;
	font-family: Arial !important;
	}
.text1Hfx{
	font-weight:  bold  !important;
	font-size: 24px  !important;
	font-family: Arial !important;
}	
.text1Sains{
	font-weight:  bold  !important;
	font-size: 24px  !important;
	font-family: Mary Ann !important;
}	
.text2Lloyds{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight: 100 !important;
	padding-top: 1rem !important;
	color: #696969 !important;
	}
	.text5Lloyds{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight: 100 !important;
	padding-top: 1rem !important;
	color: #696969 !important;
	
}	
.text2Saga{
	font-size: 18px  !important;
	font-family: 'campton-book', Fallback, sans-serif;
	font-weight: 100 !important;
	padding-top: 1rem !important;
	color: #696969 !important;
	}
	.text5Saga{
	font-size: 18px  !important;
	font-family: 'campton-book', Fallback, sans-serif;
	font-weight: 100 !important;
	padding-top: 1rem !important;
	color: #696969 !important;
	
}	
.text2Bos{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight:  100  !important;
	color: #323233 !important;
	padding-top: 1rem !important;
}
.text5Bos{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight:  100  !important;
	color: #323233 !important;
	padding-top: 1rem !important;
}
.text2Hfx{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight:  100  !important;
	color: #323233 !important;
	padding-top: 1rem !important;
}
.text5Hfx{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight:  100  !important;
	color: #323233 !important;
	padding-top: 1rem !important;
}
.text2Sains{
	font-size: 18px  !important;
	font-family: Mary Ann !important;
	font-weight:  100  !important;
	color: #323233 !important;
	padding-top: 1rem !important;
}
.text5Sains{
	font-size: 18px  !important;
	font-family: Mary Ann !important;
	font-weight:  100  !important;
	color: #323233 !important;
	padding-top: 1rem !important;
}
.phoneLloyds{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight:  800  !important;
	color: #006A4D !important;
	text-decoration: underline;	
	padding-top: 0.8rem !important;
	padding-left: 0.5rem !important; 
}
.phonembna{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight:  800  !important;
	color: #009ca6 !important;
	text-decoration: underline;	
	padding-top: 0.8rem !important;
	padding-left: 0.5rem !important; 
}
.phoneBos{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight:  800  !important;
	color: #005ba2 !important;
	text-decoration: underline;
	padding-top: 0.8rem !important;
	padding-left: 0.5rem !important;	
}
.phoneHfx{
	font-size: 18px  !important;
	font-family: Arial !important;
	font-weight:  800  !important;
	color: #0040BB !important;
	text-decoration: underline;	
	padding-top: 0.8rem !important;
	padding-left: 0.5rem !important;
	
}
.phoneSains{
	font-size: 18px  !important;
	font-family: Mary Ann !important;
	font-weight:  800  !important;
	color: #f06c00 !important;
	text-decoration: underline;	
	padding-top: 0.8rem !important;
	padding-left: 0.5rem !important;
	
}
.phoneSaga{
	font-size: 18px  !important;
	font-family: 'campton-book', Fallback, sans-serif;
	font-weight:  800  !important;
	color: #1A658F !important;
	text-decoration: underline;	
	padding-top: 0.8rem !important;
	padding-left: 0.5rem !important; 
}