
@font-face {
  font-family: 'lloyds_icon_font';
  src: url("../font/lloyds_icon_font.woff");
  src: url("../font/lloyds_icon_font.woff") format("woff"), url("../font/lloyds_icon_font.ttf") format("truetype"), url("../font/lloyds_icon_font.svg#lloyds_regular") format("svg");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3, h4, h5, .head.support { color: #323233; }

h1 { font-weight: 300; font-size: 40px; line-height: 40px; margin: 42px 0 8px; }

h2 { font-weight: 300; font-size: 32px; line-height: 32px; }

h3 { font-weight: bold; font-size: 22px; line-height: 26px; }

h4 { font-weight: bold; font-size: 18px; line-height: 24px; }

h5 { font-weight: bold; font-size: 17px; line-height: 25px; }

.head.support { font-weight: normal; font-size: 18px; line-height: 24px; color: #649c00; }

/* body copy */

.form.prompt, .form.text,
 .intro-copy, .text.legal { font-weight: normal; letter-spacing: 0; color: #505050; }

.form.prompt, .form.text { font-size: 15px; line-height: 22px; }

.intro-copy { font-size: 18px; line-height: 24px; }

.text.legal { font-size: 14px; line-height: 28px; }

/* form copy */

.form.label { font-weight: bold; font-size: 18px; line-height: 24px; color: #323233; }

.form.text.support { line-height: 24px; }

.form.error { font-weight: normal; font-size: 15px; line-height: 28px; color: #dc2a4d; }

/* icons */
[class^="icon-"],
[class*=" icon-"] {
  font-family: lloyds_icon_font;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  font-size: 16px;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased; }

.icon-space:before {
  content: "\00A0";
  font-family: "Lloyds Bank Jack Web Light",Arial; }

.icon-home:before {
  content: "\f001"; }

.icon-help:before {
  content: "\f002"; }

.icon-messages:before {
  content: "\f003"; }

.icon-calendar:before {
  content: "\f004"; }

.icon-quickactions:before {
  content: "\f005"; }

.icon-notifications:before {
  content: "\f006"; }
  
.icon-fileImport:before {
  content: "\e80f"; }

.icon-selectedconfirm:before {
  content: "\f007"; }

.icon-deleteerror:before {
  content: "\f008"; }

.icon-warning:before {
  content: "\f009"; }

.icon-information:before {
  content: "\f00A"; }

.icon-maximise:before {
  content: "\f00B"; }

.icon-minimise:before {
  content: "\f00C"; }

.icon-expand:before {
  content: "\f00D"; }

.icon-contract:before {
  content: "\f00E"; }

.icon-arrow:before {
  content: "\f00F"; }

.icon-refresh:before {
  content: "\f010"; }

.icon-edit:before {
  content: "\f012"; }

.icon-search:before {
  content: "\f013"; }

.icon-up:before {
  content: "\f014";
  margin-top: -1px; }

.icon-down:before {
  content: "\f015"; }

.icon-left:before, .lloyds-tbt.sidebar .top-panel .openicon:before, .lloyds-tbt.sidebar-notifications .top-panel .openicon:before, .lloyds-tbt.sidebar-quick-actions .top-panel .openicon:before {
  content: "\f016"; }

.icon-right:before, .lloyds-tbt.sidebar .top-panel .closeicon:before, .lloyds-tbt.sidebar-notifications .top-panel .closeicon:before, .lloyds-tbt.sidebar-quick-actions .top-panel .closeicon:before {
  content: "\f017"; }

.icon-downright:before {
  content: "\f018"; }

.icon-doubleleft:before {
  content: "\f019"; }

.icon-doubleright:before {
  content: "\f01A"; }

.icon-logout:before {
  content: "\f01B"; }

.icon-topleft:before {
  content: "\f01C"; }

.icon-doublearrow:before {
  content: "\f01D"; }

.icon-bold:before {
  content: "\f050"; }

.icon-italic:before {
  content: "\f051"; }

.icon-underline:before {
  content: "\f052"; }

.icon-colour:before {
  content: "\f053"; }

.icon-subscript:before {
  content: "\f054"; }

.icon-superscript:before {
  content: "\f055"; }

.icon-increasesize:before {
  content: "\f056"; }

.icon-decreasesize:before {
  content: "\f057"; }

.icon-increaseindent:before {
  content: "\f058"; }

.icon-decreaseindent:before {
  content: "\f059"; }

.icon-numberedlist:before {
  content: "\f05a"; }

.icon-bulletlist:before {
  content: "\f05b"; }

.icon-alignright:before {
  content: "\f05c"; }

.icon-alignleft:before {
  content: "\f05d"; }

.icon-aligncentre:before {
  content: "\f05e"; }

.icon-alignjustify:before {
  content: "\f060"; }

.icon-dividerline:before {
  content: "\f061"; }

.icon-specialcharacter:before {
  content: "\f062"; }

.icon-image:before {
  content: "\f063"; }

.icon-table:before {
  content: "\f064"; }

.icon-accounts:before {
  content: "\f100"; }

.icon-accountssearch:before {
  content: "\f101"; }

.icon-accountsmanage:before {
  content: "\f102"; }

.icon-accountsadd:before {
  content: "\f103"; }

.icon-clients:before {
  content: "\f104"; }

.icon-clientssearch:before {
  content: "\f105"; }

.icon-clientsmanage:before {
  content: "\f106"; }

.icon-clientsadd:before {
  content: "\f107"; }

.icon-devices:before {
  content: "\f108"; }

.icon-devicessearch:before {
  content: "\f109"; }

.icon-devicesmanage:before {
  content: "\f10a"; 
 margin-left:6px;
  }

.icon-devicesadd:before {
  content: "\f10b"; }

.icon-groups:before {
  content: "\f10c"; }

.icon-groupssearch:before {
  content: "\f10d"; }

.icon-groupsmanage:before {
  content: "\f10e"; }

.icon-groupsadd:before {
  content: "\f10f"; }

.icon-panels:before {
  content: "\f110"; }

.icon-panelssearch:before {
  content: "\f111"; }

.icon-panelsmanage:before {
  content: "\f112"; }

.icon-panelsadd:before {
  content: "\f113"; }

.icon-payments:before {
  content: "\f114"; 
  margin-left:6px;
  }

.icon-paymentssearch:before {
  content: "\f115"; }

.icon-paymentsmanage:before {
  content: "\f116"; }

.icon-paymentsadd:before {
  content: "\f117"; }

.icon-reports:before {
  content: "\f118"; }

.icon-reportssearch:before {
  content: "\f119"; }

.icon-reportsmanage:before {
  content: "\f11a"; }

.icon-reportsadd:before {
  content: "\f11b"; }

.icon-roles:before {
  content: "\f11c"; }

.icon-rolessearch:before {
  content: "\f11d"; }

.icon-rolesmanage:before {
  content: "\f11e"; }

.icon-rolesadd:before {
  content: "\f11f"; }

.icon-services:before {
  content: "\f120"; }

.icon-servicessearch:before {
  content: "\f121"; }

.icon-servicesmanage:before {
  content: "\f122"; }

.icon-servicesadd:before {
  content: "\f123"; }

.icon-users:before {
  content: "\f124"; 
 margin-left:6px;
  }
.icon-userssearch:before {
  content: "\f125"; }

.icon-usersmanage:before {
  content: "\f126"; }

.icon-usersadd:before {
  content: "\f127"; }

.icon-workspaces:before {
  content: "\f128"; }

.icon-workspacesearch:before {
  content: "\f129"; }

.icon-workspacemanage:before {
  content: "\f12a"; }

.icon-workspaceadd:before {
  content: "\f12b"; }

.icon-radioinner:before {
  content: "\e000"; }

.icon-radioouter:before {
  content: "\e001"; }

.icon-messagessearch:before {
  content: "\e002"; }

.icon-currentview:before {
  content: "\e00a";
  display: block;
  margin-top: -4px; }

.icon-historyview:before {
  content: "\e007";
  display: block;
  margin-top: -4px; }

.icon-tiledview:before {
  content: "\e003"; }

.icon-tilde:before {
  content: "\e005"; }

.icon-listview:before {
  content: "\e004"; }

.icon-inlineinfo:before {
  content: "\e006"; }

.icon-fx:before {
  content: "\e008"; }

.icon-edit2:before {
  content: "\e009"; }

.icon-copy:before {
  content: "\e00b"; }
.icon-settings:before {
  content: "\e86a";
  display: block;
  margin-top: -2px; }
 .icon-deletebin:before {
	content: "\e600";
}
.icon-alert:before {
	content: "\e601";
}
.icon-alertquick:before {
	content: "\e602";
}
.icon-alertsettings:before {
	content: "\e603";
}
.icon-allalerts:before {
	content: "\e604";
}
.icon-allpaymenttemplates:before {
	content: "\e605";
}
.icon-allreports:before {
	content: "\e606";
}
.icon-allpayments:before {
	content: "\e607";
}
.icon-bankaccountsettings:before {
	content: "\e608";
}
.icon-bankaccount:before {
	content: "\e609";
	
}
.icon-bankaccountfilters:before {
	content: "\e60a";
}
.icon-changebankaccountname:before {
	content: "\e60b";
}
.icon-company:before {
	content: "\e60c";
}
.icon-createpaymenttemplate:before {
	content: "\e60d";
}
.icon-createpayment:before {
	content: "\e60e";
}
.icon-downloadreport:before {
	content: "\e60f";
}
.icon-emailalertgroupsettings:before {
	content: "\e610";
}
.icon-emailalertrecipients:before {
	content: "\e611";
}
.icon-emailalertsettings:before {
	content: "\e612";
}
.icon-emailalerts:before {
	content: "\e613";
}
.icon-informationreportingalerts:before {
	content: "\e614";
}
.icon-informationreports:before {
	content: "\e615";
}
.icon-mypayments:before {
	content: "\e616";
}
.icon-mypaymenttemplates:before {
	content: "\e617";
}
.icon-panelprofileassignments:before {
	content: "\e618";
}
.icon-panelmanagement:before {
	content: "\e619";
}
.icon-panelapprovertypes:before {
	content: "\e61a";
}
.icon-panelprofiles:before {
	content: "\e61b";
}
.icon-paymentalerts:before {
	content: "\e61c";
}
.icon-paymentgroups:before {
	content: "\e61d";
}
.icon-paymentreports:before {
	content: "\e61e";
}
.icon-paymenttemplates:before {
	content: "\e61f";
}
.icon-payments2weeklookback:before {
	content: "\e620";
}
.icon-paymentsquick:before {
	content: "\e621";
}
.icon-paymentsmanagement:before {
	content: "\e622";
}
.icon-paymentsneedingrepair:before {
	content: "\e623";
}
.icon-paymentsprocessed:before {
	content: "\e624";
}
.icon-paymentstemplatespendingapproval:before {
	content: "\e625";
}
.icon-rejectedpaymenttemplates:before {
	content: "\e626";
}
.icon-reportexport:before {
	content: "\e627";
}
.icon-reportManagement:before {
	content: "\e804";
}
.icon-reportsquick:before {
	content: "\e629";
}
.icon-rolemaintenance:before {
	content: "\e62a";
}
.icon-rolemanagement:before {
	content: "\e62b";
}
.icon-scheduledpaymenttemplates:before {
	content: "\e62c";
}
.icon-searchusers:before {
	content: "\e62d";
}
.icon-usersquick:before {
	content: "\e62e";
}
.icon-workflow:before {
	content: "\e62f";
}
.icon-workflowsearchworkflow:before {
	content: "\e630";
}
.icon-invoicedetails:before {
	content: "\e631";
}
.icon-securitycredentials:before {
	content: "\e632";
}
.icon-replacementorder:before {
	content: "\e633";
}
.icon-newinformation:before {
	content: "\e634";
}
.icon-beneficiaryaddressbook:before {
	content: "\e635";
}
.icon-importmap:before {
	content: "\e812";
}
.icon-assignfasterpayment:before {
	content: "\e813";
}
.icon-beneficiarylibrary:before {
	content: "\e802";
}
.icon-rolealert:before {
	content: "\e811";
}
.icon-beneficiarylibraryalert:before {
	content: "\e810";
}
.icon-assignaccounts:before {
	content: "\e803";
	
}
.icon-exception:before {
	content: "\e904";
}