/* Minification failed. Returning unminified contents.
(6214,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio'
(6225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7045,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
 */
/* FIXED POSITIONS */
/* COLOUR THEMES */
/* FONTS */
/* BOXES */
/* MENU */
/* TABLES */
/* Buttons */
/* TOGGLE BUTTON STYLE */
/* PRIMARY LARGE BUTTON STYLE */
/* SECONDARY LARGE BUTTON STYLE */
/* PRIMARY MEDIUM BUTTON STYLE */
/* JAVASCRIPT CONTEXT MENUS */
/* Headers */
/* Inputs */
/* Notifications */
/* key pad */
/* Form */
/* Side bar */
/* FIXED POSITIONS */
/* COLOUR THEMES */
/* FONTS */
/* BOXES */
/* TABLES */
/* NOTIFICATION COLOURS */
/* Buttons */
/* PRIMARY LARGE BUTTON STYLE */
/* SECONDARY LARGE BUTTON STYLE */
/* PRIMARY MEDIUM BUTTON STYLE */
/* TOGGLE BUTTON STYLE */
/* JAVASCRIPT CONTEXT MENUS */
/* Form layout gradiants */
/* Headers */
/*1.750em;*/
/*1.500em*/
/*1.125em*/
/* key pad */
/* Form */
/* MENU */
/* horizontal menu variables */
/* Side bar */
/* HEADER BODY BUTTON TEXT COLOURS */
/* TOGGLE BUTTON STYLE */
/* MIXINS */
/*
    background: -moz-linear-gradient(top,  @from @fromLocation, @to @toLocation); /* FF3.6+ * /
    background: -webkit-gradient(linear, left top, left bottom, color-stop(@fromLocation,@from), color-stop(@toLocation,@to)); /* Chrome,Safari4+ * /
    background: -webkit-linear-gradient(top,  @from @fromLocation,@to @toLocation); /* Chrome10+,Safari5.1+ * /
    background: -o-linear-gradient(top,  @from @fromLocation,@to @toLocation); /* Opera 11.10+ * /
    background: -ms-linear-gradient(top,  @from @fromLocation,@to @toLocation); /* IE10+ * /
    background: linear-gradient(to bottom,  @from @fromLocation,@to @toLocation); /* W3C * /	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{from}', endColorstr='@{to}',GradientType=0 );
}
*/
/* NOTIFICATIONS */

.error {
  position: relative;
  margin: 0 auto 20px;
  padding: 5px 20px;
  background-color: #cc0838;
  color: white;
  min-height: 50px;
  display: table;
  width: 95%;
  padding-left: 60px;
  font-size: 14px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.error p {
  color: white;
  font: Cabin;
  font-weight: bold;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
}
.error span {
  display: none;
}
.error:before {
  content: "";
  float: left;
  left: 10px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/messages.png);
  width: 34px;
  height: 34px;
  background-position: -2px -2px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
}
.error a {
  color: white !important;
  text-decoration: underline;
}
.warning {
  position: relative;
  margin: 0 auto 20px;
  padding: 5px 20px;
  background-color: #fbb901;
  color: white;
  min-height: 50px;
  display: table;
  width: 95%;
  padding-left: 60px;
  font-size: 14px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.warning p {
  color: white;
  font: Cabin;
  font-weight: bold;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
}
.warning span {
  display: none;
}
.warning:before {
  content: "";
  float: left;
  left: 10px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/messages.png);
  width: 34px;
  height: 34px;
  background-position: -110px -2px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
}
.info {
  position: relative;
  margin: 0 auto 20px;
  padding: 5px 20px;
  background-color: #545454;
  color: white;
  min-height: 50px;
  display: table;
  width: 95%;
  padding-left: 60px;
  font-size: 14px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.info p {
  color: white;
  font: Cabin;
  font-weight: bold;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
}
.info span {
  display: none;
}
.info:before {
  content: "";
  left: 10px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/messages.png);
  width: 34px;
  height: 34px;
  background-position: -38px -2px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
}
.info a,
.info a-active,
.info a:visited {
  color: white;
  text-decoration: underline;
}
.success {
  position: relative;
  margin: 0 auto 20px;
  padding: 5px 20px;
  background-color: #27ae5f;
  color: white;
  min-height: 50px;
  display: table;
  width: 95%;
  padding-left: 60px;
  font-size: 14px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.success p {
  color: white;
  font: Cabin;
  font-weight: bold;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
}
.success span {
  display: none;
}
.success:before {
  content: "";
  float: left;
  left: 10px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/messages.png);
  width: 34px;
  height: 34px;
  background-position: -74px -2px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
}
/* FORM FIELDS ----------------------------------------------------------*/

.filterPanel {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  margin: 20px 0px 40px 0px;
  padding: 0px 0px 0px 20px;
}
#forms .inlineGroup {
  margin-bottom: 10px;
  min-height: 31px;
}
#forms .inlineGroup select {
  padding: 1px;
}
#forms .inlineGroup input,
#forms .inlineGroup select {
  height: 30px;
  width: 400px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 #forms .inlineGroup input,
.ie7 #forms .inlineGroup select {
  height: 27px;
  padding-left: 0px;
}
#forms .inlineGroup p {
  display: inline-block;
  font-weight: bold;
  margin: 0px;
}
#forms .inlineGroup label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
#forms .inlineGroup .inputFocus {
  border: 1px solid;
}
#forms .inlineGroup .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
#forms .stdForm input,
#forms .stdForm select {
  width: 75%;
}
#forms .stdForm input[type=checkbox] {
  width: auto;
}
#forms .stdForm input[type=radio] {
  vertical-align: bottom;
}
#forms .stdForm .datePicker {
  position: relative;
  width: 120px;
  display: inline-block;
  margin-bottom: 0;
}
#forms .stdForm .datePicker input[type=text] {
  width: 100%;
  position: relative;
}
#forms .stdForm .datePicker .ui-datepicker-trigger {
  position: absolute;
  right: 2px;
  bottom: 3px;
}
#forms .stdForm input[type=text],
#forms .stdForm input[type=password],
#forms .stdForm textarea {
  width: 40%;
  vertical-align: top;
}
#forms .stdForm textarea {
  height: 47px;
}
#forms .stdForm .shortFormInput {
  width: 40%;
}
#forms .stdForm.longLabelName label {
  line-height: 1.5em;
}
#forms .stdForm img {
  vertical-align: bottom;
}
#forms .formLabel {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
/* SPRITES */
.icon-menu-accounts {
  width: 25px;
  height: 25px;
  background-position: -25px 0px;
}
.icon-menu-accounts-active {
  width: 25px;
  height: 25px;
  background-position: 0px 0px;
}
.icon-menu-bpay {
  width: 25px;
  height: 25px;
  background-position: -25px -25px;
}
.icon-menu-bpay-active {
  width: 25px;
  height: 25px;
  background-position: 0px -25px;
}
.icon-menu-e-statements {
  width: 25px;
  height: 25px;
  background-position: -25px -50px;
}
.icon-menu-e-statements-active {
  width: 25px;
  height: 25px;
  background-position: 0px -50px;
}
.icon-menu-messages {
  width: 25px;
  height: 25px;
  background-position: -25px -75px;
}
.icon-menu-messages-active {
  width: 25px;
  height: 25px;
  background-position: 0px -75px;
}
.icon-menu-security {
  width: 25px;
  height: 25px;
  background-position: -25px -100px;
}
.icon-menu-security-active {
  width: 25px;
  height: 25px;
  background-position: 0px -100px;
}
.icon-menu-services {
  width: 25px;
  height: 25px;
  background-position: -25px -125px;
}
.icon-menu-services-active {
  width: 25px;
  height: 25px;
  background-position: 0px -125px;
}
.icon-menu-settings {
  width: 25px;
  height: 25px;
  background-position: -25px -150px;
}
.icon-menu-settings-active {
  width: 25px;
  height: 25px;
  background-position: 0px -150px;
}
.icon-menu-transfers {
  width: 25px;
  height: 25px;
  background-position: -25px -175px;
}
.icon-menu-transfers-active {
  width: 25px;
  height: 25px;
  background-position: 0px -175px;
}
/* PRIMARY LAYOUT ----------------------------------------------- */

body {
  background-color: white;
}
html,
body,
input,
select,
textarea {
  font-family: Cabin;
  color: #666666;
}
input,
select,
textarea {
  font-size: 14px;
}
input[type="radio"] {
  vertical-align: baseline;
  margin-right: 5px;
  padding: 10px;
}
#pageWrap {
  width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
.bodyContainer {
  overflow: auto;
  width: 100%;
  position: relative;
}
section.mainContent {
  /*width: @pageWidth - @menuWidth - @defaultMargin;*/
  padding: 20px 0px 20px 20px;
  min-height: 540px;
}
section.mainContent h2 {
  margin-bottom: 20px;
}
section.mainContent h3 {
  margin-bottom: 10px;
}
/* HEADINGS AND DEFAULTS ---------------------------------------------------------- */

h1,
h2,
h3 {
  font-family: 'Bitter';
  font-weight: bold;
}
h1 {
  font-size: 28px;
  color: white;
}
h2 {
  font-size: 24px;
  color: #cc0838;
}
h3 {
  font-size: 18px;
  color: #cc0838;
}
h4 {
  padding-bottom: 5px;
  font-size: 0.571em;
  color: #666666;
}
h5 {
  font-size: 0.571em;
  color: white;
}
h6 {
  font-size: 0.571em;
  font-weight: bold;
  margin-bottom: 5px;
}
a,
a:active,
a:visited {
  color: #cc0838;
}
.ui-widget {
  font-size: 14px !important;
}
b {
  font-weight: normal;
}
i {
  font-style: normal;
}
ul {
  list-style: none inside;
  margin: 0px;
  padding: 0px;
}
p {
  font-size: 14px;
  line-height: 28px;
  color: black;
  margin-bottom: 0;
}
span.bpay {
  font-size: 85%;
}
span.form-link {
  font-size: 14px;
}
/* MAIN CONTENT --------------------------------------------------------*/

section.loginContent .buttonList,
section.mainContent .buttonList {
  height: auto;
  float: right;
}
section.loginContent .buttonList li,
section.mainContent .buttonList li {
  display: inline;
  list-style-type: none;
}
section.loginContent .buttonList [type=submit].btnCancel,
section.mainContent .buttonList [type=submit].btnCancel,
section.loginContent .buttonList a.btnCancel,
section.mainContent .buttonList a.btnCancel,
section.loginContent .buttonList input[type=button].btnCancel,
section.mainContent .buttonList input[type=button].btnCancel,
section.loginContent .buttonList button.btnCancel,
section.mainContent .buttonList button.btnCancel {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
}
section.loginContent .buttonList [type=submit].btnCancel:hover,
section.mainContent .buttonList [type=submit].btnCancel:hover,
section.loginContent .buttonList a.btnCancel:hover,
section.mainContent .buttonList a.btnCancel:hover,
section.loginContent .buttonList input[type=button].btnCancel:hover,
section.mainContent .buttonList input[type=button].btnCancel:hover,
section.loginContent .buttonList button.btnCancel:hover,
section.mainContent .buttonList button.btnCancel:hover {
  background-color: #777777;
  color: white;
}
section.loginContent .buttonList [type=submit].btnCancel:active,
section.mainContent .buttonList [type=submit].btnCancel:active,
section.loginContent .buttonList a.btnCancel:active,
section.mainContent .buttonList a.btnCancel:active,
section.loginContent .buttonList input[type=button].btnCancel:active,
section.mainContent .buttonList input[type=button].btnCancel:active,
section.loginContent .buttonList button.btnCancel:active,
section.mainContent .buttonList button.btnCancel:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
section.loginContent .buttonList [type=submit].btnConfirm,
section.mainContent .buttonList [type=submit].btnConfirm,
section.loginContent .buttonList a.btnConfirm,
section.mainContent .buttonList a.btnConfirm,
section.loginContent .buttonList input[type=button].btnConfirm,
section.mainContent .buttonList input[type=button].btnConfirm,
section.loginContent .buttonList button.btnConfirm,
section.mainContent .buttonList button.btnConfirm {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
}
section.loginContent .buttonList [type=submit].btnConfirm:hover,
section.mainContent .buttonList [type=submit].btnConfirm:hover,
section.loginContent .buttonList a.btnConfirm:hover,
section.mainContent .buttonList a.btnConfirm:hover,
section.loginContent .buttonList input[type=button].btnConfirm:hover,
section.mainContent .buttonList input[type=button].btnConfirm:hover,
section.loginContent .buttonList button.btnConfirm:hover,
section.mainContent .buttonList button.btnConfirm:hover {
  background-color: #27ae5f;
  color: white;
}
section.loginContent .buttonList [type=submit].btnConfirm:active,
section.mainContent .buttonList [type=submit].btnConfirm:active,
section.loginContent .buttonList a.btnConfirm:active,
section.mainContent .buttonList a.btnConfirm:active,
section.loginContent .buttonList input[type=button].btnConfirm:active,
section.mainContent .buttonList input[type=button].btnConfirm:active,
section.loginContent .buttonList button.btnConfirm:active,
section.mainContent .buttonList button.btnConfirm:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.loginContent .buttonList [type=submit]:disabled,
section.mainContent .buttonList [type=submit]:disabled,
section.loginContent .buttonList a:disabled,
section.mainContent .buttonList a:disabled,
section.loginContent .buttonList input[type=button]:disabled,
section.mainContent .buttonList input[type=button]:disabled,
section.loginContent .buttonList button:disabled,
section.mainContent .buttonList button:disabled {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  /*.linearGradient(@buttonPrimaryLargeTop, @buttonPrimaryLargeBottom, 29%, 100%);*/
  opacity: 0.25;
  filter: alpha(opacity=25);
  /* For IE8 and earlier */

}
section.loginContent .buttonList [type=submit]:disabled:hover,
section.mainContent .buttonList [type=submit]:disabled:hover,
section.loginContent .buttonList a:disabled:hover,
section.mainContent .buttonList a:disabled:hover,
section.loginContent .buttonList input[type=button]:disabled:hover,
section.mainContent .buttonList input[type=button]:disabled:hover,
section.loginContent .buttonList button:disabled:hover,
section.mainContent .buttonList button:disabled:hover {
  background-color: #27ae5f;
  color: white;
}
section.loginContent .buttonList [type=submit]:disabled:active,
section.mainContent .buttonList [type=submit]:disabled:active,
section.loginContent .buttonList a:disabled:active,
section.mainContent .buttonList a:disabled:active,
section.loginContent .buttonList input[type=button]:disabled:active,
section.mainContent .buttonList input[type=button]:disabled:active,
section.loginContent .buttonList button:disabled:active,
section.mainContent .buttonList button:disabled:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.loginContent .buttonList [type=submit].btnDisabled,
section.mainContent .buttonList [type=submit].btnDisabled,
section.loginContent .buttonList a.btnDisabled,
section.mainContent .buttonList a.btnDisabled,
section.loginContent .buttonList input[type=button].btnDisabled,
section.mainContent .buttonList input[type=button].btnDisabled,
section.loginContent .buttonList button.btnDisabled,
section.mainContent .buttonList button.btnDisabled {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  /*.linearGradient(@buttonPrimaryLargeTop, @buttonPrimaryLargeBottom, 29%, 100%);*/
  opacity: 0.25;
  filter: alpha(opacity=25);
  /* For IE8 and earlier */

}
section.loginContent .buttonList [type=submit].btnDisabled:hover,
section.mainContent .buttonList [type=submit].btnDisabled:hover,
section.loginContent .buttonList a.btnDisabled:hover,
section.mainContent .buttonList a.btnDisabled:hover,
section.loginContent .buttonList input[type=button].btnDisabled:hover,
section.mainContent .buttonList input[type=button].btnDisabled:hover,
section.loginContent .buttonList button.btnDisabled:hover,
section.mainContent .buttonList button.btnDisabled:hover {
  background-color: #27ae5f;
  color: white;
}
section.loginContent .buttonList [type=submit].btnDisabled:active,
section.mainContent .buttonList [type=submit].btnDisabled:active,
section.loginContent .buttonList a.btnDisabled:active,
section.mainContent .buttonList a.btnDisabled:active,
section.loginContent .buttonList input[type=button].btnDisabled:active,
section.mainContent .buttonList input[type=button].btnDisabled:active,
section.loginContent .buttonList button.btnDisabled:active,
section.mainContent .buttonList button.btnDisabled:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.loginContent .buttonList [type=submit].aspNetDisabled,
section.mainContent .buttonList [type=submit].aspNetDisabled,
section.loginContent .buttonList a.aspNetDisabled,
section.mainContent .buttonList a.aspNetDisabled,
section.loginContent .buttonList input[type=button].aspNetDisabled,
section.mainContent .buttonList input[type=button].aspNetDisabled,
section.loginContent .buttonList button.aspNetDisabled,
section.mainContent .buttonList button.aspNetDisabled {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  /*.linearGradient(@buttonPrimaryLargeTop, @buttonPrimaryLargeBottom, 29%, 100%);*/
  opacity: 0.25;
  filter: alpha(opacity=25);
  /* For IE8 and earlier */

}
section.loginContent .buttonList [type=submit].aspNetDisabled:hover,
section.mainContent .buttonList [type=submit].aspNetDisabled:hover,
section.loginContent .buttonList a.aspNetDisabled:hover,
section.mainContent .buttonList a.aspNetDisabled:hover,
section.loginContent .buttonList input[type=button].aspNetDisabled:hover,
section.mainContent .buttonList input[type=button].aspNetDisabled:hover,
section.loginContent .buttonList button.aspNetDisabled:hover,
section.mainContent .buttonList button.aspNetDisabled:hover {
  background-color: #27ae5f;
  color: white;
}
section.loginContent .buttonList [type=submit].aspNetDisabled:active,
section.mainContent .buttonList [type=submit].aspNetDisabled:active,
section.loginContent .buttonList a.aspNetDisabled:active,
section.mainContent .buttonList a.aspNetDisabled:active,
section.loginContent .buttonList input[type=button].aspNetDisabled:active,
section.mainContent .buttonList input[type=button].aspNetDisabled:active,
section.loginContent .buttonList button.aspNetDisabled:active,
section.mainContent .buttonList button.aspNetDisabled:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.loginContent .buttonList [type=submit].btnDoNoRemind,
section.mainContent .buttonList [type=submit].btnDoNoRemind,
section.loginContent .buttonList a.btnDoNoRemind,
section.mainContent .buttonList a.btnDoNoRemind,
section.loginContent .buttonList input[type=button].btnDoNoRemind,
section.mainContent .buttonList input[type=button].btnDoNoRemind,
section.loginContent .buttonList button.btnDoNoRemind,
section.mainContent .buttonList button.btnDoNoRemind {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
}
section.loginContent .buttonList [type=submit].btnDoNoRemind:hover,
section.mainContent .buttonList [type=submit].btnDoNoRemind:hover,
section.loginContent .buttonList a.btnDoNoRemind:hover,
section.mainContent .buttonList a.btnDoNoRemind:hover,
section.loginContent .buttonList input[type=button].btnDoNoRemind:hover,
section.mainContent .buttonList input[type=button].btnDoNoRemind:hover,
section.loginContent .buttonList button.btnDoNoRemind:hover,
section.mainContent .buttonList button.btnDoNoRemind:hover {
  background-color: #777777;
  color: white;
}
section.loginContent .buttonList [type=submit].btnDoNoRemind:active,
section.mainContent .buttonList [type=submit].btnDoNoRemind:active,
section.loginContent .buttonList a.btnDoNoRemind:active,
section.mainContent .buttonList a.btnDoNoRemind:active,
section.loginContent .buttonList input[type=button].btnDoNoRemind:active,
section.mainContent .buttonList input[type=button].btnDoNoRemind:active,
section.loginContent .buttonList button.btnDoNoRemind:active,
section.mainContent .buttonList button.btnDoNoRemind:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
section.loginContent .buttonList [type=submit].btnRegister,
section.mainContent .buttonList [type=submit].btnRegister,
section.loginContent .buttonList a.btnRegister,
section.mainContent .buttonList a.btnRegister,
section.loginContent .buttonList input[type=button].btnRegister,
section.mainContent .buttonList input[type=button].btnRegister,
section.loginContent .buttonList button.btnRegister,
section.mainContent .buttonList button.btnRegister {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
}
section.loginContent .buttonList [type=submit].btnRegister:hover,
section.mainContent .buttonList [type=submit].btnRegister:hover,
section.loginContent .buttonList a.btnRegister:hover,
section.mainContent .buttonList a.btnRegister:hover,
section.loginContent .buttonList input[type=button].btnRegister:hover,
section.mainContent .buttonList input[type=button].btnRegister:hover,
section.loginContent .buttonList button.btnRegister:hover,
section.mainContent .buttonList button.btnRegister:hover {
  background-color: #777777;
  color: white;
}
section.loginContent .buttonList [type=submit].btnRegister:active,
section.mainContent .buttonList [type=submit].btnRegister:active,
section.loginContent .buttonList a.btnRegister:active,
section.mainContent .buttonList a.btnRegister:active,
section.loginContent .buttonList input[type=button].btnRegister:active,
section.mainContent .buttonList input[type=button].btnRegister:active,
section.loginContent .buttonList button.btnRegister:active,
section.mainContent .buttonList button.btnRegister:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
section.loginContent .btnPrimaryLarge,
section.mainContent .btnPrimaryLarge {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
}
section.loginContent .btnPrimaryLarge:hover,
section.mainContent .btnPrimaryLarge:hover {
  background-color: #27ae5f;
  color: white;
}
section.loginContent .btnPrimaryLarge:active,
section.mainContent .btnPrimaryLarge:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.loginContent .btnSecondaryLarge,
section.mainContent .btnSecondaryLarge {
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
}
section.loginContent .btnSecondaryLarge:hover,
section.mainContent .btnSecondaryLarge:hover {
  background-color: #777777;
  color: white;
}
section.loginContent .btnSecondaryLarge:active,
section.mainContent .btnSecondaryLarge:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
section.loginContent .btnPrimaryMedium,
section.mainContent .btnPrimaryMedium {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  border-radius: 15px/50%;
  border-width: 2px !important;
}
section.loginContent .btnPrimaryMedium:hover,
section.mainContent .btnPrimaryMedium:hover {
  background-color: #27ae5f;
  color: white;
}
section.loginContent .btnPrimaryMedium:active,
section.mainContent .btnPrimaryMedium:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.loginContent .btnSecondaryMedium,
section.mainContent .btnSecondaryMedium {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
}
section.loginContent .btnSecondaryMedium:hover,
section.mainContent .btnSecondaryMedium:hover {
  background-color: #777777;
  color: white;
}
section.loginContent .btnSecondaryMedium:active,
section.mainContent .btnSecondaryMedium:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
section.loginContent .btnPrimaryMedium:disabled,
section.mainContent .btnPrimaryMedium:disabled {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  border-radius: 15px/50%;
  border-width: 2px !important;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /* For IE8 and earlier */

}
section.loginContent .btnPrimaryMedium:disabled:hover,
section.mainContent .btnPrimaryMedium:disabled:hover {
  background-color: #27ae5f;
  color: white;
}
section.loginContent .btnPrimaryMedium:disabled:active,
section.mainContent .btnPrimaryMedium:disabled:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.loginContent .loginWrapper,
section.mainContent .loginWrapper {
  margin: 0 20px;
}
section.loginContent .loginWrapper > h2,
section.mainContent .loginWrapper > h2 {
  margin: 0 0 20px 20px;
}
section.loginContent .forgottenDetails,
section.mainContent .forgottenDetails {
  margin-bottom: 20px;
}
section.loginContent .forgottenDetails .message,
section.mainContent .forgottenDetails .message {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  margin: 20px 0px 40px 0px;
  padding: 20px 20px 0;
  overflow: auto;
}
section.loginContent .forgottenDetails .message p,
section.mainContent .forgottenDetails .message p {
  display: inline-block;
  font-weight: bold;
}
section.loginContent .forgottenDetails .message a.btnConfirm,
section.mainContent .forgottenDetails .message a.btnConfirm {
  margin-top: 20px;
  padding: 0px 10px;
  width: auto;
}
section.loginContent {
  overflow: auto;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
section.loginContent h2.changePassword {
  margin: 0 0 20px 20px;
}
.horizontalFormRow {
  position: relative;
  margin: 10px 0px;
  overflow: auto;
  width: 100%;
  /* Fix for select box vertical alignment */

  /* http://stackoverflow.com/a/5440037 */

  /* http://stackoverflow.com/questions/952861/targeting-only-firefox-with-css */

}
.horizontalFormRow h6 {
  margin-bottom: 0;
  margin-top: 10px;
}
.horizontalFormRow > div {
  padding-right: 20px;
  position: relative;
}
.horizontalFormRow select {
  padding: 1px;
}
.horizontalFormRow input,
.horizontalFormRow select {
  height: 30px;
  width: 100%;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .horizontalFormRow input,
.ie7 .horizontalFormRow select {
  height: 27px;
  padding-left: 0px;
}
@-moz-document url-prefix() {
  .horizontalFormRow select {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
.horizontalFormRow .datePicker {
  width: 135px;
}
.horizontalFormRow .datePicker input {
  width: 100%;
  position: relative;
}
.ie7 .horizontalFormRow .datePicker input {
  float: left;
}
.horizontalFormRow .ui-datepicker-trigger {
  position: absolute;
  right: 22px;
  bottom: 2px;
}
.ie7 .horizontalFormRow .ui-datepicker-trigger {
  float: right;
}
.horizontalFormRow .searchBtn input {
  /*position: absolute;
        bottom: 1px;
        right: 0;

        input[type=submit] {		
            .buttonMedium();
			.size(30px, 81px);
			.roundedCorners(2px);
        }*/

  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  border-radius: 15px/50%;
  border-width: 2px !important;
}
.horizontalFormRow .searchBtn input:hover {
  background-color: #27ae5f;
  color: white;
}
.horizontalFormRow .searchBtn input:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
.horizontalFormRow .editBtn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.horizontalFormRow .editBtn input[type=submit] {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
}
.verticalReadonlyForm {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
}
.verticalReadonlyForm div {
  margin-bottom: 10px;
  min-height: 31px;
}
.verticalReadonlyForm div select {
  padding: 1px;
}
.verticalReadonlyForm div input,
.verticalReadonlyForm div select {
  height: 30px;
  width: 400px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .verticalReadonlyForm div input,
.ie7 .verticalReadonlyForm div select {
  height: 27px;
  padding-left: 0px;
}
.verticalReadonlyForm div p {
  display: inline-block;
  font-weight: bold;
  margin: 0px;
}
.verticalReadonlyForm div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.verticalReadonlyForm div .inputFocus {
  border: 1px solid;
}
.verticalReadonlyForm div .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
.verticalReadonlyForm div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.verticalReadonlyForm div input,
.verticalReadonlyForm div select {
  width: 75%;
}
.verticalReadonlyForm div input[type=checkbox] {
  width: auto;
}
.verticalReadonlyForm div input[type=radio] {
  vertical-align: bottom;
}
.verticalReadonlyForm div .datePicker {
  position: relative;
  width: 120px;
  display: inline-block;
  margin-bottom: 0;
}
.verticalReadonlyForm div .datePicker input[type=text] {
  width: 100%;
  position: relative;
}
.verticalReadonlyForm div .datePicker .ui-datepicker-trigger {
  position: absolute;
  right: 2px;
  bottom: 3px;
}
.verticalReadonlyForm div input[type=text],
.verticalReadonlyForm div input[type=password],
.verticalReadonlyForm div textarea {
  width: 40%;
  vertical-align: top;
}
.verticalReadonlyForm div textarea {
  height: 47px;
}
.verticalReadonlyForm div .shortFormInput {
  width: 40%;
}
.verticalReadonlyForm div.longLabelName label {
  line-height: 1.5em;
}
.verticalReadonlyForm div img {
  vertical-align: bottom;
}
.verticalReadonlyForm div .radioButtonList label,
.verticalReadonlyForm div .radioButtonList input {
  width: auto;
  vertical-align: auto;
  font-weight: normal;
}
.verticalReadonlyForm div .radioButtonList label {
  padding-left: 5px;
  padding-right: 20px;
  vertical-align: bottom;
}
.verticalReadonlyForm div .radioButtonList input[type="radio"] {
  height: 20px;
}
.verticalReadonlyForm div .ignoreLabel {
  width: auto;
  font-wight: auto;
}
.verticalReadonlyForm div select.month,
.verticalReadonlyForm div select.year {
  width: 90px;
}
.verticalReadonlyForm p.unemphasisedFormInfo {
  font-weight: normal;
}
.verticalReadonlyForm p.formElementComment {
  font-weight: normal;
  margin-left: 185px;
}
@-moz-document url-prefix() {
  .verticalForm div select {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
@-moz-document url-prefix() {
  .verticalReadonlyForm div select {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
.explicitVerticalForm {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
}
.explicitVerticalForm .row {
  margin-bottom: 10px;
  min-height: 31px;
}
.explicitVerticalForm .row select {
  padding: 1px;
}
.explicitVerticalForm .row input,
.explicitVerticalForm .row select {
  height: 30px;
  width: 400px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .explicitVerticalForm .row input,
.ie7 .explicitVerticalForm .row select {
  height: 27px;
  padding-left: 0px;
}
.explicitVerticalForm .row p {
  display: inline-block;
  font-weight: bold;
  margin: 0px;
}
.explicitVerticalForm .row label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.explicitVerticalForm .row .inputFocus {
  border: 1px solid;
}
.explicitVerticalForm .row .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
.explicitVerticalForm .row label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.explicitVerticalForm .row input,
.explicitVerticalForm .row select {
  width: 75%;
}
.explicitVerticalForm .row input[type=checkbox] {
  width: auto;
}
.explicitVerticalForm .row input[type=radio] {
  vertical-align: bottom;
}
.explicitVerticalForm .row .datePicker {
  position: relative;
  width: 120px;
  display: inline-block;
  margin-bottom: 0;
}
.explicitVerticalForm .row .datePicker input[type=text] {
  width: 100%;
  position: relative;
}
.explicitVerticalForm .row .datePicker .ui-datepicker-trigger {
  position: absolute;
  right: 2px;
  bottom: 3px;
}
.explicitVerticalForm .row input[type=text],
.explicitVerticalForm .row input[type=password],
.explicitVerticalForm .row textarea {
  width: 40%;
  vertical-align: top;
}
.explicitVerticalForm .row textarea {
  height: 47px;
}
.explicitVerticalForm .row .shortFormInput {
  width: 40%;
}
.explicitVerticalForm .row.longLabelName label {
  line-height: 1.5em;
}
.explicitVerticalForm .row img {
  vertical-align: bottom;
}
.explicitVerticalForm .row .radioButtonList label,
.explicitVerticalForm .row .radioButtonList input {
  width: auto;
  vertical-align: auto;
  font-weight: normal;
}
.explicitVerticalForm .row .radioButtonList label {
  padding-left: 5px;
  padding-right: 20px;
  vertical-align: bottom;
}
.explicitVerticalForm .row .radioButtonList input[type="radio"] {
  height: 20px;
}
.explicitVerticalForm .row .ignoreLabel {
  width: auto;
  font-wight: auto;
}
.explicitVerticalForm .row select.month,
.explicitVerticalForm .row select.year {
  width: 90px;
}
.decisionForm {
  margin-bottom: 10px;
}
.decisionForm input[type=checkbox] {
  vertical-align: middle;
}
.verticalForm {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
}
.verticalForm div {
  margin-bottom: 10px;
  min-height: 31px;
}
.verticalForm div select {
  padding: 1px;
}
.verticalForm div input,
.verticalForm div select {
  height: 30px;
  width: 400px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .verticalForm div input,
.ie7 .verticalForm div select {
  height: 27px;
  padding-left: 0px;
}
.verticalForm div p {
  display: inline-block;
  font-weight: bold;
  margin: 0px;
}
.verticalForm div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.verticalForm div .inputFocus {
  border: 1px solid;
}
.verticalForm div .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
.verticalForm div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.verticalForm div input,
.verticalForm div select {
  width: 75%;
}
.verticalForm div input[type=checkbox] {
  width: auto;
}
.verticalForm div input[type=radio] {
  vertical-align: bottom;
}
.verticalForm div .datePicker {
  position: relative;
  width: 120px;
  display: inline-block;
  margin-bottom: 0;
}
.verticalForm div .datePicker input[type=text] {
  width: 100%;
  position: relative;
}
.verticalForm div .datePicker .ui-datepicker-trigger {
  position: absolute;
  right: 2px;
  bottom: 3px;
}
.verticalForm div input[type=text],
.verticalForm div input[type=password],
.verticalForm div textarea {
  width: 40%;
  vertical-align: top;
}
.verticalForm div textarea {
  height: 47px;
}
.verticalForm div .shortFormInput {
  width: 40%;
}
.verticalForm div.longLabelName label {
  line-height: 1.5em;
}
.verticalForm div img {
  vertical-align: bottom;
}
.verticalForm div .radioButtonList label,
.verticalForm div .radioButtonList input {
  width: auto;
  vertical-align: auto;
  font-weight: normal;
}
.verticalForm div .radioButtonList label {
  padding-left: 5px;
  padding-right: 20px;
  vertical-align: bottom;
}
.verticalForm div .radioButtonList input[type="radio"] {
  height: 20px;
}
.verticalForm div .ignoreLabel {
  width: auto;
  font-wight: auto;
}
.verticalForm div select.month,
.verticalForm div select.year {
  width: 90px;
}
.verticalForm p.unemphasisedFormInfo {
  font-weight: normal;
}
.verticalForm p.formElementComment {
  font-weight: normal;
  margin-left: 185px;
}
@-moz-document url-prefix() {
  .verticalForm div select {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
.flowForm {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
}
.flowForm div {
  margin-bottom: 10px;
}
.flowForm div .rowLabel {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.flowForm div select {
  min-width: 80px;
}
.flowForm h4 {
  font-size: 14px;
}
.summaryPanel {
  padding-left: 20px;
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

}
.summaryPanel .header {
  position: relative;
  margin: 10px 0px;
  overflow: auto;
  width: 100%;
  /* Fix for select box vertical alignment */

  /* http://stackoverflow.com/a/5440037 */

  /* http://stackoverflow.com/questions/952861/targeting-only-firefox-with-css */

  height: auto;
  display: flex;
  display: -ms-flexbox;
  border-top: 1px solid #cccccc;
}
.summaryPanel .header h6 {
  margin-bottom: 0;
  margin-top: 10px;
}
.summaryPanel .header > div {
  padding-right: 20px;
  position: relative;
}
.summaryPanel .header select {
  padding: 1px;
}
.summaryPanel .header input,
.summaryPanel .header select {
  height: 30px;
  width: 100%;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .summaryPanel .header input,
.ie7 .summaryPanel .header select {
  height: 27px;
  padding-left: 0px;
}
@-moz-document url-prefix() {
  .horizontalFormRow select {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
.summaryPanel .header .datePicker {
  width: 135px;
}
.summaryPanel .header .datePicker input {
  width: 100%;
  position: relative;
}
.ie7 .summaryPanel .header .datePicker input {
  float: left;
}
.summaryPanel .header .ui-datepicker-trigger {
  position: absolute;
  right: 22px;
  bottom: 2px;
}
.ie7 .summaryPanel .header .ui-datepicker-trigger {
  float: right;
}
.summaryPanel .header .searchBtn input {
  /*position: absolute;
        bottom: 1px;
        right: 0;

        input[type=submit] {		
            .buttonMedium();
			.size(30px, 81px);
			.roundedCorners(2px);
        }*/

  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  border-radius: 15px/50%;
  border-width: 2px !important;
}
.summaryPanel .header .searchBtn input:hover {
  background-color: #27ae5f;
  color: white;
}
.summaryPanel .header .searchBtn input:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
.summaryPanel .header .editBtn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.summaryPanel .header .editBtn input[type=submit] {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
}
.summaryPanel .header .accountSelect,
.summaryPanel .header .keyword,
.summaryPanel .header .transactionType {
  width: 330px;
}
.summaryPanel .header .amountFilter,
.summaryPanel .header .dateRange {
  width: 150px;
}
.summaryPanel .header .editButtonContainer {
  position: absolute;
  bottom: 15px;
  right: 0;
}
.summaryPanel .header .editButtonContainer .editButton {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
}
.summaryPanel .header .editButtonContainer .editButton:hover {
  background-color: #777777;
  color: white;
}
.summaryPanel .header .editButtonContainer .editButton:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
.summaryPanel .header h6 {
  font-weight: normal;
}
.summaryPanel .header p {
  font-weight: bold;
}
.summaryPanel .headerItem {
  width: 165px;
}
.summaryPanel .detailsFields p {
  display: inline-block;
  font-weight: bold;
}
.summaryPanel .detailsFields label {
  display: inline-block;
  width: 180px;
  font-weight: normal;
}
.summaryPanel .toggle {
  position: relative;
  right: -1px;
  top: -13px;
  cursor: pointer;
}
.summaryPanel .toggle a {
  position: absolute;
  bottom: -1px;
  right: 0;
  display: inline-block;
  min-width: 145px;
  height: 24px;
  margin: 0px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px transparent;
  background: #e2e2e2;
  /* Old browsers */

  border-bottom: 0px;
  border-right: 0px;
}
.summaryPanel .toggle a:active {
  background: white;
  /* Old browsers */

}
.summaryPanel .toggle a:hover {
  background: white;
}
.ie7 .summaryPanel .toggle {
  top: 32px;
}
.summaryPanel .toggle .openMenu {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/openClosed.png);
  width: 14px;
  height: 14px;
  background-position: -14px 0px;
  float: right;
}
.ie7 .summaryPanel .toggle .openMenu {
  margin-top: -18px;
}
.summaryPanel .toggle .openMenu.maximised {
  background-position: 0px 0px;
}
.importantText {
  margin-top: 20px;
}
p.formInfo {
  margin-top: 7px;
  color: #cc0838;
}
.checkboxes label {
  width: auto;
  padding-left: 10px;
}
.printIcon {
  background: url(images/print.png) no-repeat;
  padding-left: 28px;
}
.centerDiv {
  vertical-align: middle;
}
#confirmationOverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 100;
  background-color: black;
}
.confirmationDialog {
  position: fixed;
  display: none;
  width: 400px;
  max-width: 95%;
  z-index: 101;
  padding: 10px;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.confirmationDialog .message {
  padding: 20px 0px;
  font-weight: bold;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 0;
  color: #cc0838;
}
.confirmationDialog .message span {
  color: black;
}
.confirmationDialog .message span:nth-of-type(odd) {
  font-weight: bold;
}
.confirmationDialog .message span:nth-of-type(even) {
  font-weight: normal;
}
.confirmationDialog .confirmationHeader {
  text-align: right;
}
.confirmationDialog .confirmationHeader .closeButton {
  min-width: 16px;
  height: 16px;
  padding: 0px;
  border: none;
  line-height: 16px;
  font-size: 0.60em;
  color: white;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #cc0838;
  /* Old browsers */

}
.confirmationDialog .confirmationHeader .closeButton:hover {
  background: #fb527d;
  /* Old browsers */

}
.confirmationDialog .confirmationHeader .closeButton-active {
  background: #f43263;
  /* Old browsers */

}
.confirmationDialog .buttons {
  float: right;
}
.confirmationDialog .buttons .confirmButton,
.confirmationDialog .buttons .cancelButton {
  margin-left: 10px;
}
.confirmationDialog .confirmButton {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  border-radius: 15px/50%;
  border-width: 2px !important;
}
.confirmationDialog .confirmButton:hover {
  background-color: #27ae5f;
  color: white;
}
.confirmationDialog .confirmButton:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
.confirmationDialog .cancelButton {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
}
.confirmationDialog .cancelButton:hover {
  background-color: #777777;
  color: white;
}
.confirmationDialog .cancelButton:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
.extraPrintData,
.printAccountNumber,
.extraPrintText {
  display: none;
}
.extra-print-col-1 {
  display: block;
  width: 53%;
  float: left;
}
.extra-print-col-2 {
  display: block;
  float: left;
}
.extra-print-max {
  float: left;
}
div.disclaimer {
  width: auto;
  height: auto;
  border: solid 1px transparent;
  /*.linearGradient();*/

  padding: 20px;
  margin-bottom: 20px;
  overflow: auto;
}
div.disclaimer p {
  color: #555555;
}
p.disclaimer {
  color: #555555;
}
.watermark {
  color: #aaaaaa;
}
.tool-tip.icon {
  background: url('images/questionMark.png') no-repeat 0px 0px transparent;
  display: inline-block;
  width: 17px;
  height: 17px;
}
.emphasesasterisk {
  color: #cc0838;
  font-size: 20px;
  vertical-align: bottom;
  margin-right: 2px;
}
.formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
span.bpay-logo {
  background: url('images/BPAY.png') no-repeat 0px 0px transparent;
  float: right;
  height: 35px;
  width: 24px;
}
.enableCookies.error {
  margin: 10px 0 0 5px;
}
.emphases {
  font-weight: bold;
}
/* default menu - vertical / accordian ----------------------------------------------------------*/

.bodyContainer .menuContent {
  float: left;
  width: 175px;
}
.mainContent {
  margin-left: 175px;
}
#menu {
  width: 175px;
  margin-bottom: 20px;
}
#menu .menuContainer {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
#menu .menuContainer .active {
  color: #cc0838;
}
#menu .menuContainer .active span.openMenu {
  background-position: 0px 0px !important;
}
#menu .menuContainer .menuItem {
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid transparent;
  background: #c2c2c2;
  /* Old browsers */

  font-weight: bold;
  cursor: pointer;
  position: relative;
}
#menu .menuContainer .menuItem .menuItemTitle {
  display: inline-block;
  padding-left: 30px;
  font-size: 15px;
  font-family: 'nettooffc';
  font-weight: bold;
}
#menu .menuContainer .menuItem .openMenu {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/openClosed.png);
  width: 14px;
  height: 14px;
  background-position: -14px 0px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
}
#menu .menuContainer .menuItem .menuItemIcon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/menuSprite.png);
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
}
#menu .menuContainer .subMenu li {
  list-style-type: none;
}
#menu .menuContainer .subMenu .subMenuItem a {
  padding: 10px 0 10px 10px;
  background-color: white;
  border-bottom: 1px solid #6e6e6e;
  color: #6e6e6e;
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 15px;
  font-family: 'nettooffc';
}
#menu .menuContainer .subMenu .subMenuItem a .bpay {
  display: inline;
}
#menu .menuContainer .subMenu .subMenuItem a .subMenuItemIcon {
  display: none;
}
#menu .menuContainer .subMenu .subMenuItem a span {
  width: 240px;
  display: block;
}
#menu .menuContainer .subMenu .subMenuItem a:hover {
  border-bottom: 1px solid #6e6e6e;
  background: #cc0838;
  /* Old browsers */

  color: white;
}
#menu .menuContainer .subMenu .subMenuItem .subMenuActive,
#menu .menuContainer .subMenu .subMenuItem a.subMenuActive:hover {
  border: none;
  background: #cc0838;
  /* Old browsers */

  color: white;
}
#menu .menuContainer .subMenu .subMenuItem .subMenuActive .subMenuItemIcon,
#menu .menuContainer .subMenu .subMenuItem a.subMenuActive:hover .subMenuItemIcon {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -5px;
  background: url(images/iconMenuTriangle.png) no-repeat;
}
/* for horizontal menu import horizontal-menu.less in client.less override file */

/* TABLES ----------------------------------------------------------*/

table.stdTable {
  width: 825px;
  margin-top: 20px;
  border: solid 1px #cacaca;
}
table.stdTable.autoTableLayout {
  table-layout: auto;
}
table.stdTable a {
  font-size: 1em;
}
table.stdTable th,
table.stdTable td {
  text-align: left;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}
table.stdTable th.description,
table.stdTable td.description {
  width: 35%;
}
table.stdTable th.center,
table.stdTable td.center {
  text-align: center;
}
table.stdTable th.checkableCell,
table.stdTable td.checkableCell {
  text-align: center;
  vertical-align: middle;
}
table.stdTable thead tr th {
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  background: #dfdfdf;
  /* Old browsers */

  vertical-align: middle;
  font-family: 'nettooffc';
  min-height: 40px;
}
table.stdTable tfoot td {
  height: 35px;
  border-top: 1px solid transparent;
}
table.stdTable th {
  padding: 6px 10px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  border: solid 1px transparent;
  min-width: 70px;
  vertical-align: bottom;
}
table.stdTable th.toggleCell {
  text-align: center;
}
table.stdTable tr td {
  border: solid 1px transparent;
}
table.stdTable tr td:not(:last-child) {
  border-right: 1px solid white;
}
table.stdTable td {
  font-family: Cabin;
  font-size: 14px;
  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}
table.stdTable td.moneyCell {
  text-align: right;
  padding-right: 15px;
}
table.stdTable td.navigationCell {
  text-align: center;
}
table.stdTable td.navigationCell {
  text-align: center;
}
table.stdTable td.toggleCell {
  text-align: center;
}
table.stdTable td.description {
  width: auto;
}
table.stdTable td.action {
  width: 14%;
}
table.stdTable td .aspNetDisabled {
  display: inline-block;
  height: 100%;
  width: 100%;
}
table.stdTable td.actionCell a.actionPay {
  background-repeat: no-repeat;
  background: url(images/actionIcons.png) 0px 0px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
table.stdTable td.actionCell a.actionEdit {
  background-repeat: no-repeat;
  background: url(images/actionIcons.png) -20px 0px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
table.stdTable td.actionCell a.actionDelete {
  background-repeat: no-repeat;
  background: url(images/actionIcons.png) -40px 0px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
table.stdTable tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}
table.stdTable tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}
table.stdTable.interactiveTable tbody tr:hover {
  background-color: #ffe3a1;
  cursor: pointer;
}
table.stdTable.nocolorTable {
  width: 100%;
  border: none;
  margin-top: 0;
}
table.stdTable.nocolorTable thead tr th {
  background: none;
  border: none;
}
table.stdTable.nocolorTable tbody tr:nth-child(odd) {
  background: none;
  border: none;
}
table.stdTable.nocolorTable tbody tr:nth-child(even) {
  background: none;
  border: none;
}
table.stdTable.nocolorTable tr td:not(:last-child) {
  border: none;
}
table.stdTable.nocolorTable tr td {
  border: none;
}
tr.rowmouseover:hover {
  background-color: #ffe3a1 !important;
  cursor: pointer;
}
.highlightRow {
  background-color: #ffe3a1 !important;
}
.showblock {
  display: block;
}
.hideblock {
  display: none;
}
table.headerTable .openMenu {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/openClosed.png);
  width: 14px;
  height: 14px;
  background-position: -14px 0px;
  float: right;
  margin-top: 5px;
}
.ie7 table.headerTable .openMenu {
  margin-top: -18px;
}
table.headerTable th.moneyCell {
  /*color: @errorBackground;*/
  text-align: right;
  padding-right: 15px;
}
table.headerTable tr.headerRow {
  cursor: pointer;
  color: inherit;
}
table.headerTable tr.headerRow th {
  height: 40px;
}
table.headerTable tfoot th {
  height: 40px;
}
table.headerTable tr.headerRow.maximised {
  color: #cc0838;
}
table.headerTable tr.headerRow.maximised span.openMenu {
  background-position: 0px 0px !important;
}
table.headerTable h4 {
  color: #cc0838;
  padding: 0px;
  font-size: 14px;
  float: left;
}
.verticalReadonlyForm + .printAndPagination {
  margin-top: -20px;
  margin-bottom: 20px;
}
section.mainContent .printAndPagination {
  width: auto;
  height: 28px;
  border: solid 1px transparent;
  /*.linearGradient();*/

  border-top: none;
  padding-top: 10px;
}
section.mainContent .printAndPagination .printer {
  float: left;
  font-size: 14px;
}
section.mainContent .printAndPagination a,
section.mainContent .printAndPagination span {
  margin-left: 5px;
}
section.mainContent .printAndPagination .pageContainer {
  padding-right: 15px;
}
section.mainContent .printAndPagination .pageContainer a,
section.mainContent .printAndPagination .pageContainer span {
  font-size: 14px;
  font-weight: bold;
}
section.mainContent .printAndPagination .pageContainer span {
  color: white;
}
section.mainContent .printAndPagination .pageContainer .pagination {
  height: 16px;
  float: right;
}
section.mainContent .printAndPagination .pageContainer .pagination div {
  height: 16px;
  display: inline-block;
}
section.mainContent .printAndPagination .pageContainer .pagination a.currentPage {
  color: white;
  background-color: #cc0838;
  padding: 2px 4px 2px 4px;
}
section.mainContent .printAndPagination .pageContainer .pagination a.disabled {
  color: #999999;
}
section.mainContent .printAndPagination .pageContainer .pagination button {
  color: #cc0838;
  /* Remove all decorations to look like normal text */
  background: none;
  border: none;
  display: inline;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  outline-offset: 0;
  /* Additional styles to look like a link */
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
section.mainContent .printAndPagination .pageContainer .pagination button.disabled {
  color: #999999;
  /* Remove all decorations to look like normal text */
  background: none;
  border: none;
  display: inline;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  outline-offset: 0;
  /* Additional styles to look like a link */
  cursor: text;
  font-size: 14px;
  font-weight: bold;
}
section.mainContent .printAndPagination .pageContainer .pagination input[type="submit"] {
  background: none;
  border: none;
  font-size: 14px;
  padding: 0px;
  color: #cc0838;
  font-weight: bold;
}
section.mainContent .printAndPagination .pageContainer .pagination input[type="submit"]:disabled {
  color: #666666;
}
@media only screen and (width: 768px) and (height: 1024px) and (orientation: portrait) {
  table.stdTable th,
  table.stdTable td {
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }
  table.stdTable th {
    padding: 6px 10px;
    font-family: Cabin;
    font-size: 15px;
    color: #53616f;
    font-weight: bold;
    border: solid 1px transparent;
    min-width: 50px;
  }
  table.stdTable td.moneyCell {
    text-align: right;
    padding: 0px;
    padding-right: 5px;
  }
}
/* HEADER STYLES ----------------------------------------------------------*/

header .headerLogo {
  height: 104px;
  padding: 10px 20px 0px 8px;
  position: relative;
  background: #ebebeb;
  /* Old browsers */

}
header .headerLogo .logo {
  position: absolute;
  width: 200px;
  height: 66px;
  left: 20px;
  top: 25px;
  background: url('images/logo.png') no-repeat;
  text-indent: -9999px;
}
header .headerLogo ul {
  text-align: right;
  margin-bottom: 14px;
}
header .headerLogo ul a,
header .headerLogo ul a:active,
header .headerLogo ul a:visited,
header .headerLogo ul span {
  color: inherit;
  font-size: 14px;
}
header .headerLogo li {
  display: inline;
}
header .headerLogo .welcomeMessage {
  margin-left: 215px;
  margin-right: 115px;
  text-align: right;
}
header .headerLogo .welcomeMessage .userName {
  max-width: 660px;
  white-space: nowrap;
}
header .headerLogo .welcomeMessage h5 {
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
}
header .headerLogo .welcomeMessage h6 {
  padding-left: 5px;
  font-size: 0.750em;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  max-width: 530px;
  text-overflow: ellipsis;
  overflow: hidden;
}
header .headerLogo .welcomeMessage .padlock {
  display: inline-block;
}
header .headerLogo .welcomeMessage label {
  vertical-align: top;
}
header .headerLogo a.logout {
  position: absolute;
  display: inline-block;
  border-radius: 22px /50%;
  min-width: 98px;
  height: 44px;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0px 0.5em 0.5em 0px;
  font-family: 'nettooffc';
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  /* 2 is the border width */

  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
  bottom: 20px;
  right: 20px;
}
header .headerLogo a.logout:hover {
  background-color: #777777;
  color: white;
}
header .headerLogo a.logout:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
header .headerContent {
  height: 54px;
  padding-left: 20px;
  background: #cc0838;
  /* Old browsers */

}
header .headerContent h1 {
  line-height: 54px;
  float: left;
}
header .headerContent h6 {
  font-weight: normal;
}
header .headerContent .headerUser {
  float: right;
  height: 100%;
}
/* FOOTERS ----------------------------------------------------------*/

footer div.securityInfo {
  height: auto;
  width: 100%;
  background: #dfdfdf;
  /* Old browsers */

}
footer div.securityInfo .securityContainer {
  overflow: auto;
  padding: 10px 20px;
}
footer div.securityInfo .securityContainer h5 {
  color: #53616f;
  font-size: 15px;
  font-family: 'nettooffc';
  line-height: 24px;
}
footer div.securityInfo .securityContainer .securityBlock,
footer div.securityInfo .securityContainer .transferBlock {
  float: left;
  color: #4d4e53;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
footer div.securityInfo .securityContainer .securityBlock {
  width: 25%;
}
footer div.securityInfo .securityContainer .transferBlock {
  width: 50%;
}
footer div.securityInfo .securityContainer .transferBlock div {
  float: left;
  width: 50%;
}
footer div.securityInfo .securityContainer .transferBlock div h5 + p {
  font-style: normal;
}
footer div.securityInfo .securityContainer p {
  margin: 0em;
  line-height: 18px;
}
/* LOGIN ----------------------------------------------------------*/

section.loginContent .loginAds {
  float: right;
  width: 300px;
}
section.loginContent .loginAds a {
  display: block;
  width: 300px;
  height: 250px;
  margin-bottom: 0;
}
section.loginContent .loginAds a.topAd {
  background: url('images/adSideTop.jpg') no-repeat;
  margin-bottom: 40px;
}
section.loginContent .loginAds a.bottomAd {
  background: url('images/adSideBottom.jpg') no-repeat;
}
section.loginContent .loginContainer {
  width: 646px;
  height: auto;
  border: solid 1px transparent;
  /*.linearGradient();*/

  float: left;
  padding: 20px;
  overflow: hidden;
}
section.loginContent .loginContainer .loginDetails {
  padding: 10px 57px 0 57px;
}
.ie7 section.loginContent .loginContainer {
  padding-bottom: 0px;
}
section.loginContent .loginContainer .instructions {
  overflow: auto;
  margin-top: 0;
}
section.loginContent .loginContainer .instructions p {
  float: left;
}
section.loginContent .loginContainer .instructions a {
  float: right;
  color: #fbb901;
  font-size: 14px;
}
section.loginContent .loginContainer input[type=text],
section.loginContent .loginContainer input[type=password],
section.loginContent .loginContainer input[type=number],
section.loginContent .loginContainer input[type=tel] {
  width: 99.7%;
  margin: 6px 0px 20px 0px;
  height: 38px;
  text-indent: 7px;
  line-height: 30px;
  font-size: 1em;
  border: solid 1px transparent;
  -moz-appearance: textfield;
}
.ie7 section.loginContent .loginContainer input[type=text],
.ie7 section.loginContent .loginContainer input[type=password],
.ie7 section.loginContent .loginContainer input[type=number],
.ie7 section.loginContent .loginContainer input[type=tel] {
  text-indent: 0px;
  margin-top: 11px;
}
section.loginContent div.loginWrapper h2.termsAndConditionsHeader {
  padding-top: 5px;
}
section.loginContent .loginInformation {
  margin: 20px 0px;
  padding: 20px;
  border: solid 2px #cc0838;
}
section.loginContent .loginInformation h3 {
  color: #cc0838;
  margin-bottom: 10px;
}
section.loginContent .loginInformation p {
  margin: 0px;
}
/* IDENTIFICATION ----------------------------------------------------------*/

section.loginContent .identContainer {
  margin-bottom: 0;
}
section.loginContent .identContainer .memberInfo {
  margin: 20px 0 0 0 ;
}
section.loginContent .identContainer .memberInfo.memberNameInfo {
  margin-top: 0;
}
section.loginContent .identContainer .memberInfo .memberInfoTitle {
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}
section.loginContent .identContainer .memberInfo .memberInfoContent {
  font-size: 14px;
  line-height: 28px;
  display: inline-block;
}
section.loginContent .identContainer .memberInfo .memberInfoContent.address {
  display: block;
  line-height: 16px;
}
section.loginContent .identContainer .dvmemberInfo {
  width: 440px;
  margin-bottom: 10px;
  margin-right: 20px;
  float: left;
  /*flex: 1;*/
  flex-grow: 2;
}
section.loginContent .identContainer .dvNotices {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  /*flex: 1;*/
  flex-grow: 1;
  white-space: nowrap;
}
section.loginContent .identContainer .memberinformation {
  display: flex;
  display: -ms-flexbox;
}
section.loginContent .identContainer .lastAccessed,
section.loginContent .identContainer .termsAndAlerts {
  margin-bottom: 10px;
  box-sizing: border-box;
}
section.loginContent .identContainer .lastAccessed h3,
section.loginContent .identContainer .termsAndAlerts h3 {
  margin-bottom: 20px;
}
section.loginContent .identContainer .lastAccessed #lblLastAccess {
  /*font-size: @defaultFontSize;*/
  font-weight: bold;
}
section.loginContent .identContainer .termsAndAlerts a {
  font-size: 14px;
  line-height: 28px;
  color: #cc0838;
  text-decoration: underline;
  display: block;
}
section.loginContent .identContainer .loginRegistrationPrompt {
  overflow: hidden;
  box-sizing: border-box;
}
section.loginContent .identContainer .loginRegistrationPrompt ul {
  font-size: 14px;
}
section.loginContent .identContainer div.memberInfoDisclaimer {
  margin-bottom: 20px;
  margin-top: 20px;
}
section.loginContent .identContainer div.memberInfoDisclaimer p {
  display: block;
  float: none;
  clear: both;
}
section.loginContent .identContainer h2 {
  margin: 0;
  line-height: 1em;
}
/* ALERTS ---------------------------------------------------*/

section.loginContent .alerts {
  width: auto;
  height: auto;
  border: solid 1px transparent;
  /*.linearGradient();*/

  padding: 20px;
  margin-bottom: 20px;
  overflow: auto;
}
section.loginContent .alerts .buttonList {
  margin-top: 10px;
}
section.loginContent .alerts .buttonList li input {
  vertical-align: middle;
}
section.loginContent .alerts h4 {
  color: #cc0838;
}
section.loginContent .alerts .alert {
  font-size: 14px;
  line-height: 20px;
  color: #4d4e53;
  margin-bottom: 20px;
  word-wrap: break-word;
}
section.loginContent .alerts .alert ul {
  list-style-type: disc;
  margin: 10px 0 0 30px;
}
section.loginContent .alerts .alert ul li {
  margin-bottom: 5px;
}
section.loginContent .alerts .alert p {
  font-size: 14px;
  line-height: 20px;
  color: #4d4e53;
  margin-bottom: 0;
}
section.loginContent .alerts .alert a,
section.loginContent .alerts .alert a:active,
section.loginContent .alerts .alert a:visited {
  text-decoration: underline;
}
/* TERMS AND CONDITIONS ---------------------------------------------------*/

section.loginContent .termsAndConditions {
  width: auto;
  height: auto;
  border: solid 1px transparent;
  /*.linearGradient();*/

  padding: 20px;
  margin-bottom: 20px;
  overflow: auto;
}
section.loginContent .termsAndConditions p.disclaimer {
  float: left;
  margin-left: 25%;
  margin-top: 100px;
}
section.loginContent .termsAndConditions .buttonList {
  margin-top: 100px;
}
section.loginContent .termsAndConditions p.linkInstruction {
  font-size: 70%;
  margin: 0px;
}
section.loginContent .termsAndConditions .acceptTerms {
  margin: 20px 0px;
}
section.loginContent .termsAndConditions .acceptTerms input[type=checkbox] {
  vertical-align: middle;
  margin-left: 1px;
}
section.loginContent .termsAndConditions .acceptTerms label {
  margin: 0px 10px;
  font-size: 14px;
  font-weight: bold;
}
div.genericHtmlError {
  width: 100%;
  height: auto;
  border: solid 1px transparent;
  /*.linearGradient();*/

  margin: 10px 10px 10px;
  padding: 10px;
  width: auto;
}
div.genericHtmlError h2 {
  margin-bottom: 10px;
}
div.genericHtmlError p {
  margin-left: 10px;
  margin-right: 10px;
}
div.genericHtmlError .buttonList {
  margin: 10px;
}
/* BALANCES ----------------------------------------------------------*/

section.mainContent td.moneyCell span.debit {
  color: #cc0838;
}
.balances .stdTable tr.Closed {
  opacity: 0.5;
}
.balances .stdTable tr td.mainCell {
  color: #cc0838;
}
/* TRANSACTION SEARCH ----------------------------------------------------------*/

section.mainContent .transactionSearch .horizontalFormRow {
  overflow: hidden;
  margin-top: 0;
}
section.mainContent .transactionSearch .accountSelect h6 {
  margin-top: 0;
}
section.mainContent .transactionSearch .toggleSearch {
  position: relative;
}
section.mainContent .transactionSearch .toggleSearch label,
section.mainContent .transactionSearch .toggleSearch .toggleSearchIcon {
  display: inline-block;
}
section.mainContent .transactionSearch .toggleSearch a {
  font-weight: bold;
  position: absolute;
  bottom: 0;
  right: 23px;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
}
section.mainContent .transactionSearch .toggleSearch .toggleSearchIcon {
  width: 11px;
  height: 6px;
}
.ie7 section.mainContent .transactionSearch .toggleSearch {
  top: 32px;
}
/* Transactions ----------------------------------------------------------*/

section.mainContent .transactions span.debit {
  color: #cc0838;
}
section.mainContent .transactions .accountSummary {
  border: solid 1px transparent;
}
section.mainContent .transactions .accountSummary .stdTable {
  border: 0;
  margin-top: 0;
}
section.mainContent .transactions .accountSummary .stdTable tr {
  background: none;
}
section.mainContent .transactions .accountSummary .stdTable tr th,
section.mainContent .transactions .accountSummary .stdTable tr td {
  border: none;
  background: none;
}
section.mainContent .transactions .accountSummary .stdTable tr th {
  vertical-align: bottom;
  height: 30px;
  padding-bottom: 0;
  font-weight: normal;
  opacity: 0.7;
  font-size: 14px;
}
section.mainContent .transactions .accountSummary .stdTable tr td {
  font-family: Cabin;
  font-weight: bold;
  font-size: 14px;
}
section.mainContent .transactions .accountSummary .stdTable tr td.moneyCell {
  text-align: left;
  font-size: 20px;
  color: black;
}
section.mainContent .transactions .accountSummary p {
  font-size: 14px;
  opacity: 0.7;
  padding-top: 10px;
  padding-right: 20px;
}
section.mainContent .transactions .transactionsSummary {
  margin-bottom: 20px;
}
section.mainContent .transactions .transactionsSummary .transactionSummary {
  margin-top: -1px;
}
section.mainContent .transactions table.stdTable .transactionsEffectiveDate {
  width: 70px;
}
section.mainContent .transactions table.stdTable .transactionsDebitAmount {
  width: 90px;
}
section.mainContent .transactions table.stdTable .transactionsCreditAmount {
  width: 90px;
}
section.mainContent .transactions table.stdTable .transactionsBalance {
  width: 90px;
}
section.mainContent .allTransactions .printAndPagination {
  border: none;
}
/* ACCOUNT INFO ----------------------------------------------------------*/

section.mainContent .accountInfo p.debit {
  color: #cc0838;
}
section.mainContent .accountInfo .verticalReadonlyForm {
  margin-bottom: 0px;
}
section.mainContent .accountInfo .summaryPanel {
  margin-top: 3px;
}
section.mainContent .editTermDeposit .flowForm {
  margin-top: 20px;
}
section.mainContent .editTermDeposit .buttonList {
  margin-bottom: 20px;
}
div.header.communityGroupHeader {
  overflow: initial;
}
/* EXPORT TRANSACTIONS ----------------------------------------------------------*/

section.mainContent .exportTransactions .buttonList {
  margin-top: 10px;
}
/* INTEREST SUMMARIES ----------------------------------------------------------*/

section.mainContent .interestSummaries .currentFinancialYearTable {
  margin-bottom: 20px;
}
section.mainContent .interestSummaries span.debit {
  color: #cc0838;
}
section.mainContent .interestSummaries .stdTable {
  margin-top: 10px;
}
section.mainContent .interestSummaries .stdTable tr th.descriptionCell {
  width: 25%;
}
section.mainContent .interestSummaries .stdTable tr th.accountCell,
section.mainContent .interestSummaries .stdTable tr th.moneyCell {
  width: 15%;
}
section.mainContent .interestSummaries Table.stdTable tbody tr.interest-summary-row {
  font-weight: bold;
}
section.mainContent .interestSummaries h4 {
  color: #cc0838;
  padding: 0px;
  font-size: 0.9em;
}
/* RESET PASSWORD ----------------------------------------------------------*/

section.mainContent .changePasswordBox,
section.loginContent .changePasswordBox,
section.mainContent .instructionBox,
section.loginContent .instructionBox {
  width: auto;
  height: auto;
  border: solid 1px transparent;
  /*.linearGradient();*/

  padding: 20px;
  margin-bottom: 20px;
  overflow: auto;
}
section.mainContent .changePasswordBox #keypad-container,
section.loginContent .changePasswordBox #keypad-container,
section.mainContent .instructionBox #keypad-container,
section.loginContent .instructionBox #keypad-container {
  margin-top: 40px;
}
section.mainContent .changePasswordBox div,
section.loginContent .changePasswordBox div,
section.mainContent .instructionBox div,
section.loginContent .instructionBox div {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  min-height: 31px;
}
section.mainContent .changePasswordBox div select,
section.loginContent .changePasswordBox div select,
section.mainContent .instructionBox div select,
section.loginContent .instructionBox div select {
  padding: 1px;
}
section.mainContent .changePasswordBox div input,
section.loginContent .changePasswordBox div input,
section.mainContent .instructionBox div input,
section.loginContent .instructionBox div input,
section.mainContent .changePasswordBox div select,
section.loginContent .changePasswordBox div select,
section.mainContent .instructionBox div select,
section.loginContent .instructionBox div select {
  height: 30px;
  width: 400px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 section.mainContent .changePasswordBox div input,
.ie7 section.loginContent .changePasswordBox div input,
.ie7 section.mainContent .instructionBox div input,
.ie7 section.loginContent .instructionBox div input,
.ie7 section.mainContent .changePasswordBox div select,
.ie7 section.loginContent .changePasswordBox div select,
.ie7 section.mainContent .instructionBox div select,
.ie7 section.loginContent .instructionBox div select {
  height: 27px;
  padding-left: 0px;
}
section.mainContent .changePasswordBox div p,
section.loginContent .changePasswordBox div p,
section.mainContent .instructionBox div p,
section.loginContent .instructionBox div p {
  display: inline-block;
  font-weight: bold;
  margin: 0px;
}
section.mainContent .changePasswordBox div label,
section.loginContent .changePasswordBox div label,
section.mainContent .instructionBox div label,
section.loginContent .instructionBox div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
section.mainContent .changePasswordBox div .inputFocus,
section.loginContent .changePasswordBox div .inputFocus,
section.mainContent .instructionBox div .inputFocus,
section.loginContent .instructionBox div .inputFocus {
  border: 1px solid;
}
section.mainContent .changePasswordBox div .formError,
section.loginContent .changePasswordBox div .formError,
section.mainContent .instructionBox div .formError,
section.loginContent .instructionBox div .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
section.mainContent .changePasswordBox div label,
section.loginContent .changePasswordBox div label,
section.mainContent .instructionBox div label,
section.loginContent .instructionBox div label {
  float: left;
  width: 320px;
  margin-right: 20px;
  line-height: 31px;
  font-weight: bold;
}
section.mainContent .changePasswordBox div input,
section.loginContent .changePasswordBox div input,
section.mainContent .instructionBox div input,
section.loginContent .instructionBox div input,
section.mainContent .changePasswordBox div select,
section.loginContent .changePasswordBox div select,
section.mainContent .instructionBox div select,
section.loginContent .instructionBox div select {
  height: 30px;
  width: 260px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 section.mainContent .changePasswordBox div input,
.ie7 section.loginContent .changePasswordBox div input,
.ie7 section.mainContent .instructionBox div input,
.ie7 section.loginContent .instructionBox div input,
.ie7 section.mainContent .changePasswordBox div select,
.ie7 section.loginContent .changePasswordBox div select,
.ie7 section.mainContent .instructionBox div select,
.ie7 section.loginContent .instructionBox div select {
  height: 27px;
  padding-left: 0px;
}
section.loginContent section.mainContent .changePasswordBox label,
section.loginContent section.loginContent .changePasswordBox label,
section.loginContent section.mainContent .instructionBox label,
section.loginContent section.loginContent .instructionBox label {
  width: 174px;
}
section.mainContent .changePasswordImportant,
section.loginContent .changePasswordImportant {
  color: #cc0838;
  margin-bottom: 0px;
}
section.mainContent .changePasswordImportant span,
section.loginContent .changePasswordImportant span {
  font-weight: bold;
}
/* CHANGE SECOND PASSWORD ----------------------------------------------------------*/

section.mainContent .changePasswordBox,
.changeSecondPassword .changePasswordBox,
section.mainContent .instructionBox,
.changeSecondPassword .instructionBox {
  width: auto;
  height: auto;
  border: solid 1px transparent;
  /*.linearGradient();*/

  padding: 20px;
  margin-bottom: 20px;
  overflow: auto;
}
section.mainContent .changePasswordBox #keypad-container,
.changeSecondPassword .changePasswordBox #keypad-container,
section.mainContent .instructionBox #keypad-container,
.changeSecondPassword .instructionBox #keypad-container {
  margin-top: 40px;
}
section.mainContent .changePasswordBox div,
.changeSecondPassword .changePasswordBox div,
section.mainContent .instructionBox div,
.changeSecondPassword .instructionBox div {
  margin-bottom: 10px;
  min-height: 31px;
}
section.mainContent .changePasswordBox div select,
.changeSecondPassword .changePasswordBox div select,
section.mainContent .instructionBox div select,
.changeSecondPassword .instructionBox div select {
  padding: 1px;
}
section.mainContent .changePasswordBox div input,
.changeSecondPassword .changePasswordBox div input,
section.mainContent .instructionBox div input,
.changeSecondPassword .instructionBox div input,
section.mainContent .changePasswordBox div select,
.changeSecondPassword .changePasswordBox div select,
section.mainContent .instructionBox div select,
.changeSecondPassword .instructionBox div select {
  height: 30px;
  width: 400px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 section.mainContent .changePasswordBox div input,
.ie7 .changeSecondPassword .changePasswordBox div input,
.ie7 section.mainContent .instructionBox div input,
.ie7 .changeSecondPassword .instructionBox div input,
.ie7 section.mainContent .changePasswordBox div select,
.ie7 .changeSecondPassword .changePasswordBox div select,
.ie7 section.mainContent .instructionBox div select,
.ie7 .changeSecondPassword .instructionBox div select {
  height: 27px;
  padding-left: 0px;
}
section.mainContent .changePasswordBox div p,
.changeSecondPassword .changePasswordBox div p,
section.mainContent .instructionBox div p,
.changeSecondPassword .instructionBox div p {
  display: inline-block;
  font-weight: bold;
  margin: 0px;
}
section.mainContent .changePasswordBox div label,
.changeSecondPassword .changePasswordBox div label,
section.mainContent .instructionBox div label,
.changeSecondPassword .instructionBox div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
section.mainContent .changePasswordBox div .inputFocus,
.changeSecondPassword .changePasswordBox div .inputFocus,
section.mainContent .instructionBox div .inputFocus,
.changeSecondPassword .instructionBox div .inputFocus {
  border: 1px solid;
}
section.mainContent .changePasswordBox div .formError,
.changeSecondPassword .changePasswordBox div .formError,
section.mainContent .instructionBox div .formError,
.changeSecondPassword .instructionBox div .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
section.mainContent .changePasswordBox div label,
.changeSecondPassword .changePasswordBox div label,
section.mainContent .instructionBox div label,
.changeSecondPassword .instructionBox div label {
  float: left;
  width: 320px;
  margin-right: 20px;
  line-height: 31px;
  font-weight: bold;
}
section.mainContent .changePasswordBox div input,
.changeSecondPassword .changePasswordBox div input,
section.mainContent .instructionBox div input,
.changeSecondPassword .instructionBox div input,
section.mainContent .changePasswordBox div select,
.changeSecondPassword .changePasswordBox div select,
section.mainContent .instructionBox div select,
.changeSecondPassword .instructionBox div select {
  height: 30px;
  width: 260px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 section.mainContent .changePasswordBox div input,
.ie7 .changeSecondPassword .changePasswordBox div input,
.ie7 section.mainContent .instructionBox div input,
.ie7 .changeSecondPassword .instructionBox div input,
.ie7 section.mainContent .changePasswordBox div select,
.ie7 .changeSecondPassword .changePasswordBox div select,
.ie7 section.mainContent .instructionBox div select,
.ie7 .changeSecondPassword .instructionBox div select {
  height: 27px;
  padding-left: 0px;
}
section.loginContent section.mainContent .changePasswordBox label,
section.loginContent .changeSecondPassword .changePasswordBox label,
section.loginContent section.mainContent .instructionBox label,
section.loginContent .changeSecondPassword .instructionBox label {
  width: 174px;
}
section.mainContent .changePasswordImportant,
.changeSecondPassword .changePasswordImportant {
  color: #cc0838;
  margin-bottom: 0px;
}
section.mainContent .changePasswordImportant span,
.changeSecondPassword .changePasswordImportant span {
  font-weight: bold;
}
/* TRANSFER LIMITS ----------------------------------------------------------*/

section.mainContent .dailyLimits .stdTable {
  margin-bottom: 20px;
}
section.mainContent .dailyLimits .stdTable td.transferLimitType {
  font-weight: bold;
}
section.mainContent .dailyLimits .regFor2FAInstructions {
  width: auto;
  height: auto;
  border: solid 1px transparent;
  /*.linearGradient();*/

  padding: 20px;
  margin-bottom: 20px;
  overflow: auto;
}
section.mainContent .dailyLimits .regFor2FAInstructions span,
section.mainContent .dailyLimits .regFor2FAInstructions a {
  font-size: 14px;
}
/* SECURITY MAINTENANCE  ----------------------------------------------------*/

section.mainContent .securityMaintenance {
  overflow: hidden;
}
section.mainContent .securityMaintenance .stdTable {
  margin-top: 0px;
  margin-bottom: 20px;
}
/* 2FA SECURITY DEVICES -----------------------------------------------------*/

section.mainContent .secondFactorAuthentication .error {
  margin-top: 10px;
}
/*SMS Reistration -----------------------------------------------------*/

#smsRegistration h4 {
  color: #cc0838;
  padding: 0px;
  font-size: 16px;
  font-family: 'Bitter';
}
#smsRegistration #dvNotRegisteredDisclaimer span.disclaimerLine {
  display: block;
  font-size: 14px;
}
#smsRegistration #dvNotRegisteredDisclaimer p {
  margin-bottom: 20px;
}
#smsRegistration .importantText {
  color: #cc0838;
  font-size: 90%;
  margin-top: 0;
}
#smsRegistration #dvRemovePayAnyonePasswordDisclaimer p {
  margin-bottom: 20px;
}
#smsRegistration #dvNotRegisteredNoValidDevices p {
  margin-bottom: 20px;
}
#smsRegistration table.stdTable {
  width: 100%;
}
#smsRegistration table.stdTable tbody tr:nth-child(even) {
  background-color: white;
}
#smsRegistration table.stdTable tr td:not(:last-child) {
  border-right: 1px solid transparent;
}
.confirmationDialog.smsDeregisterButton .message span {
  margin-bottom: 20px;
  font-weight: normal;
  display: block;
}
.confirmationDialog.smsDeregisterButton .message p {
  color: #cc0838;
}
#dvSecurityMaintenance #divChangeLoginPassword p {
  margin-bottom: 20px;
}
#dvSecurityMaintenance #divChangeAuthorityPassword p {
  margin-bottom: 20px;
}
#dvSecurityMaintenance #smsRegistrationContent {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
}
#dvSecurityMaintenance #smsRegistrationContent div {
  margin-bottom: 10px;
}
#dvSecurityMaintenance #smsRegistrationContent div .rowLabel {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
#dvSecurityMaintenance #smsRegistrationContent div select {
  min-width: 80px;
}
.horizontalFormRow .accountSelect,
.horizontalFormRow .keyword,
.horizontalFormRow .transactionType {
  width: 330px;
}
.horizontalFormRow .amountFilter,
.horizontalFormRow .dateRange {
  width: 150px;
}
.allTransactions .ui-datepicker-trigger {
  top: 28px;
}
/* TRANSFERS ----------------------------------------------------------*/

section.mainContent .transferMoney div.radioList,
section.mainContent .futureTransfersEdit div.radioList {
  display: inline-block;
  margin: 0px;
}
section.mainContent .transferMoney div.radioList input,
section.mainContent .futureTransfersEdit div.radioList input {
  width: auto;
  margin-right: 10px;
}
section.mainContent .transferMoney div.radioList label,
section.mainContent .futureTransfersEdit div.radioList label {
  line-height: 31px;
  font-weight: normal;
  width: auto;
  margin-right: 40px;
}
section.mainContent .transferMoney div.radioListCredit,
section.mainContent .futureTransfersEdit div.radioListCredit {
  display: inline-block;
  margin: 0px;
}
section.mainContent .transferMoney div.radioListCredit input,
section.mainContent .futureTransfersEdit div.radioListCredit input {
  width: auto;
  margin-right: 10px;
  height: 22px;
}
section.mainContent .transferMoney div.radioListCredit label,
section.mainContent .futureTransfersEdit div.radioListCredit label {
  line-height: 20px;
  font-family: Cabin, Arial, Sans-Serif;
  font-size: 14px;
  font-weight: normal;
  width: auto;
  margin-right: 40px;
}
section.mainContent .transferMoney div.radioListLoan,
section.mainContent .futureTransfersEdit div.radioListLoan {
  display: inline-block;
  margin: 0px;
}
section.mainContent .transferMoney div.radioListLoan input,
section.mainContent .futureTransfersEdit div.radioListLoan input {
  width: auto;
  margin-right: 10px;
  height: 22px;
}
section.mainContent .transferMoney div.radioListLoan label,
section.mainContent .futureTransfersEdit div.radioListLoan label {
  line-height: 20px;
  font-family: Cabin, Arial, Sans-Serif;
  font-size: 14px;
  font-weight: normal;
  width: auto;
  margin-right: 40px;
}
section.mainContent .transferMoney #payLaterFields,
section.mainContent .futureTransfersEdit #payLaterFields {
  display: none;
}
section.mainContent .transferMoney #payLaterFields p,
section.mainContent .futureTransfersEdit #payLaterFields p {
  font-weight: normal;
  color: #cc0838;
  margin-bottom: 14px;
}
section.mainContent .transferMoney #payLaterFields #lastTransferDate,
section.mainContent .futureTransfersEdit #payLaterFields #lastTransferDate {
  display: none;
}
section.mainContent .transferMoney #optionalPaymentInstructionsCredit,
section.mainContent .futureTransfersEdit #optionalPaymentInstructionsCredit {
  display: none;
}
section.mainContent .transferMoney #optionalPaymentInstructionsLoan,
section.mainContent .futureTransfersEdit #optionalPaymentInstructionsLoan {
  display: none;
}
section.mainContent .transferMoney #ajaxLoader,
section.mainContent .futureTransfersEdit #ajaxLoader {
  display: none;
}
section.mainContent .transferMoney #ajaxLoader.loading,
section.mainContent .futureTransfersEdit #ajaxLoader.loading {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('images/ajax-loader.gif') no-repeat;
  vertical-align: middle;
  margin-left: -26px;
}
section.mainContent .transferMoney #ajaxLoaderForDueDate,
section.mainContent .futureTransfersEdit #ajaxLoaderForDueDate {
  display: none;
}
section.mainContent .transferMoney #ajaxLoaderForDueDate.loading,
section.mainContent .futureTransfersEdit #ajaxLoaderForDueDate.loading {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('images/ajax-loader.gif') no-repeat;
  vertical-align: middle;
  margin-left: -26px;
}
section.mainContent .transferMoney div.longLabelName,
section.mainContent .futureTransfersEdit div.longLabelName {
  position: relative;
}
section.mainContent .transferMoney div.longLabelName .formError,
section.mainContent .futureTransfersEdit div.longLabelName .formError {
  position: absolute;
  top: 14%;
  margin-left: 5px;
}
section.mainContent .transferMoney #internalPayeeDetectionDisclaimer,
section.mainContent .futureTransfersEdit #internalPayeeDetectionDisclaimer,
section.mainContent .transferMoney #paylaterDisclaimer,
section.mainContent .futureTransfersEdit #paylaterDisclaimer,
section.mainContent .transferMoney #accountClosedMessage,
section.mainContent .futureTransfersEdit #accountClosedMessage,
section.mainContent .transferMoney #bsbValidMessage,
section.mainContent .futureTransfersEdit #bsbValidMessage {
  color: #cc0838;
  padding-left: 185px;
}
section.mainContent .transferMoney #creditcardDisclaimer,
section.mainContent .futureTransfersEdit #creditcardDisclaimer {
  color: #cc0838;
}
section.mainContent .transferMoney .formError,
section.mainContent .futureTransfersEdit .formError {
  width: 250px;
  line-height: 1.4em;
}
section.mainContent .transferMoney #payeeNameLine,
section.mainContent .futureTransfersEdit #payeeNameLine {
  display: none;
}
section.mainContent .transferMoney .unavailableToAccounts,
section.mainContent .futureTransfersEdit .unavailableToAccounts {
  visibility: hidden;
}
@media (max-width: 414px) {
  section.mainContent .transferMoney div#crnMessage,
  section.mainContent .futureTransfersEdit div#crnMessage {
    display: none;
    color: #cc0838;
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: -10px;
  }
  section.mainContent .transferMoney div#saveMessage,
  section.mainContent .futureTransfersEdit div#saveMessage {
    display: none;
    color: #cc0838;
    font-size: 12px;
    margin-bottom: 25px;
    margin-top: 1px !important;
  }
}
@media (min-width: 414px) {
  section.mainContent .transferMoney div#crnMessage,
  section.mainContent .futureTransfersEdit div#crnMessage {
    display: none;
    color: #cc0838;
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 10px;
  }
  section.mainContent .transferMoney div#saveMessage,
  section.mainContent .futureTransfersEdit div#saveMessage {
    display: none;
    color: #cc0838;
    font-size: 12px;
    margin-top: -27px;
    margin-bottom: 15px;
  }
}
/* TRANSFER HISTORY ----------------------------------------------------------*/

section.mainContent .transferHistorySearch {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  margin: 20px 0px 20px 0px;
  padding: 0px 0px 0px 20px;
}
section.mainContent .transferHistorySearch .activityGroup select {
  width: 180px;
  margin-bottom: 10px;
}
.stdTable.onlineHistoryTable thead tr th.dateCell {
  width: 70px;
}
.stdTable.onlineHistoryTable td {
  vertical-align: top !important;
}
/* PAYEES ----------------------------------------------------------*/

section.mainContent .payees {
  overflow: hidden;
}
section.mainContent .payees input.btnConfirm {
  margin-top: 20px !important;
}
/* EDIT PAYEE ----------------------------------------------------------*/

/* VIEW FUTURE TRANSFERS ----------------------------------------------------------*/

section.mainContent .futureTransfers {
  overflow: hidden;
}
section.mainContent .futureTransfers .stdTable {
  margin-top: 0px;
}
section.mainContent .futureTransfers .stdTable .payeeDescription {
  width: 30%;
}
section.mainContent .futureTransfers .stdTable .description {
  width: auto;
}
section.mainContent .futureTransfers .stdTable .action {
  width: 14%;
}
section.mainContent .futureTransfers .stdTable td.reference {
  max-width: 120px;
  word-wrap: break-word;
}
section.mainContent .futureTransfers a.btnConfirm {
  margin-top: 20px;
  padding: 0px 10px;
  width: auto;
}
/* EDIT FUTURE TRANSFER ----------------------------------------------------------*/

section.mainContent .futureTransfersEdit .buttonList {
  margin-top: 10px;
}
/* TRANSACTION CONFIRMATION ------------------------------------------------------- */

section.mainContent .transactionConfirmation .buttonList {
  margin-top: 10px;
}
section.mainContent .transactionConfirmation .verticalReadonlyForm {
  margin-bottom: 0px;
}
section.mainContent .transactionConfirmation .verticalReadonlyForm div label {
  max-width: 220px;
}
section.mainContent .transactionConfirmation .verticalReadonlyForm #sendTwoFaFailedMessage,
section.mainContent .transactionConfirmation .verticalReadonlyForm #validateTwoFaFailedMessage,
section.mainContent .transactionConfirmation .verticalReadonlyForm #sendTwoFaSuccessMessage {
  padding-left: 185px;
}
section.mainContent .transactionConfirmation .authorityPasswordForm {
  margin-top: 10px;
}
section.mainContent .transactionConfirmation .disclaimer {
  margin-top: 20px;
}
section.mainContent .transactionConfirmation .disclaimer a,
section.mainContent .transactionConfirmation .disclaimer a:active,
section.mainContent .transactionConfirmation .disclaimer a:visited {
  text-decoration: underline;
}
section.mainContent .transactionConfirmation span.transferBankInfoLine {
  display: block;
}
section.mainContent .transactionConfirmation #internalPayeeDetectionDisclaimer {
  color: #cc0838;
}
/* TRANSFERS ----------------------------------------------------------*/

#allNotificationsContent .email {
  padding-left: 10px;
  font-weight: bold;
}
#allNotificationsContent h4 {
  color: #cc0838;
  padding: 0px;
  font-size: 16px;
  font-family: 'Bitter';
}
#allNotificationsContent .formError {
  font-size: 14px;
}
#allNotificationsContent .notificationsTable {
  margin-bottom: 20px;
}
#allNotificationsContent #dvsmsEmailAddressSecion #lblEmailAddress {
  font-weight: bold;
}
#allNotificationsContent #dvsmsEmailAddressSecion label {
  display: block;
  line-height: 30px;
}
#allNotificationsContent #smsNotificationSettingsSection #smsChargesSection {
  margin-top: 30px;
}
#allNotificationsContent #smsNotificationSettingsSection #smsChargesSection #smsCharges {
  margin-top: 20px;
}
#allNotificationsContent #smsNotificationSettingsSection #smsChargesSection #rfvChargableAccounts {
  display: block;
  padding-left: 0;
}
#allNotificationsContent #smsNotificationSettingsSection #smsNotificationTimesSection {
  margin-top: 30px;
}
#allNotificationsContent #smsNotificationSettingsSection #smsNotificationTimesSection #smsNotificationTimes {
  margin-top: 20px;
}
#allNotificationsContent #smsNotificationSettingsSection #smsSettingsDisclaimer {
  margin-bottom: 20px;
}
#allNotificationsContent #amountTriggeredNotificationSettingsSection .triggerAmount {
  width: 250px;
}
#allNotificationsContent #amountTriggeredNotificationSettingsSection .importantText {
  margin: 0 0 20px 0;
}
#allNotificationsContent #balanceTriggeredSettingsSection .lblMinBalance {
  font-weight: bold;
}
#allNotificationsContent #balanceTriggeredSettingsSection .txtMinBalance {
  width: 250px;
}
#allNotificationsContent #balanceTriggeredSettingsSection .lblMinBalanceHeader {
  width: 180px;
}
#allNotificationsContent #balanceTriggeredSettingsSection .importantText {
  margin-top: 0;
}
#allNotificationsContent #RadioHours {
  margin-left: 30px;
}
section.mainContent .estatementRegistration {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  margin: 20px 0px 40px 0px;
  padding: 20px;
}
section.mainContent .estatementRegistration ol {
  margin-bottom: 20px;
}
section.mainContent .estatementRegistration ol li {
  font-size: 14px;
  margin-left: -10px;
}
section.mainContent .estatementRegistration .buttonList input.btnConfirm {
  width: auto;
  padding: 0 20px;
}
section.mainContent .estatementRegistration .registerPanel {
  overflow: auto;
}
section.mainContent .estatementRegistration .acceptTerms {
  margin-bottom: 20px;
}
section.mainContent .estatementRegistration .acceptTerms input[type=checkbox] {
  vertical-align: middle;
  margin-right: 10px;
}
section.mainContent .statementSearch {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  margin: 20px 0px 40px 0px;
  padding: 0px 0px 0px 20px;
}
section.mainContent .statementSearch .statementType {
  width: 200px;
}
.eStatementsearchBtn {
  position: absolute;
  bottom: 1px;
  right: 0;
}
.eStatementsearchBtn input[type=submit] {
  min-width: 81px;
  height: 31px;
  padding: 0px;
  border: none;
  line-height: 31px;
  font-size: 0.8em;
  color: white;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #cc0838;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f43263 0%, #cc0838 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f43263), color-stop(100%, #cc0838));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f43263 0%, #cc0838 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f43263 0%, #cc0838 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f43263 0%, #cc0838 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f43263 0%, #cc0838 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f43263', endColorstr='#CC0838', GradientType=0);
  width: 81px;
  height: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.eStatementsearchBtn input[type=submit]:hover {
  background: #fb527d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fb527d 0%, #fb527d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb527d), color-stop(100%, #fb527d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fb527d 0%, #fb527d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fb527d 0%, #fb527d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fb527d 0%, #fb527d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fb527d 0%, #fb527d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb527d', endColorstr='#fb527d', GradientType=0);
}
.eStatementsearchBtn input[type=submit]:active {
  background: #f43263;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cc0838 0%, #f43263 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc0838), color-stop(100%, #f43263));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cc0838 0%, #f43263 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cc0838 0%, #f43263 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cc0838 0%, #f43263 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cc0838 0%, #f43263 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0838', endColorstr='#f43263', GradientType=0);
}
/* VIEW FUTURE TRANSFERS ----------------------------------------------------------*/

section.mainContent .futurePayments {
  overflow: hidden;
}
section.mainContent .futurePayments a.btnConfirm {
  margin-top: 20px;
  padding: 0px 10px;
  width: auto;
}
section.mainContent .manageBillers {
  overflow: hidden;
}
section.mainContent .manageBillers input.btnConfirm {
  margin-top: 20px !important;
}
/* SETTINGS ----------------------------------------------------------*/

section.mainContent .personalSettings .buttonList {
  margin-top: 10px;
}
section.mainContent .personaliseAccounts .stdTable tr.Closed {
  opacity: 0.5;
}
section.mainContent .personalDetails .info-message {
  font-weight: normal;
  margin-bottom: 14px;
}
section.mainContent .personalDetails #txtAddressLine2 {
  margin-left: 187px;
  width: 40%;
  vertical-align: top;
}
section.mainContent .personalDetails #txtAddressLine3 {
  margin-left: 187px;
  width: 40%;
  vertical-align: top;
}
section.mainContent .personalDetails .mobileAliasUpdateDisclaimer {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}
section.mainContent .personalDetails .mobileAliasUpdateDisclaimer a {
  text-decoration: underline;
}
section.mainContent .personalDetails select {
  width: 40%;
}
section.mainContent .personalDetails input[readonly] {
  background-color: #ebebe4;
}
section.mainContent .personalDetails div.radioList {
  display: inline-block;
  margin: 0px;
}
section.mainContent .personalDetails div.radioList input {
  width: auto;
  margin-right: 10px;
}
section.mainContent .personalDetails div.radioList label {
  line-height: 31px;
  font-weight: normal;
  width: auto;
  margin-right: 40px;
}
section.mainContent .personalDetails.personalDetailsEditableForm #dvMobileNumbers {
  width: 500px;
}
section.mainContent .personalDetails.personalDetailsEditableForm #dvMobileNumbers .mobilePhone {
  width: 128px;
}
section.mainContent .personalDetails.personalDetailsEditableForm #dvMobileNumbers .lblPartyName {
  display: inline-block;
  width: 180px;
  line-height: 30px;
}
section.mainContent .personalDetails.personalDetailsEditableForm #dvMobileNumbers .lblAlias {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  margin-left: 5px;
}
section.mainContent .personalDetails.personalDetailsReadOnlyForm .lblReadOnlyPartyName {
  display: inline-block;
  width: 180px;
  line-height: normal;
  word-break: break-word;
  vertical-align: middle;
}
section.mainContent .personalDetails.personalDetailsReadOnlyForm .lblReadOnlyMobileNumber {
  display: inline-block;
  vertical-align: middle;
}
section.mainContent .personalDetails.personalDetailsReadOnlyForm #dvMobileNumbers .lblMobileNumber {
  line-height: 30px;
  display: block;
}
section.mainContent .personalDetails #dvMobileNumbers {
  display: inline-block;
}
section.mainContent .personalDetails #btnSameAsResidential {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  border-radius: 15px/50%;
  border-width: 2px !important;
  margin-left: 0px;
  padding: 0 10px;
  font-weight: normal;
  margin-bottom: 20px;
}
section.mainContent .personalDetails #btnSameAsResidential:hover {
  background-color: #27ae5f;
  color: white;
}
section.mainContent .personalDetails #btnSameAsResidential:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.mainContent .notificationSettings div.radioList {
  display: inline-block;
  margin: 0px;
}
section.mainContent .notificationSettings div.radioList input {
  width: auto;
  margin-right: 10px;
}
section.mainContent .notificationSettings div.radioList label {
  line-height: 31px;
  font-weight: normal;
  width: auto;
  margin-right: 40px;
}
section.mainContent .notificationSettings #lblTransferThreshold,
section.mainContent .notificationSettings #lblBpayThreshold,
section.mainContent .notificationSettings #lblMobileNumber,
section.mainContent .notificationSettings #lblEmail {
  font-weight: normal;
  color: #cc0838;
  margin-bottom: 0.8em;
}
section.mainContent .notificationSettings div#dvSMSNotificationSettingsHours {
  min-height: 0;
}
section.mainContent .notificationSettings .checkboxes input[type="checkbox"] {
  vertical-align: middle;
}
section.mainContent .smsEmailHisotry {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding-left: 20px;
}
.stdTable.smsEmailHisotryTable thead tr th.dateCell {
  width: 13%;
}
.stdTable.smsEmailHisotryTable thead tr th.booleanCell {
  width: 13%;
}
.stdTable.smsEmailHisotryTable thead tr th.smsHistoryIdColumn {
  width: 10%;
}
.stdTable.smsEmailHisotryTable td {
  vertical-align: top !important;
}
#divLinksFromThisMemberToAnotherMember .buttonList {
  padding-top: 10px;
}
#divLinksToThisMemberFromAnotherMember {
  clear: both;
}
#divTermDepositInstructions {
  margin-top: -13px;
  margin-bottom: 10px;
}
.secureMessageContent {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
  font-size: 21px;
  line-height: 28px;
}
/* secure messaging variables */
#hConversationSubject {
  max-width: 80%;
  word-break: break-word;
  line-height: 1.5em;
}
.newSecureMessage {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
}
.newSecureMessage div {
  margin-bottom: 10px;
  min-height: 31px;
}
.newSecureMessage div select {
  padding: 1px;
}
.newSecureMessage div input,
.newSecureMessage div select {
  height: 30px;
  width: 400px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .newSecureMessage div input,
.ie7 .newSecureMessage div select {
  height: 27px;
  padding-left: 0px;
}
.newSecureMessage div p {
  display: inline-block;
  font-weight: bold;
  margin: 0px;
}
.newSecureMessage div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.newSecureMessage div .inputFocus {
  border: 1px solid;
}
.newSecureMessage div .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
.newSecureMessage div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.newSecureMessage div input,
.newSecureMessage div select {
  width: 75%;
}
.newSecureMessage div input[type=checkbox] {
  width: auto;
}
.newSecureMessage div input[type=radio] {
  vertical-align: bottom;
}
.newSecureMessage div .datePicker {
  position: relative;
  width: 120px;
  display: inline-block;
  margin-bottom: 0;
}
.newSecureMessage div .datePicker input[type=text] {
  width: 100%;
  position: relative;
}
.newSecureMessage div .datePicker .ui-datepicker-trigger {
  position: absolute;
  right: 2px;
  bottom: 3px;
}
.newSecureMessage div input[type=text],
.newSecureMessage div input[type=password],
.newSecureMessage div textarea {
  width: 40%;
  vertical-align: top;
}
.newSecureMessage div textarea {
  height: 47px;
}
.newSecureMessage div .shortFormInput {
  width: 40%;
}
.newSecureMessage div.longLabelName label {
  line-height: 1.5em;
}
.newSecureMessage div img {
  vertical-align: bottom;
}
.newSecureMessage div .radioButtonList label,
.newSecureMessage div .radioButtonList input {
  width: auto;
  vertical-align: auto;
  font-weight: normal;
}
.newSecureMessage div .radioButtonList label {
  padding-left: 5px;
  padding-right: 20px;
  vertical-align: bottom;
}
.newSecureMessage div .radioButtonList input[type="radio"] {
  height: 20px;
}
.newSecureMessage div .ignoreLabel {
  width: auto;
  font-wight: auto;
}
.newSecureMessage div select.month,
.newSecureMessage div select.year {
  width: 90px;
}
.newSecureMessage p.unemphasisedFormInfo {
  font-weight: normal;
}
.newSecureMessage p.formElementComment {
  font-weight: normal;
  margin-left: 185px;
}
@-moz-document url-prefix() {
  .verticalForm div select {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
.newSecureMessage div > input[type=text],
.newSecureMessage div > textarea,
.newSecureMessage div > select {
  height: 30px;
  width: 65%;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .newSecureMessage div > input[type=text],
.ie7 .newSecureMessage div > textarea,
.ie7 .newSecureMessage div > select {
  height: 27px;
  padding-left: 0px;
}
.newSecureMessage .maxCharacterLabel {
  font-size: 0.6em;
  font-weight: normal;
  width: 150px;
}
.newSecureMessage div > label {
  width: 100px;
}
.newSecureMessage div > textarea {
  height: 300px;
}
.secureMessageReply {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
  margin-top: 20px;
  display: none;
  padding-top: 2px;
}
.secureMessageReply div {
  margin-bottom: 10px;
  min-height: 31px;
}
.secureMessageReply div select {
  padding: 1px;
}
.secureMessageReply div input,
.secureMessageReply div select {
  height: 30px;
  width: 400px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .secureMessageReply div input,
.ie7 .secureMessageReply div select {
  height: 27px;
  padding-left: 0px;
}
.secureMessageReply div p {
  display: inline-block;
  font-weight: bold;
  margin: 0px;
}
.secureMessageReply div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.secureMessageReply div .inputFocus {
  border: 1px solid;
}
.secureMessageReply div .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-left: 10px;
  display: inline-block;
}
.secureMessageReply div label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.secureMessageReply div input,
.secureMessageReply div select {
  width: 75%;
}
.secureMessageReply div input[type=checkbox] {
  width: auto;
}
.secureMessageReply div input[type=radio] {
  vertical-align: bottom;
}
.secureMessageReply div .datePicker {
  position: relative;
  width: 120px;
  display: inline-block;
  margin-bottom: 0;
}
.secureMessageReply div .datePicker input[type=text] {
  width: 100%;
  position: relative;
}
.secureMessageReply div .datePicker .ui-datepicker-trigger {
  position: absolute;
  right: 2px;
  bottom: 3px;
}
.secureMessageReply div input[type=text],
.secureMessageReply div input[type=password],
.secureMessageReply div textarea {
  width: 40%;
  vertical-align: top;
}
.secureMessageReply div textarea {
  height: 47px;
}
.secureMessageReply div .shortFormInput {
  width: 40%;
}
.secureMessageReply div.longLabelName label {
  line-height: 1.5em;
}
.secureMessageReply div img {
  vertical-align: bottom;
}
.secureMessageReply div .radioButtonList label,
.secureMessageReply div .radioButtonList input {
  width: auto;
  vertical-align: auto;
  font-weight: normal;
}
.secureMessageReply div .radioButtonList label {
  padding-left: 5px;
  padding-right: 20px;
  vertical-align: bottom;
}
.secureMessageReply div .radioButtonList input[type="radio"] {
  height: 20px;
}
.secureMessageReply div .ignoreLabel {
  width: auto;
  font-wight: auto;
}
.secureMessageReply div select.month,
.secureMessageReply div select.year {
  width: 90px;
}
.secureMessageReply p.unemphasisedFormInfo {
  font-weight: normal;
}
.secureMessageReply p.formElementComment {
  font-weight: normal;
  margin-left: 185px;
}
@-moz-document url-prefix() {
  .verticalForm div select {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
.secureMessageReply div > input[type=text],
.secureMessageReply div > textarea,
.secureMessageReply div > select {
  height: 30px;
  width: 65%;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .secureMessageReply div > input[type=text],
.ie7 .secureMessageReply div > textarea,
.ie7 .secureMessageReply div > select {
  height: 27px;
  padding-left: 0px;
}
.secureMessageReply .maxCharacterLabel {
  font-size: 0.6em;
  font-weight: normal;
  width: 150px;
}
.secureMessageReply div > label {
  width: 100px;
}
.secureMessageReply div > textarea {
  height: 300px;
}
.secureMessageReply .formError {
  /*font-size: 70%;*/
  color: #cc0838;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 5px;
  display: block;
}
section.mainContent .readSecureMessage {
  overflow: hidden;
}
section.mainContent .secureMessaging {
  overflow: hidden;
}
section.mainContent .secureMessaging p#totalDescription {
  font-weight: bold;
}
section.mainContent .secureMessaging span.mail {
  background-image: url(images/icons-inbox.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}
section.mainContent .secureMessaging span.mail.read {
  background-position: 0px -17px;
  height: 24px;
}
section.mainContent .secureMessaging span.mail.unread {
  background-position: 0px 0px;
}
section.mainContent .secureMessaging td a.secureMessageUnread {
  font-weight: bold;
}
section.mainContent .secureMessaging td a.secureMessageRead {
  font-weight: normal;
}
section.mainContent .secureMessaging .messageStatus {
  text-align: center;
  width: 50px;
}
section.mainContent .secureMessaging .smallColumn {
  width: 50px;
  text-align: center;
}
section.mainContent .secureMessaging .smallColumn input[type="checkbox"] {
  vertical-align: middle;
}
section.mainContent .secureMessaging .receivedColoumn {
  width: 150px;
  text-align: center;
  vertical-align: middle;
}
section.mainContent .secureMessaging .descriptionColoumn {
  vertical-align: middle;
}
section.mainContent .secureMessaging a.btnConfirm {
  margin-top: 20px;
}
section.mainContent .secureMessaging #messageContent {
  font-size: 14px;
  font-weight: bold;
}
section.mainContent .secureMessaging #messageContent h1,
section.mainContent .secureMessaging #messageContent h2,
section.mainContent .secureMessaging #messageContent h3,
section.mainContent .secureMessaging #messageContent b,
section.mainContent .secureMessaging #messageContent ol,
section.mainContent .secureMessaging #messageContent ul,
section.mainContent .secureMessaging #messageContent li {
  font-weight: bold;
}
section.mainContent .secureMessaging #messageContent h1 {
  font-size: 2.2em;
  color: #b30731;
  margin: 20px 0;
}
section.mainContent .secureMessaging #messageContent h2 {
  font-size: 1.5em;
  color: #cc0838;
  margin: 20px 0;
}
section.mainContent .secureMessaging #messageContent h3 {
  font-size: 1.15em;
  color: #e5093f;
  margin: 20px 0;
}
section.mainContent .secureMessaging #messageContent b {
  font-weight: bold;
}
section.mainContent .secureMessaging #messageContent ol,
section.mainContent .secureMessaging #messageContent ul {
  margin-bottom: 20px;
}
section.mainContent .secureMessaging #messageContent ol li,
section.mainContent .secureMessaging #messageContent ul li {
  font-size: 14px;
}
section.mainContent .secureMessaging #messageContent a {
  font-size: 1em;
}
.headerLogo .secureMessageContainer {
  text-align: right;
  vertical-align: middle;
}
.headerLogo .secureMessageIcon {
  background-image: url(images/icons-inbox.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  width: 21px;
}
.headerLogo .newSecureMessages {
  background-color: #cc0838;
  background-repeat: no-repeat;
  border: 1px solid darker(#cc0838, 50%);
  border-radius: 5px;
  box-shadow: 0 1px 0 rgba(0, 39, 121, 0.77);
  color: white;
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
  padding: 1px 2px;
  position: relative;
  right: 11px;
  top: -11px;
  z-index: 1;
}
.headerLogo #SecureMessages a {
  text-decoration: none;
  text-align: right;
}
div#secureMessageResults,
div#secureMessageDetails {
  position: relative;
}
div#secureMessageResults ul.toggleList,
div#secureMessageDetails ul.toggleList {
  position: absolute;
  right: 0px;
  margin: 0px;
  padding: 0px;
  display: flex;
  display: -ms-flexbox;
}
div#secureMessageResults ul.toggleList li,
div#secureMessageDetails ul.toggleList li {
  display: inline-block;
}
div#secureMessageResults ul.toggleList li a,
div#secureMessageDetails ul.toggleList li a,
div#secureMessageResults ul.toggleList li span,
div#secureMessageDetails ul.toggleList li span {
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  border: solid 1px transparent;
  cursor: pointer;
}
div#secureMessageResults .stdTable .unread,
div#secureMessageDetails .stdTable .unread {
  font-weight: bold;
  background-position: 0px 0px;
}
div#secureMessageResults .stdTable tr td.iconCell,
div#secureMessageDetails .stdTable tr td.iconCell {
  padding-left: 35px;
  width: 50px;
}
div#secureMessageResults .stdTable .mainCell,
div#secureMessageDetails .stdTable .mainCell {
  word-break: break-word;
}
div#secureMessageResults .iconCell span.isRead,
div#secureMessageDetails .iconCell span.isRead {
  background-image: url(images/icons-inbox.png);
  background-repeat: no-repeat;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
  background-position: 0px -17px;
  height: 24px;
}
div#secureMessageResults .unread .iconCell span.isRead,
div#secureMessageDetails .unread .iconCell span.isRead {
  background-position: 0px 0px;
  height: 17px;
}
div#secureMessageResults .secureMessages .buttonList,
div#secureMessageDetails .secureMessages .buttonList {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* 2FA ----------------------------------------------------------*/

section.mainContent .secondFactorAuthentication {
  overflow: auto;
  padding-bottom: 10px;
}
section.mainContent .secondFactorAuthentication #keypad-container {
  margin-bottom: 20px;
  margin-top: 20px;
}
section.mainContent .secondFactorAuthentication .buttonList {
  display: inline-block;
  float: none;
  margin-left: 20px;
  vertical-align: bottom;
}
section.mainContent .secondFactorAuthentication .buttonList input[type=submit].btnConfirm,
section.mainContent .secondFactorAuthentication .buttonList a.btnConfirm,
section.mainContent .secondFactorAuthentication .buttonList input[type=button].btnConfirm,
section.mainContent .secondFactorAuthentication .buttonList button.btnConfirm {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  border-radius: 15px/50%;
  border-width: 2px !important;
}
section.mainContent .secondFactorAuthentication .buttonList input[type=submit].btnConfirm:hover,
section.mainContent .secondFactorAuthentication .buttonList a.btnConfirm:hover,
section.mainContent .secondFactorAuthentication .buttonList input[type=button].btnConfirm:hover,
section.mainContent .secondFactorAuthentication .buttonList button.btnConfirm:hover {
  background-color: #27ae5f;
  color: white;
}
section.mainContent .secondFactorAuthentication .buttonList input[type=submit].btnConfirm:active,
section.mainContent .secondFactorAuthentication .buttonList a.btnConfirm:active,
section.mainContent .secondFactorAuthentication .buttonList input[type=button].btnConfirm:active,
section.mainContent .secondFactorAuthentication .buttonList button.btnConfirm:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
section.mainContent .secondFactorAuthentication #txtPass,
section.mainContent .secondFactorAuthentication #dplDevices,
section.mainContent .secondFactorAuthentication #secondPasswordInput {
  vertical-align: bottom;
}
section.mainContent .secondFactorAuthentication #lblPassText,
section.mainContent .secondFactorAuthentication #lblSendText,
section.mainContent .secondFactorAuthentication #lblSecondPasswordInput {
  vertical-align: middle;
}
section.mainContent .secondFactorAuthentication #sendTwoFaSuccessMessage {
  font-weight: normal;
  color: #06a111;
  margin-bottom: 10px;
  padding-left: 175px;
}
section.mainContent .secondFactorAuthentication #lblSecondPasswordRequiredMessage {
  width: 100%;
}
section.mainContent .secondFactorAuthentication #lblSecondPasswordErrorMessage {
  margin-top: 15px;
  padding-left: 0px;
}
section.mainContent .secondFactorAuthentication #sendTwoFaFailedMessage,
section.mainContent .secondFactorAuthentication #validateTwoFaFailedMessage,
section.mainContent .secondFactorAuthentication #lblSecondPasswordErrorMessage,
section.mainContent .secondFactorAuthentication #validationErrors {
  color: #cc0838;
  padding-left: 175px;
  font-weight: normal;
}
div#cgCodeDiv #ajaxLoader {
  display: none;
}
div#cgCodeDiv #ajaxLoader.loading {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('images/ajax-loader.gif') no-repeat;
  vertical-align: middle;
  margin-left: -26px;
}
/* take styles from confirmation dialog overlay.  Overlay used to disable clicks at lower z levels*/

.contextMenuOverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 100;
  background-color: black;
  /* from global.less */

}
.headerUser {
  position: relative;
}
.contextMenu {
  background-color: #707070;
  margin: 0;
  padding: 0;
  display: none;
  text-align: center;
  box-shadow: 5px 5px 3px #62626d;
  z-index: 200;
  position: absolute;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  left: 440px;
}
.contextMenu .contextMenuFilter {
  margin: auto;
  display: block;
}
.contextMenu .contextMenuFilter hr {
  margin: 0;
  padding: 0;
  background-color: #858585;
  border-bottom-style: solid;
  margin: auto;
  margin-bottom: 4px;
}
.contextMenu .contextMenuFilter input[type='text'] {
  width: 94%;
  margin: 5px;
  height: 20px;
  text-indent: 10px;
}
.contextMenu .contextMenuLinkList {
  width: 440px;
  max-height: 420px;
}
.contextMenu .contextMenuLinkList ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.contextMenu .contextMenuLinkList ul li {
  overflow: hidden;
  width: inherit;
}
.contextMenu .contextMenuLinkList ul li a {
  border-top: 1px solid black;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  padding: 4px;
  color: white;
  padding: 10px;
}
.contextMenu .contextMenuLinkList ul li a:hover {
  background-color: #636363;
  cursor: pointer;
  color: #fbb901;
}
.contextMenu .contextMenuLinkList ul:last-child a {
  padding-bottom: 10px;
}
.contextMenu .contextMenuLinkList ul:first-child {
  border-top: none;
}
.welcomeMessage .switchBackButton,
.welcomeMessage .switchToButton {
  border-radius: 5px;
  background-position: 2px 1px;
  background-repeat: no-repeat;
  font-size: 14px;
}
.welcomeMessage .switchBackButton {
  padding: 6px 5px 0px 15px;
  background-image: url('../Content/images/switchBackArrow.png');
}
.welcomeMessage .switchToButton {
  padding: 6px 0;
}
.welcomeMessage .switchBackText,
.welcomeMessage .switchToText {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 640px;
  white-space: nowrap;
  display: inline-block;
}
.welcomeMessage .switchToText {
  max-width: 645px;
}
.welcomeMessage .switchPossible {
  margin-top: 10px;
}
.welcomeMessage .switchPossible .memberSwitchMenuAnchor {
  display: inline-block;
}
.welcomeMessage .switchPossible .memberSwitchMenuAnchor:hover {
  cursor: pointer;
}
.welcomeMessage .switchPossible .memberSwitchMenuAnchor img {
  margin: 5px 6px 8px 5px;
}
.welcomeMessage .switchBack {
  margin-top: 10px;
}
.welcomeMessage .switchBack:hover {
  cursor: pointer;
}
.dailyLimitsForm {
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
  overflow: auto;
  margin-bottom: 0px !important;
}
.dailyLimitsForm label {
  width: 180px;
  font-family: Cabin;
  font-size: 15px;
  color: #53616f;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  width: 500px;
}
.dailyLimitsForm input {
  height: 30px;
  width: 150px;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .dailyLimitsForm input {
  height: 27px;
  padding-left: 0px;
}
.dailyLimitsForm img {
  vertical-align: middle;
}
.dailyLimitsForm div {
  padding-bottom: 5px;
}
.dailyLimitsForm .buttonList {
  padding-top: 5px;
}
@-webkit-keyframes flashDiv1 {
  to {
    background-image: none;
    background-color: #fabc78;
  }
}
@-moz-keyframes flashDiv2 {
  to {
    background-image: none;
    background-color: #fabc78;
  }
}
@-o-keyframes flashDiv3 {
  to {
    background-image: none;
    background-color: #fabc78;
  }
}
@keyframes flashDiv4 {
  to {
    background-image: none;
    background-color: #fabc78;
  }
}
.flashDiv {
  -webkit-animation: flashDiv1 500ms;
  -moz-animation: flashDiv2 500ms;
  -o-animation: flashDiv3 500ms;
  animation: flashDiv4 500ms;
}
.collapsablePanel {
  padding-left: 20px;
  width: auto;
  height: auto;
  /*.border();*/

  /*.linearGradient();*/

  padding: 6px;
  /* header */

  /* content */

}
.collapsablePanel .header {
  position: relative;
  margin: 10px 0px;
  overflow: auto;
  width: 100%;
  /* Fix for select box vertical alignment */

  /* http://stackoverflow.com/a/5440037 */

  /* http://stackoverflow.com/questions/952861/targeting-only-firefox-with-css */

  height: auto;
  display: flex;
  display: -ms-flexbox;
  border-top: 1px solid #cccccc;
}
.collapsablePanel .header h6 {
  margin-bottom: 0;
  margin-top: 10px;
}
.collapsablePanel .header > div {
  padding-right: 20px;
  position: relative;
}
.collapsablePanel .header select {
  padding: 1px;
}
.collapsablePanel .header input,
.collapsablePanel .header select {
  height: 30px;
  width: 100%;
  color: #4d4e53;
  font-size: 14px;
  /*.border();*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ie7 .collapsablePanel .header input,
.ie7 .collapsablePanel .header select {
  height: 27px;
  padding-left: 0px;
}
@-moz-document url-prefix() {
  .horizontalFormRow select {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
.collapsablePanel .header .datePicker {
  width: 135px;
}
.collapsablePanel .header .datePicker input {
  width: 100%;
  position: relative;
}
.ie7 .collapsablePanel .header .datePicker input {
  float: left;
}
.collapsablePanel .header .ui-datepicker-trigger {
  position: absolute;
  right: 22px;
  bottom: 2px;
}
.ie7 .collapsablePanel .header .ui-datepicker-trigger {
  float: right;
}
.collapsablePanel .header .searchBtn input {
  /*position: absolute;
        bottom: 1px;
        right: 0;

        input[type=submit] {		
            .buttonMedium();
			.size(30px, 81px);
			.roundedCorners(2px);
        }*/

  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #27ae5f;
  color: #27ae5f;
  background-color: transparent;
  transition: 0.1s;
  width: auto;
  border-radius: 15px/50%;
  border-width: 2px !important;
}
.collapsablePanel .header .searchBtn input:hover {
  background-color: #27ae5f;
  color: white;
}
.collapsablePanel .header .searchBtn input:active {
  background-color: #27ae5f;
  color: white;
  opacity: 0.8;
}
.collapsablePanel .header .editBtn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.collapsablePanel .header .editBtn input[type=submit] {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
}
.collapsablePanel .header .accountSelect,
.collapsablePanel .header .keyword,
.collapsablePanel .header .transactionType {
  width: 330px;
}
.collapsablePanel .header .amountFilter,
.collapsablePanel .header .dateRange {
  width: 150px;
}
.collapsablePanel .header .editButtonContainer {
  position: absolute;
  bottom: 15px;
  right: 0;
}
.collapsablePanel .header .editButtonContainer .editButton {
  border-radius: 13px/50%;
  padding: 7px 12px 5px 12px;
  border: none;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-width: 1px !important;
  font-family: 'nettooffc';
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  text-decoration: none;
  border: 2px solid #777777;
  color: #777777;
  background: transparent;
  transition: 0.1s;
}
.collapsablePanel .header .editButtonContainer .editButton:hover {
  background-color: #777777;
  color: white;
}
.collapsablePanel .header .editButtonContainer .editButton:active {
  background-color: #777777;
  color: white;
  opacity: 0.8;
}
.collapsablePanel .header h6 {
  font-weight: normal;
}
.collapsablePanel .header p {
  font-weight: bold;
}
.collapsablePanel .headerItem {
  width: 165px;
}
.collapsablePanel .detailsFields p {
  display: inline-block;
  font-weight: bold;
}
.collapsablePanel .detailsFields label {
  display: inline-block;
  width: 180px;
  font-weight: normal;
}
.collapsablePanel .toggle {
  position: relative;
  right: -1px;
  top: -13px;
  cursor: pointer;
}
.collapsablePanel .toggle a {
  position: absolute;
  bottom: -1px;
  right: 0;
  display: inline-block;
  min-width: 145px;
  height: 24px;
  margin: 0px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px transparent;
  background: #e2e2e2;
  /* Old browsers */

  border-bottom: 0px;
  border-right: 0px;
}
.collapsablePanel .toggle a:active {
  background: white;
  /* Old browsers */

}
.collapsablePanel .toggle a:hover {
  background: white;
}
.ie7 .collapsablePanel .toggle {
  top: 32px;
}
.collapsablePanel .toggle .openMenu {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/openClosed.png);
  width: 14px;
  height: 14px;
  background-position: -14px 0px;
  float: right;
}
.ie7 .collapsablePanel .toggle .openMenu {
  margin-top: -18px;
}
.collapsablePanel .toggle .openMenu.maximised {
  background-position: 0px 0px;
}
.collapsablePanel p,
.collapsablePanel label {
  font-size: 14px;
}
.collapsablePanel div:nth-child(1) .timestamp {
  float: right;
}
.collapsablePanel div:nth-child(1) a.collapsablePanelTrigger {
  vertical-align: middle;
}
.collapsablePanel div:nth-child(1) a.collapsablePanelTrigger span {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(images/openClosed.png);
  width: 14px;
  height: 14px;
  background-position: -14px 0px;
}
.collapsablePanel div:nth-child(1) a.collapsablePanelTrigger.maximised span {
  width: 14px;
  height: 14px;
  background-position: 0px 0px;
}
.collapsablePanel div:nth-child(2) {
  display: none;
  margin: 5px;
  padding: 2px;
}
section.mainContent {
  float: left;
}
div.sidebar {
  float: right;
  margin-top: 20px;
}
div.sidebar .menu {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #cc0838;
  /* Old browsers */

  width: 175px;
  border: 1px #cacaca solid;
  margin-bottom: 10px;
  margin-left: 10px;
  display: block;
}
div.sidebar .menu label.header {
  margin: 10px 0;
  color: #fbb901;
  font-weight: bold;
  padding-left: 10px;
}
div.sidebar .menu li.menuItem {
  border-top: 1px solid #dfdfdf;
  width: 90%;
  padding-bottom: 10px;
}
div.sidebar .menu li.menuItem:before {
  content: "";
  border-color: transparent white;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: 0.5em;
  top: 0.9em;
  position: relative;
}
div.sidebar .menu li.menuItem a {
  color: white;
  padding-left: 20px;
}
div.sidebar .menu li.menuItem a:hover {
  color: #fbb901;
}
div.sidebar .menu label.header,
div.sidebar .menu .menuItem a {
  display: block;
  text-align: left;
  font-family: Cabin;
  font-size: 14px;
}
/***********************************************Choose Your Own Card Page********************************************************/

.chooseYourOwnCardPage.verticalForm div label {
  width: 250px;
}
.chooseYourOwnCardPage.verticalForm div select {
  width: 503px;
}
.chooseYourOwnCardPage #cardFeeDisclaimer div,
.chooseYourOwnCardPage #memberNoCardDisclaimer {
  font-size: 0.75em;
  color: #545454;
}
.chooseYourOwnCardPage #cardStatusDisclaimer div,
.chooseYourOwnCardPage #imgRefDisclaimer {
  font-size: 14px;
  line-height: 24px;
  color: #4d4e53;
  margin-bottom: 20px;
}
.chooseYourOwnCardPage #imgRefDisclaimer a {
  text-decoration: underline;
}
.verifiedByVisaForm div input[type=password] {
  width: 100px;
}
.verifiedByVisaForm #txtPersonalAssuranceMessage {
  width: 75%;
}
#personalDetails h2 {
  padding-top: 20px;
}
/* 2FA ----------------------------------------------------------*/

#businessReports #BusinessReportsTable .businessReportDone {
  display: none;
}
#businessReports #BusinessReportsTable tr {
  font-weight: bold;
}
#businessReports #BusinessReportsTable tr .visited {
  font-weight: normal;
}
#businessReports #BusinessReportsTable .downloaded {
  font-weight: normal;
}
/* Web modules */

div.adBanner {
  margin-top: 20px;
  text-align: center;
}
.loginContent div.adBanner {
  margin-bottom: 20px;
  margin-top: 0;
}
div.adBanner object,
div.adBanner img,
div.adBanner object embed {
  width: 970px;
  height: 250px;
  margin: 0px auto;
}
.loginContent div.adBanner {
  width: auto;
  float: left;
  margin: 20px 24px;
}
div#chat-support,
div#chat-test {
  min-height: 117px;
  float: left;
}
.loginContent div#chat-support,
.loginContent div#chat-test {
  width: 200px;
  float: left;
}
div.systemStatus {
  margin-bottom: 20px;
}
div.systemStatus h6 {
  margin-top: 20px;
}
div.systemStatus table.stdTable {
  table-layout: fixed;
}
div.systemStatus table.stdTable .errorMessage {
  width: 63%;
}
div.systemStatus table.stdTable .component {
  width: 22%;
}
div.systemStatus table.stdTable td {
  word-wrap: break-word;
}
div.shutdown {
  margin: 20px 0 120px 0;
}
#keypad,
#keypad td {
  font: 10pt Arial;
  border: 0px;
  padding: 0px;
}
/*#keypad {position:relative;z-index:2;width:30em;visibility:hidden;}*/

#keypad {
  width: 510px;
  visibility: visible;
  margin: 0;
  position: absolute;
  border: 1px solid gray;
  background-color: #e5e5e5;
  font-weight: bold;
  z-index: 100000;
  top: 0;
  left: 0;
  /*padding: 10px 10px 8px 10px;
    margin: 0 auto;
    border: 0;
    background-color: @keypadBackground;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;*/
  cursor: move;
}
#keypad .kp {
  display: inline-block;
}
.keyinfo {
  color: #555555 !important;
}
.kp u {
  text-decoration: none;
  cursor: pointer;
}
.kp td td {
  width: 2em;
  text-align: center;
}
.kp td td.k2 {
  width: 4em;
  text-transform: none;
}
.kp td td.k3 {
  width: 5em;
  text-transform: none;
}
.kp td td.ks {
  text-align: center;
  text-transform: none;
}
.kp td u {
  background: white;
}
/*.kp td td u {display:block;border:1px solid blue;margin:1px;padding:2px;color:black;text-decoration:none;background:transparent url(Images/smallkey.png) no-repeat;}*/

#visionholder #keypad table {
  width: 800px;
}
.kp td td u {
  display: block;
  font-size: 14px;
  height: 25px;
  margin: 1px;
  padding: 4px 0;
  text-decoration: none;
  width: 32px;
  line-height: 25px;
}
#visionholder .kp td td u {
  background: url("images/smallkey2.png") no-repeat scroll 0 0 transparent;
  color: #888888;
  display: block;
  font-size: 32px;
  font-weight: normal;
  height: 48px;
  margin: 2px;
  padding: 0px 0;
  text-decoration: none;
  width: 48px;
}
#visionholder .kp td td u.clear,
#visionholder .kp td td u.caps,
#visionholder .kp td td u.del,
#visionholder .kp td td u.lshift,
#visionholder .kp td td u.enter {
  background: url("images/midkey2.png") no-repeat scroll 0 0 transparent;
  width: 101px;
  height: 48px;
}
.kp td td u.clear,
.kp td td u.caps,
.kp td td u.del,
.kp td td u.lshift,
.kp td td u.enter {
  width: 66px;
}
#visionholder .kp td td u.rshift {
  background: url("images/largekey2.png") no-repeat scroll 0 0 transparent;
  width: 153px;
}
.kp td td u.rshift {
  width: 100px;
}
#visionholder .kp td td u.space {
  width: 447px;
  height: 32px;
  padding-top: 4px;
  display: none;
}
.kp td td u.space {
  width: 338px;
  margin-left: 69px;
}
.kp td td u:hover {
  background-color: #eeeeee;
}
/*.kp b {font-weight:normal;}
.kp i {font-style:normal;}*/

.s00 .kp td td u i,
.s11 .kp td td u i {
  display: none;
}
.s10 .kp td td u b,
.s01 .kp td td u b {
  display: none;
}
.s10 td,
.s01 td {
  text-transform: uppercase;
}
.s01 .rshift,
.s11 .rshift,
.s01 .rshift:hover,
.s11 .rshift:hover {
  background: url("images/largekey.png") no-repeat 0 -32px transparent !important;
}
#visionholder .s01 .rshift,
.s11 .rshift,
.s01 .rshift:hover,
.s11 .rshift:hover {
  background: url("images/largekey2.png") no-repeat 0 -48px transparent !important;
}
.s10 .caps,
.s11 .caps,
.s10 .caps:hover,
.s11 .caps:hover,
.s01 .lshift,
.s11 .lshift,
.s01 .lshift:hover,
.s11 .lshift:hover {
  background: url("images/midkey.png") no-repeat 0 -32px !important;
}
#visionholder .s10 .caps,
.s11 .caps,
.s10 .caps:hover,
.s11 .caps:hover,
.s01 .lshift,
.s11 .lshift,
.s01 .lshift:hover,
.s11 .lshift:hover {
  background: url("images/midkey2.png") no-repeat 0 -48px transparent !important;
}
#pageWrap u.clear {
  width: 52px;
}
#pageWrap u.caps {
  width: 60px;
}
#pageWrap u.slash {
  width: 46px;
}
#pageWrap u.enter {
  width: 72px;
}
#pageWrap u.enter.loginDisabled {
  background-color: #dddddd;
  color: #aaaaaa;
  pointer-events: none;
}
@font-face {
  font-family: 'nettooffc';
  src: url('fonts/NettoOffc.eot');
  src: url('fonts/NettoOffc.eot?#iefix') format('embedded-opentype'), url('fonts/NettoOffc.woff') format('woff'), url('fonts/NettoOffc.ttf') format('truetype'), url('fonts/NettoOffc.svg#nettooffc') format('svg');
  font-weight: normal;
}
@font-face {
  font-family: 'nettooffc';
  src: url('fonts/NettoOffc-Bold.eot');
  src: url('fonts/NettoOffc-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/NettoOffc-Bold.woff') format('woff'), url('fonts/NettoOffc-Bold.ttf') format('truetype'), url('fonts/NettoOffc-Bold.svg#nettooffc-bold') format('svg');
  font-weight: bold;
}
/* sprite layed out differently to "product" sprite */

.icon-menu-accounts {
  width: 25px;
  height: 25px;
  background-position: -25px 0px;
}
.icon-menu-accounts-active {
  width: 25px;
  height: 25px;
  background-position: 0px 0px;
}
.icon-menu-bpay {
  width: 25px;
  height: 25px;
  background-position: -25px -100px;
}
.icon-menu-bpay-active {
  width: 25px;
  height: 25px;
  background-position: 0px -100px;
}
.icon-menu-home {
  width: 25px;
  height: 25px;
  background-position: -25px -50px;
}
.icon-menu-home-active {
  width: 25px;
  height: 25px;
  background-position: 0px -50px;
}
.icon-menu-business {
  width: 25px;
  height: 25px;
  background-position: -25px -75px;
}
.icon-menu-business-active {
  width: 25px;
  height: 25px;
  background-position: 0px -75px;
}
.icon-menu-security {
  width: 25px;
  height: 25px;
  background-position: -25px -125px;
}
.icon-menu-security-active {
  width: 25px;
  height: 25px;
  background-position: 0px -125px;
}
.icon-menu-services {
  width: 25px;
  height: 25px;
  background-position: -25px -150px;
}
.icon-menu-services-active {
  width: 25px;
  height: 25px;
  background-position: 0px -150px;
}
.icon-menu-transfers {
  width: 25px;
  height: 25px;
  background-position: -25px -200px;
}
.icon-menu-transfers-active {
  width: 25px;
  height: 25px;
  background-position: 0px -200px;
}
.icon-menu-transactions {
  width: 25px;
  height: 25px;
  background-position: -25px -225px;
}
.icon-menu-transactions-active {
  width: 25px;
  height: 25px;
  background-position: 0px -225px;
}
.icon-menu-settings {
  width: 25px;
  height: 25px;
  background-position: -25px -250px;
}
.icon-menu-settings-active {
  width: 25px;
  height: 25px;
  background-position: 0px -250px;
}
.icon-menu-messages {
  width: 25px;
  height: 25px;
  background-position: -25px -275px;
}
.icon-menu-messages-active {
  width: 25px;
  height: 25px;
  background-position: 0px -275px;
}
/* horizontal menu overrides ----------------------------------------------------------*/

section.mainContent {
  padding-left: 0;
  min-height: 500px;
  margin-left: 0;
}
.bodyContainer .menuContent {
  width: 1020px;
  float: none;
}
#menu {
  width: 1020px;
  margin-bottom: 0px;
}
#menu .menuContainer {
  border: none;
  background: #c2c2c2;
  /* Old browsers */

  height: 46px;
  border-bottom: 1px solid #cacaca;
}
#menu .menuContainer .menuItemContainer {
  display: inline-block;
  position: relative;
}
#menu .menuContainer .menuItemContainer.horizontalMenuActive .menuItem {
  font-weight: bold;
  color: white;
  display: block;
  background: none;
  background: #cc0838;
  /* Old browsers */

  border: 1px solid #cc0838;
}
#menu .menuContainer .menuItemContainer .menuItem {
  border: 1px solid #cacaca;
  height: 25px;
  padding: 10px 15px;
  display: block;
}
#menu .menuContainer .menuItemContainer .menuItem .menuItemTitle {
  padding: 3px 0 0 26px;
  vertical-align: middle;
}
#menu .menuContainer .menuItemContainer .menuItem .menuItemTitle .bpay {
  line-height: 0;
}
#menu .menuContainer .menuItemContainer .menuItem .openMenu {
  display: none;
  background: none;
}
#menu .menuContainer .menuItemContainer .subMenu {
  display: none;
  position: absolute;
  padding: 0;
  z-index: 100;
  left: 0;
  top: 47px;
  clear: none;
  background-color: #cc0838;
  width: 220px;
}
#menu .menuContainer .menuItemContainer .subMenu .subMenuItem {
  background-color: #cc0838;
  border-bottom: 1px solid transparent;
}
#menu .menuContainer .menuItemContainer .subMenu .subMenuItem a {
  background-color: #cc0838;
  color: white;
  font-weight: normal;
  font-size: 15px;
  text-align: left;
  border: none;
  padding-right: 10px;
}
#menu .menuContainer .menuItemContainer .subMenu .subMenuItem :hover {
  border: none;
  color: #fbb901;
}
#menu .menuContainer .menuItemContainer > a {
  color: #666666;
}
/*Bootstrap*/

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid black;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
/*!
 * Bootstrap Utilities v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
/*
.link-primary {
  color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca;
}

.link-secondary {
  color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #198754;
}
.link-success:hover, .link-success:focus {
  color: #146c43;
}

.link-info {
  color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39;
}

.link-danger {
  color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37;
}

.link-light {
  color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21;
}
*/

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: calc(75%);
}
.ratio-16x9 {
  --bs-aspect-ratio: calc(56.25%);
}
.ratio-21x9 {
  --bs-aspect-ratio: calc(42.857142857%);
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
/*
.border {
  border: 1px solid #dee2e6 !important;
}
*/

.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
  border-left: 0 !important;
}
/*
.border-primary {
    border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}
*/

.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(2.875rem) !important;
}
.fs-2 {
  font-size: calc(2.225rem) !important;
}
.fs-3 {
  font-size: calc(1.9rem) !important;
}
.fs-4 {
  font-size: calc(1.575rem) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */

/*
.text-primary {
  color: #0d6efd !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-success {
  color: #198754 !important;
}

.text-info {
  color: #0dcaf0 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-danger {
  color: #dc3545 !important;
}
    */

.text-light {
  color: #f8f9fa !important;
}
.text-dark {
  color: #212529 !important;
}
.text-white {
  color: white !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
  color: inherit !important;
}
/*
.bg-primary {
  background-color: #0d6efd !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #198754 !important;
}

.bg-info {
  background-color: #0dcaf0 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark {
  background-color: #212529 !important;
}

.bg-body {
  background-color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
*/

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 0.2rem !important;
}
.rounded-2 {
  border-radius: 0.25rem !important;
}
.rounded-3 {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*FIT*/

.vform div label {
  width: 180px;
  font-size: 15px;
  font-weight: bold;
}