.show-nav:before {
  background-color: #FA8300 !important;
}
.show-nav {
  color: #ffffff !important;
  background-color: #FA8300 !important;
}
.show-nav:after {
  border-color: transparent transparent #FA8300 transparent !important;
}
.widget-bordered .widget-content {
  border: 2px solid #002f9d !important;
}
.site-image {
  background: url('/image/804bc91b-109f-4bb1-8d6a-31d64e43409a?v=638895587062060694') center center no-repeat !important;
}
.wrapper {
  background-image: url('/image/81cb2f77-f7b4-438c-9288-5dc962c509a4?v=638895587062060694') !important;
}
.widget-title {
  color: #002f9d !important;
}
.widget-body {
  color: #00857d !important;
}
h1 {
  color: #54585A !important;
}
h2 {
  color: #54585A !important;
}
h3 {
  color: #54585A !important;
}
h4 {
  color: #54585A !important;
}
h5 {
  color: #54585A !important;
}
h6 {
  color: #54585A !important;
}
p {
  color: #54585A !important;
}
a {
  color: #652d86;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #f0ad4e !important;
}
.has-warning .form-control {
  border-color: #f0ad4e !important;
}
.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e !important;
}
.has-warning .form-control-feedback {
  color: #f0ad4e !important;
}
.btn-primary {
  background-color: #fa8300 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #be531c !important;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #fa8300 !important;
}
.btn-success {
  background-color: #5cb85c !important;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #449d44 !important;
}
.btn-danger {
  background-color: #d9534f !important;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c9302c !important;
}
.label-success {
  background-color: #5cb85c !important;
}
.label-danger {
  background-color: #d9534f !important;
}
.progress-bar {
  background-color: #fa8300 !important;
}
.progress-bar-success {
  background-color: #5cb85c !important;
}
.progress-bar-danger {
  background-color: #d9534f !important;
}
.panel-primary {
  border-color: #fa8300 !important;
}
.panel-primary > .panel-heading {
  background-color: #fa8300 !important;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fa8300 !important;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fa8300 !important;
}
.panel-warning > .panel-heading {
  color: #f0ad4e !important;
}
div#divDocumentPanel-upload,
div#divDocumentPanel-library,
div#divDocumentPanel-payslip,
div#divDocumentUpload {
  display: block;
}
div#divDocumentPanel-upload .panel-title {
  margin-bottom: 33px;
}
div#divDocumentPanel-upload .panel-title a {
  color: #5f259f !important;
}
.home-carousel .carousel-control {
  display: none;
}
#benefit-details #viewContainer > div > div.row.ng-scope > div > p {
  opacity: 0 !important;
}
.benefit-instruction {
  line-height: 1;
  font-size: 18px;
  margin: 0;
  margin-bottom: 5px;
}
#collapseSelected .widget span.widget-status {
  visibility: hidden;
}
#my-benefits .lead.ng-isolate-scope {
  visibility: hidden !important;
}
.form-control {
  color: #000000;
}
:root {
  --firstcolor: #002f9d;
  --secondcolor: #FA8300;
  --thirdcolor: #652d86;
  --fourthcolor: #ffffff;
  --fifthcolor: #00857d;
  --weblinkcolor: #FA8300;
}
a {
  color: var(--weblinkcolor);
  color: #FA8300;
  border-bottom: none;
}
a:visited {
  color: var(--weblinkcolor);
  color: #FA8300;
}
div.a {
  word-wrap: break-word;
}
ul {
  color: #54585A;
}
a:hover {
  text-decoration: none;
  color: #000000;
  border-color: #000000;
}
#tabPanelManageAccount a,
#tabPanelMyDetails a,
#tabPanelMyDocuments a {
  color: black;
}
.select2-container .select2-choice {
  color: black;
}
.widget-footer {
  position: absolute !important;
  bottom: 8% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  right: 0 !important;
}
.site-footer {
  position: relative;
}
@media (max-width: 600px) {
  .site-logo .panel-body {
    padding: 0px;
  }
  .site-image {
    width: 220px;
  }
}
.your-pension {
  display: none;
}
.nav-main {
  width: 280px;
}
.show-nav {
  left: -8px;
}
.nav-trigger:checked ~ .show-nav,
.nav-trigger:checked ~ .mobile-show-nav {
  left: 269px;
}
.panel-light {
  background-color: #00000000;
}
.panel.panel-light.reset-padding.site-logo {
  box-shadow: none;
}
.site-logo {
  width: 220px;
}
.login-logo {
  display: block;
  width: 400px;
  margin: 65px auto -10px auto;
}
h2,
h3,
h4,
h5,
h6 body {
  font-family: Franklin Gothic Medium;
}
h1,
h2,
.widget-title {
  font-family: Franklin Gothic Medium;
}
p {
  font-family: Franklin Gothic Book;
}
strong {
  font-family: Franklin Gothic Medium;
}
.flex-save-you strong,
.flex-row strong {
  font-family: Franklin Gothic Book;
}
.btn.widget-link {
  font-family: Franklin Gothic Book;
  font-size: 15px;
  line-height: 1.25;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}
.show-nav {
  font-family: Franklin Gothic Book;
}
.close-nav {
  font-family: Franklin Gothic Book;
}
.home-carousel .carousel-copy {
  font-family: Franklin Gothic Book;
}
.btn {
  font-family: Franklin Gothic Book;
}
.heading-underline {
  font-family: Franklin Gothic Medium;
}
h1 > span,
h2 > span,
.widget-title > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span {
  font-family: Franklin Gothic Medium;
}
.benefit-status {
  font-family: Franklin Gothic Book;
  font-size: 18px;
  line-height: 1.25;
  display: inline-block;
  padding-bottom: 1px;
  padding-top: 5px;
  margin: 10px auto;
}
.widget-status {
  display: inline-block;
  font-family: Franklin Gothic Medium;
  border-bottom: 1px solid transparent;
  padding: 1px;
  text-transform: uppercase;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 21%;
}
.heading-std-case {
  font-family: Franklin Gothic Medium;
  text-transform: none;
}
.benefit-value,
.benefit-value span {
  font-family: Franklin Gothic Medium;
  font-size: 25px;
  line-height: 1.215;
}
.benefit-value .amount {
  font-family: Franklin Gothic Book;
  font-size: 35px;
  display: block;
  line-height: 0.9;
}
.nav-main .nav-pills > li > a:hover,
.nav-main .nav-pills > li > a:focus {
  font-family: Franklin Gothic Book;
  background-color: transparent;
}
.profile-accordion > .panel .panel-title a.collapsed {
  font-family: Franklin Gothic Book;
}
.profile-accordion > .panel .panel-title a {
  font-family: Franklin Gothic Book;
}
.profile-tabs > li > a {
  font-family: Franklin Gothic Book;
}
.ul li {
  font-family: Franklin Gothic Book;
}
.ol li {
  font-family: Franklin Gothic Book;
}
body {
  font-family: Franklin Gothic Book;
}
.profile-accordion.widget-content,
.mobile-accordion .widget-content {
  border: 2px solid #002f9d !important;
}
.btn-navigationbuttons {
  background-color: #002f9d !important;
  color: #ffffff !important;
}
.package-charts .benefit-table td,
.package-charts .benefit-table th {
  font-family: Franklin Gothic Medium;
}
.package-table thead th {
  font-size: 18px;
  font-family: Franklin Gothic Medium !important;
}
a.total-graph-link {
  font-family: Franklin Gothic Book !important;
}
#ben-enrol-next {
  background-color: #002f9d !important;
}
.nav > li > a {
  display: flex;
}
.package-table tbody th {
  font-family: Franklin Gothic Medium;
  font-size: 18px;
}
.package-table thead th {
  font-size: 20px;
  font-family: Franklin Gothic Medium !important;
  background-color: #002f9d !important;
  color: #ffffff !important;
}
body#my-benefits #collapseSelected > div > div:nth-child(2) > div > div > p > span {
  display: none;
}
body#my-benefits #collapseMore > div > div:nth-child(2) > div > div > p > span {
  display: none;
}
td {
  color: #002f9d;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
       .-- Your Pension Css
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
       .-- Nearing Retirement page Css
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#pages_yourpension-nearing-retirement .btn-primary.widget-link {
  Padding: 3px 6px;
  font-size: 14px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
       .-- Nearing Retirement page Css END
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#pages_yourpension-joining {
  margin-bottom: 0px;
}
#pages_yourpension-welcome {
  margin-bottom: 0px !important;
}
#pages_yourpension-retirement-basics .container {
  position: relative;
  width: 100%;
  max-width: 1400px;
}
#pages_yourpension-welcome .col-md-4,
#pages_yourpension-welcome .col-sm-6,
#pages_yourpension-welcome .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 1px;
  padding-left: 1px;
}
#pages_yourpension-nearing-retirement .col-md-3,
#pages_yourpension-nearing-retirement .col-sm-6,
#pages_yourpension-nearing-retirement .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 1px;
  padding-left: 1px;
}
#pages_yourpension-retirement-basics .col-md-3,
#pages_yourpension-retirement-basics .col-sm-6,
#pages_yourpension-retirement-basics .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 1px;
  padding-left: 1px;
}
#pages_yourpension-already-saving .tab {
  width: 100%;
}
#pages_yourpension-joining .tab {
  width: 100%;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
       .-- Your Pension Css END
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
       .-- Beneficiaries form css start revised 23-12-21
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Code for overall page */

/* Representing user bar (hidden) */

#account_beneficiaries #representing-message {
  display: none;
}
#account_beneficiaries .panel {
  border-radius: 0px;
  margin-top: 0%;
}
/* Page title */

#account_beneficiaries .page-title {
  margin-top: 54px;
}
/* Side navigation bar (hidden) */

#account_beneficiaries #divProfileSideNav {
  display: none;
}
/* Paragraphs styling */

#account_beneficiaries .animated p {
  margin: 28px 0 20px 0;
  font-size: 18px;
}
/* Height of form container */

#account_beneficiaries .text-right {
  text-align: left;
  padding-bottom: 5px;
}
/* Beneficiary icon */

#account_beneficiaries .fa-2x {
  font-size: 2.3em;
  margin-left: 22px;
  top: 4px;
  position: relative;
  padding-bottom: 25px;
}
/* Beneficiary details */

#account_beneficiaries .gender-icon {
  width: 84px;
}
/* Beneficiary amount input */

#account_beneficiaries .input-group {
  margin-left: -333px;
  margin-top: 15px;
}
/* Beneficiary amount input percent symbol */

#account_beneficiaries .input-group-addon {
  margin-left: 30px;
}
/* Update beneficiary amount button */

#account_beneficiaries .btn-sm {
  margin-top: 20px;
  margin-left: -417px;
}
/* Update beneficiary amount error message */

#account_beneficiaries .alert-warning {
  margin-left: 259px;
  margin-top: 73px;
  width: 400px;
  text-align: center;
}
/* Beneficiary edit button */

#account_beneficiaries .text-right .btn-default {
  margin-top: 8px;
  margin-left: -222px;
}
/* Beneficiary delete button */

#account_beneficiaries .text-right .btn-danger {
  margin-top: 8px;
  margin-left: 3px;
}
/* Confirmation of deleting beneficiary text */

#account_beneficiaries .danger.ng-scope .animated strong {
  margin-left: 20px;
}
/* Confirmation of deleting beneficiary NO button */

#account_beneficiaries .danger.ng-scope .animated .btn-default {
  height: 36px;
}
/* Download pdf footer */

#account_beneficiaries .alert-info {
  margin-top: 24px;
  width: 96%;
  margin-left: 17px;
}
/* Form input textboxes font size */

#account_beneficiaries .form-control {
  font-size: 16px;
}
/* Add/edit beneficiary form heading */

#account_beneficiaries .form-horizontal .form-group {
  margin-left: 2px;
}
/* Add/edit beneficiary form required text */

#account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
  position: absolute;
  top: -23px;
}
/* Add/edit beneficiary form cancel and save button */

#account_beneficiaries .col-sm-offset-3 {
  margin-left: 25%;
}
/* Add/edit beneficiary form save button */

#account_beneficiaries #btnBeneficiarySaveChanges {
  height: 34px;
}
/* Viewport: Mobile || Breakpoint: 375px and below */

@media only screen and (max-width: 375px) {
  /* Site logo */
  
  #account_beneficiaries .site-image {
    margin-left: -41px;
  }
  /* Page container for main content layout */
  
  #account_beneficiaries .animated.fadeInRight {
    margin: -10px 0 29px 0;
  }
  /* Page container */
  
  #account_beneficiaries .page-content.page-content-transparent.page-content-indented:after {
    top: 36px;
  }
  /* Page title */
  
  #account_beneficiaries .page-title {
    position: absolute;
    margin-top: -26px;
    margin-left: -54px;
    height: 100%;
    width: 100%;
  }
  /* Main content container */
  
  #account_beneficiaries #viewContainer {
    top: 22px;
    margin-left: auto;
    margin-right: auto;
    width: 249px;
  }
  /* Main content paragraph font size */
  
  #account_beneficiaries .animated p {
    font-size: 15px;
  }
  /* Main content form heading (list of beneficiaries) paragraph font size */
  
  #account_beneficiaries .panel-heading {
    font-size: 15px;
  }
  /* Beneficiary icon */
  
  #account_beneficiaries .fa-2x {
    margin-left: 120px;
  }
  /* Beneficiary details */
  
  #account_beneficiaries .gender-icon {
    margin-left: -25px;
  }
  /* Beneficiary name */
  
  #account_beneficiaries big span {
    position: absolute;
    margin-top: -20px;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    display: block;
    width: 89%;
  }
  /* Beneficiary relationship */
  
  #account_beneficiaries big small {
    position: absolute;
    display: block;
    margin-top: 9px;
    margin-left: 58px;
  }
  /* Beneficiary amount input */
  
  #account_beneficiaries .input-group {
    margin-left: -103px;
    margin-top: 96px;
  }
  /* Update beneficiary amount button */
  
  #account_beneficiaries .btn-sm {
    margin-left: -166px;
    width: 184px;
    height: 51px;
    white-space: normal;
  }
  /* Update beneficiary amount error message */
  
  #account_beneficiaries .alert-warning {
    margin-left: 14px;
    white-space: normal;
    width: 102%;
    font-size: 13px;
    margin-top: 87px;
  }
  /* Beneficiary edit button */
  
  #account_beneficiaries .text-right .btn-default {
    margin-left: -176px;
    margin-top: 129px;
    padding: 6px;
    font-size: 13px;
  }
  /* Beneficiary delete button */
  
  #account_beneficiaries .text-right .btn-danger {
    margin-left: 0px;
    margin-top: 129px;
    padding: 6px;
    font-size: 13px;
  }
  /* Confirmation of deleting beneficiary text */
  
  #account_beneficiaries .danger.ng-scope .animated strong {
    margin-left: 0px;
    margin-top: 40px;
    position: absolute;
    white-space: normal;
    text-align: center;
  }
  /* Confirmation of deleting beneficiary YES button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-danger {
    margin-left: 27px;
    margin-top: 95px;
  }
  /* Confirmation of deleting beneficiary NO button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-default {
    height: 43px;
    margin-top: 96px;
  }
  /* Download pdf footer */
  
  #account_beneficiaries .alert-info {
    white-space: normal;
    width: 86%;
    margin-top: 17px;
    margin-left: 15px;
    font-size: 13px;
  }
  /* Page container for form page */
  
  #account_beneficiaries .page-content.page-content-transparent.page-content-indented:after {
    top: 23px;
  }
  /* Add/edit beneficiary form gap between paragraphs */
  
  #account_beneficiaries .animated .form-group p {
    margin: 0px 0 0px 0;
  }
  /* Add/edit beneficiary form textbox sizes */
  
  #account_beneficiaries .form-group .form-control.ng-pristine.ng-untouched {
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add beneficiary form successful input */
  
  #account_beneficiaries .has-success .form-control {
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add beneficiary form error input */
  
  #account_beneficiaries .has-error .form-control {
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add/edit beneficiary form textbox size for address line 2 */
  
  #account_beneficiaries .form-group #addressline2 {
    font-size: 16px;
  }
  /* Add/edit beneficiary form textbox size for address line 3 */
  
  #account_beneficiaries .form-group #addressline3 {
    font-size: 16px;
  }
  /* Add/edit beneficiary form required text */
  
  #account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
    position: absolute;
    top: 6px;
    left: 155px;
  }
  /* Add/edit beneficiary form textbox size for postcode */
  
  #account_beneficiaries .form-group #addresspostcode {
    font-size: 16px;
  }
  /* Add/edit beneficiary form cancel and save button */
  
  #account_beneficiaries .col-sm-offset-3 {
    margin-left: 0%;
  }
  /* Add/edit beneficiary form save button */
  
  #account_beneficiaries #btnBeneficiarySaveChanges {
    height: 40px;
    margin-top: 15px;
  }
}
/* Viewport: Mobile || Breakpoint: 376px - 440px */

@media only screen and (min-width: 376px) and (max-width: 440px) {
  /* Site logo */
  
  #account_beneficiaries .site-image {
    margin-left: -41px;
  }
  /* Page container for main content layout */
  
  #account_beneficiaries .animated.fadeInRight {
    margin: -10px 0 29px 0;
  }
  /* Page title */
  
  #account_beneficiaries .page-title {
    position: absolute;
    margin-top: -42px;
    margin-left: -94px;
    height: 100%;
    width: 100%;
  }
  /* Main content container */
  
  #account_beneficiaries #viewContainer {
    top: 7px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
  /* Main content paragraph font size */
  
  #account_beneficiaries .animated p {
    font-size: 15px;
  }
  /* Main content form heading (list of beneficiaries) paragraph font size */
  
  #account_beneficiaries .panel-heading {
    font-size: 15px;
  }
  /* Beneficiary icon */
  
  #account_beneficiaries .fa-2x {
    margin-right: -12px;
  }
  /* Beneficiary details */
  
  #account_beneficiaries .gender-icon {
    margin-left: -25px;
  }
  /* Beneficiary relationship */
  
  #account_beneficiaries small {
    position: absolute;
    display: block;
    margin-top: -21px;
    margin-left: 69px;
  }
  /* Beneficiary amount input */
  
  #account_beneficiaries .input-group {
    margin-left: -180px;
    margin-top: 72px;
  }
  /* Update beneficiary amount button */
  
  #account_beneficiaries .btn-sm {
    margin-left: -227px;
  }
  /* Update beneficiary amount error message */
  
  #account_beneficiaries .alert-warning {
    margin-left: 27px;
    white-space: normal;
    width: 96%;
    font-size: 13px;
  }
  /* Beneficiary edit button */
  
  #account_beneficiaries .text-right .btn-default {
    margin-left: -85px;
    margin-top: -24px;
    padding: 6px;
    font-size: 13px;
  }
  /* Beneficiary delete button */
  
  #account_beneficiaries .text-right .btn-danger {
    margin-left: -73px;
    margin-top: 51px;
    padding: 6px;
    font-size: 13px;
  }
  /* Confirmation of deleting beneficiary text */
  
  #account_beneficiaries .danger.ng-scope .animated strong {
    margin-left: 0px;
    margin-top: 40px;
    position: absolute;
    white-space: normal;
    text-align: center;
  }
  /* Confirmation of deleting beneficiary YES button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-danger {
    margin-left: 64px;
    margin-top: 95px;
  }
  /* Confirmation of deleting beneficiary NO button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-default {
    height: 43px;
    margin-top: 96px;
  }
  /* Download pdf footer */
  
  #account_beneficiaries .alert-info {
    white-space: normal;
    width: 88%;
    font-size: 13px;
  }
  /* Page container for form page */
  
  #account_beneficiaries .page-content.page-content-transparent.page-content-indented:after {
    top: 23px;
  }
  /* Add/edit beneficiary form gap between paragraphs */
  
  #account_beneficiaries .animated .form-group p {
    margin: 0px 0 0px 0;
  }
  /* Add/edit beneficiary form textbox sizes */
  
  #account_beneficiaries .form-group .form-control.ng-pristine.ng-untouched {
    font-size: 16px;
  }
  /* Add beneficiary form successful input */
  
  #account_beneficiaries .has-success .form-control {
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add beneficiary form error input */
  
  #account_beneficiaries .has-error .form-control {
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add/edit beneficiary form textbox size for address line 2 */
  
  #account_beneficiaries .form-group #addressline2 {
    font-size: 16px;
  }
  /* Add/edit beneficiary form textbox size for address line 3 */
  
  #account_beneficiaries .form-group #addressline3 {
    font-size: 16px;
  }
  /* Add/edit beneficiary form required text */
  
  #account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
    position: absolute;
    top: 6px;
    left: 232px;
  }
  /* Add/edit beneficiary form textbox size for postcode */
  
  #account_beneficiaries .form-group #addresspostcode {
    font-size: 16px;
  }
  /* Add/edit beneficiary form cancel and save button */
  
  #account_beneficiaries .col-sm-offset-3 {
    margin-left: 0%;
  }
  /* Add/edit beneficiary form save button */
  
  #account_beneficiaries #btnBeneficiarySaveChanges {
    height: 40px;
    margin-top: 0px;
  }
}
/* Viewport: Mobile || Breakpoint: 441px - 540px */

@media only screen and (min-width: 441px) and (max-width: 540px) {
  /* Site logo */
  
  #account_beneficiaries .site-image {
    margin-left: -41px;
  }
  /* Page container for main content layout */
  
  #account_beneficiaries .animated.fadeInRight {
    margin: -10px 0 29px 0;
  }
  /* Page title */
  
  #account_beneficiaries .page-title {
    position: absolute;
    margin-top: -42px;
    margin-left: -127px;
    height: 100%;
    width: 100%;
  }
  /* Main content container */
  
  #account_beneficiaries #viewContainer {
    top: 7px;
    margin-left: auto;
    margin-right: auto;
    width: 395px;
  }
  /* Main content paragraph font size */
  
  #account_beneficiaries .animated p {
    font-size: 15px;
  }
  /* Main content form heading (list of beneficiaries) paragraph font size */
  
  #account_beneficiaries .panel-heading {
    font-size: 15px;
  }
  /* Beneficiary icon */
  
  #account_beneficiaries .fa-2x {
    margin-right: -30px;
  }
  /* Beneficiary details */
  
  #account_beneficiaries .gender-icon {
    margin-left: -25px;
  }
  /* Beneficiary amount input */
  
  #account_beneficiaries .input-group {
    margin-left: -239px;
    margin-top: 50px;
  }
  /* Update beneficiary amount button */
  
  #account_beneficiaries .btn-sm {
    margin-left: -239px;
  }
  /* Update beneficiary amount error message */
  
  #account_beneficiaries .alert-warning {
    margin-left: 27px;
    white-space: normal;
    width: 100%;
    font-size: 13px;
  }
  /* Beneficiary edit button */
  
  #account_beneficiaries .text-right .btn-default {
    margin-left: -86px;
    margin-top: -24px;
    padding: 6px;
    font-size: 13px;
  }
  /* Beneficiary delete button */
  
  #account_beneficiaries .text-right .btn-danger {
    margin-left: -73px;
    margin-top: 51px;
    padding: 6px;
    font-size: 13px;
  }
  /* Confirmation of deleting beneficiary text */
  
  #account_beneficiaries .danger.ng-scope .animated strong {
    margin-left: 17.5px;
    margin-top: 40px;
    position: absolute;
    white-space: normal;
    text-align: center;
  }
  /* Confirmation of deleting beneficiary YES button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-danger {
    margin-left: 108px;
    margin-top: 96px;
  }
  /* Confirmation of deleting beneficiary NO button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-default {
    height: 43px;
    margin-top: 97px;
  }
  /* Download pdf footer */
  
  #account_beneficiaries .alert-info {
    white-space: normal;
    width: 91%;
    font-size: 13px;
  }
  /* Page container for form page */
  
  #account_beneficiaries .page-content.page-content-transparent.page-content-indented:after {
    top: 23px;
  }
  /* Add/edit beneficiary form gap between paragraphs */
  
  #account_beneficiaries .animated .form-group p {
    margin: 0px 0 0px 0;
  }
  /* Add/edit beneficiary form textbox sizes */
  
  #account_beneficiaries .form-group .form-control.ng-pristine.ng-untouched {
    font-size: 16px;
  }
  /* Add beneficiary form successful input */
  
  #account_beneficiaries .has-success .form-control {
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add beneficiary form error input */
  
  #account_beneficiaries .has-error .form-control {
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add/edit beneficiary form textbox size for address line 2 */
  
  #account_beneficiaries .form-group #addressline2 {
    font-size: 16px;
  }
  /* Add/edit beneficiary form textbox size for address line 3 */
  
  #account_beneficiaries .form-group #addressline3 {
    font-size: 16px;
  }
  /* Add/edit beneficiary form required text */
  
  #account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
    position: absolute;
    top: 6px;
    left: 301px;
  }
  /* Add/edit beneficiary form textbox size for postcode */
  
  #account_beneficiaries .form-group #addresspostcode {
    font-size: 16px;
  }
  /* Add/edit beneficiary form cancel and save button */
  
  #account_beneficiaries .col-sm-offset-3 {
    margin-left: 0%;
  }
  /* Add/edit beneficiary form save button */
  
  #account_beneficiaries #btnBeneficiarySaveChanges {
    height: 40px;
  }
}
/* Viewport: Mobile || Breakpoint: 541px - 599px */

@media only screen and (min-width: 541px) and (max-width: 599px) {
  /* Site logo */
  
  #account_beneficiaries .site-image {
    margin-left: -26px;
  }
  /* Page container for main content layout */
  
  #account_beneficiaries .animated.fadeInRight {
    margin: -10px 0 29px 0;
  }
  /* Page title */
  
  #account_beneficiaries .page-title {
    position: absolute;
    margin-top: -42px;
    margin-left: -165px;
    height: 100%;
    width: 100%;
  }
  /* Main content container */
  
  #account_beneficiaries #viewContainer {
    top: 7px;
    margin-left: auto;
    margin-right: auto;
    width: 470px;
  }
  /* Beneficiary icon */
  
  #account_beneficiaries .fa-2x {
    margin-right: -30px;
  }
  /* Beneficiary details */
  
  #account_beneficiaries .gender-icon {
    margin-left: -25px;
  }
  /* Beneficiary amount input */
  
  #account_beneficiaries .input-group {
    margin-left: -302px;
    margin-top: 50px;
  }
  /* Update beneficiary amount button */
  
  #account_beneficiaries .btn-sm {
    margin-left: -302px;
  }
  /* Update beneficiary amount error message */
  
  #account_beneficiaries .alert-warning {
    margin-left: 32px;
    white-space: normal;
    width: 100%;
  }
  /* Beneficiary edit button */
  
  #account_beneficiaries .text-right .btn-default {
    margin-left: -192px;
    margin-top: 40px;
  }
  /* Beneficiary delete button */
  
  #account_beneficiaries .text-right .btn-danger {
    margin-top: 40px;
  }
  /* Confirmation of deleting beneficiary YES button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-danger {
    margin-left: -276px;
    margin-top: 86px;
  }
  /* Confirmation of deleting beneficiary NO button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-default {
    height: 43px;
    margin-top: 85px;
  }
  /* Download pdf footer */
  
  #account_beneficiaries .alert-info {
    white-space: normal;
    width: 92%;
  }
  /* Page container for form page */
  
  #account_beneficiaries .page-content.page-content-transparent.page-content-indented:after {
    top: 23px;
  }
  /* Add/edit beneficiary form gap between paragraphs */
  
  #account_beneficiaries .animated .form-group p {
    margin: 0px 0 0px 0;
  }
  /* Add/edit beneficiary form textbox sizes */
  
  #account_beneficiaries .form-group .form-control.ng-pristine.ng-untouched {
    font-size: 16px;
    width: 80.25%;
  }
  /* Add beneficiary form successful input */
  
  #account_beneficiaries .has-success .form-control {
    width: 80.25%;
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add beneficiary form error input */
  
  #account_beneficiaries .has-error .form-control {
    width: 80.25%;
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add/edit beneficiary form textbox size for address line 2 */
  
  #account_beneficiaries .form-group #addressline2 {
    font-size: 16px;
    width: 80.25%;
  }
  /* Add/edit beneficiary form textbox size for address line 3 */
  
  #account_beneficiaries .form-group #addressline3 {
    font-size: 16px;
    width: 80.25%;
  }
  /* Add/edit beneficiary form required text */
  
  #account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
    position: absolute;
    top: -22px;
    left: 367px;
  }
  /* Add/edit beneficiary form textbox size for postcode */
  
  #account_beneficiaries .form-group #addresspostcode {
    font-size: 16px;
    width: 40%;
  }
  /* Add/edit beneficiary form required text for postcode textbox */
  
  #account_beneficiaries .form-group.ng-scope .torus-label.form-control-static.col-sm-2 .label.label-danger {
    margin-left: -170px;
  }
  /* Add/edit beneficiary form cancel and save button */
  
  #account_beneficiaries .col-sm-offset-3 {
    margin-left: 0%;
  }
  /* Add/edit beneficiary form save button */
  
  #account_beneficiaries #btnBeneficiarySaveChanges {
    height: 40px;
  }
}
/* Viewport: Tablet/Mobile || Breakpoint: 600px and above */

@media only screen and (min-width: 600px) {
  /* Site logo */
  
  #account_beneficiaries .site-image {
    margin-left: -26px;
  }
  /* Page container for main content layout */
  
  #account_beneficiaries .animated.fadeInRight {
    margin: -10px 0 29px 0;
  }
  /* Page title */
  
  #account_beneficiaries .page-title {
    position: absolute;
    margin-top: -42px;
    margin-left: -190px;
    font-size: 30px;
    height: 100%;
    width: 100%;
  }
  /* Main content container */
  
  #account_beneficiaries #viewContainer {
    top: 7px;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
  }
  /* Beneficiary amount input */
  
  #account_beneficiaries .input-group {
    margin-left: -345px;
    margin-top: 50px;
  }
  /* Update beneficiary amount button */
  
  #account_beneficiaries .btn-sm {
    margin-left: -344px;
  }
  /* Update beneficiary amount error message */
  
  #account_beneficiaries .alert-warning {
    margin-left: 38px;
    white-space: normal;
    width: 100%;
  }
  /* Beneficiary edit button */
  
  #account_beneficiaries .text-right .btn-default {
    margin-left: -210px;
  }
  /* Confirmation of deleting beneficiary text */
  
  #account_beneficiaries .danger.ng-scope .animated strong {
    margin-left: 64px;
  }
  /* Confirmation of deleting beneficiary YES button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-danger {
    margin-left: -289px;
    margin-top: 86px;
  }
  /* Confirmation of deleting beneficiary NO button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-default {
    height: 43px;
    margin-top: 87px;
  }
  /* Download pdf footer */
  
  #account_beneficiaries .alert-info {
    white-space: normal;
    width: 93%;
  }
  /* Page container for form page */
  
  #account_beneficiaries .page-content.page-content-transparent.page-content-indented:after {
    top: 23px;
  }
  /* Add/edit beneficiary form gap between paragraphs */
  
  #account_beneficiaries .animated .form-group p {
    margin: 0px 0 0px 0;
  }
  /* Add/edit beneficiary form textbox sizes */
  
  #account_beneficiaries .form-group .form-control.ng-pristine.ng-untouched {
    font-size: 16px;
    width: 80.25%;
  }
  /* Add beneficiary form successful input */
  
  #account_beneficiaries .has-success .form-control {
    width: 80.25%;
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add beneficiary form error input */
  
  #account_beneficiaries .has-error .form-control {
    width: 80.25%;
    font-size: 16px;
    text-overflow: ellipsis;
  }
  /* Add/edit beneficiary form textbox size for address line 2 */
  
  #account_beneficiaries .form-group #addressline2 {
    font-size: 16px;
    width: 80.25%;
  }
  /* Add/edit beneficiary form textbox size for address line 3 */
  
  #account_beneficiaries .form-group #addressline3 {
    font-size: 16px;
    width: 80.25%;
  }
  /* Add/edit beneficiary form required text */
  
  #account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
    position: absolute;
    top: -22px;
    left: 433px;
  }
  /* Add/edit beneficiary form textbox size for postcode */
  
  #account_beneficiaries .form-group #addresspostcode {
    font-size: 16px;
    width: 34%;
  }
  /* Add/edit beneficiary form required text for postcode textbox */
  
  #account_beneficiaries .form-group.ng-scope .torus-label.form-control-static.col-sm-2 .label.label-danger {
    margin-left: -232px;
  }
  /* Add/edit beneficiary form cancel and save button */
  
  #account_beneficiaries .col-sm-offset-3 {
    margin-left: 0%;
  }
  /* Add/edit beneficiary form save button */
  
  #account_beneficiaries #btnBeneficiarySaveChanges {
    height: 40px;
  }
}
/* Viewport: Tablet/Mobile || Breakpoint: 768px and above */

@media only screen and (min-width: 768px) {
  /* Page container for main content layout */
  
  #account_beneficiaries .animated.fadeInRight {
    margin: 30px 0 30px 0;
  }
  /* Page title */
  
  #account_beneficiaries .page-title {
    margin-left: -17px;
    margin-top: 37px;
    display: flex;
  }
  /* Page heading */
  
  #account_beneficiaries .page-header {
    padding: 80px 10px;
    margin-top: -42px;
  }
  /* Main content container */
  
  #account_beneficiaries #viewContainer {
    width: 100%;
    top: -14px;
    margin-left: -4px;
  }
  /* Container heading */
  
  #account_beneficiaries h4 {
    margin-top: 58px;
  }
  /* Beneficiary amount input */
  
  #account_beneficiaries .input-group {
    margin-left: -411px;
  }
  /* Update beneficiary amount button */
  
  #account_beneficiaries .btn-sm {
    margin-left: -411px;
  }
  /* Update beneficiary amount error message */
  
  #account_beneficiaries .alert-warning {
    margin-left: 55px;
    width: 94%;
  }
  /* Beneficiary edit button */
  
  #account_beneficiaries .text-right .btn-default {
    margin-left: -203px;
    padding: 8px;
  }
  /* Beneficiary delete button */
  
  #account_beneficiaries .text-right .btn-danger {
    padding: 8px;
  }
  /* Confirmation of deleting beneficiary text */
  
  #account_beneficiaries .danger.ng-scope .animated strong {
    margin-left: 105px;
  }
  /* Confirmation of deleting beneficiary YES button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-danger {
    margin-left: 227px;
    margin-top: 20px;
  }
  /* Confirmation of deleting beneficiary NO button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-default {
    height: 35px;
    margin-top: 21px;
  }
  /* Download pdf footer */
  
  #account_beneficiaries .alert-info {
    margin-left: 11px;
    width: 96%;
  }
  /* Add/edit beneficiary form textbox sizes */
  
  #account_beneficiaries .form-group .form-control.ng-pristine.ng-untouched {
    width: 129.25%;
  }
  /* Add beneficiary form successful input */
  
  #account_beneficiaries .has-success .form-control {
    width: 129.5%;
  }
  /* Add beneficiary form error input */
  
  #account_beneficiaries .has-error .form-control {
    width: 129.5%;
  }
  /* Add/edit beneficiary form textbox size for address line 2 */
  
  #account_beneficiaries .form-group #addressline2 {
    width: 129.25%;
  }
  /* Add/edit beneficiary form textbox size for address line 3 */
  
  #account_beneficiaries .form-group #addressline3 {
    width: 129.25%;
  }
  /* Add/edit beneficiary form required text */
  
  #account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
    top: 5px;
    left: 69px;
  }
  /* Add/edit beneficiary form textbox size for town */
  
  #account_beneficiaries .form-group #addresstown {
    font-size: 16px;
    width: 146.25%;
  }
  /* Add/edit beneficiary form textbox size for postcode */
  
  #account_beneficiaries .form-group #addresspostcode {
    width: 184%;
  }
  /* Add/edit beneficiary form required text for postcode textbox */
  
  #account_beneficiaries .form-group.ng-scope .torus-label.form-control-static.col-sm-2 .label.label-danger {
    margin-left: 22px;
  }
  /* Add/edit beneficiary textbox for country */
  
  #account_beneficiaries .select2-container .select2-choice {
    font-size: 16px;
    width: 100%;
  }
  /* Add/edit beneficiary form cancel and save button */
  
  #account_beneficiaries .col-sm-offset-3 {
    margin-left: 25%;
  }
  /* Add/edit beneficiary form save button */
  
  #account_beneficiaries #btnBeneficiarySaveChanges {
    height: 33px;
  }
  .social-links {
    font-size: 11px;
    margin-left: -46px;
    width: 400px;
  }
}
/* Viewport: Tablet/Mobile || Breakpoint: 992px and above */

@media only screen and (min-width: 992px) {
  /* Page title */
  
  #account_beneficiaries .page-title {
    margin-left: -16px;
  }
  /* Main content container */
  
  #account_beneficiaries #viewContainer {
    margin-left: -6px;
  }
  /* Beneficiary amount input */
  
  #account_beneficiaries .input-group {
    margin-left: -280px;
    margin-top: 16px;
  }
  /* Update beneficiary amount button */
  
  #account_beneficiaries .btn-sm {
    margin-left: -368px;
  }
  /* Update beneficiary amount error message */
  
  #account_beneficiaries .alert-warning {
    margin-left: 173px;
    width: 70%;
    white-space: normal;
  }
  /* Confirmation of deleting beneficiary text */
  
  #account_beneficiaries .danger.ng-scope .animated strong {
    margin-left: 202px;
  }
  /* Confirmation of deleting beneficiary YES button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-danger {
    margin-left: 335px;
  }
  /* Download pdf footer */
  
  #account_beneficiaries .alert-info {
    margin-left: 14px;
    width: 96.1%;
  }
  /* Add/edit beneficiary form required text */
  
  #account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
    left: 99px;
  }
  /* Add/edit beneficiary form textbox size for postcode */
  
  #account_beneficiaries .form-group #addresspostcode {
    width: 180%;
  }
  /* Add/edit beneficiary form required text for postcode textbox */
  
  #account_beneficiaries .form-group.ng-scope .torus-label.form-control-static.col-sm-2 .label.label-danger {
    margin-left: 27px;
  }
  .social-links {
    font-size: 14px;
    margin-left: -27px;
  }
}
/* Viewport: Desktop/Laptop || Breakpoint: 1200px and above */

@media only screen and (min-width: 1200px) {
  /* Page title */
  
  #account_beneficiaries .page-title {
    margin-left: 0px;
  }
  /* Main content container */
  
  #account_beneficiaries #viewContainer {
    width: 100%;
    margin-left: 12px;
    margin-top: 60px;
  }
  /* Container heading */
  
  #account_beneficiaries h4 {
    margin-top: 0px;
  }
  /* Beneficiary amount input */
  
  #account_beneficiaries .input-group {
    margin-left: -340px;
  }
  /* Update beneficiary amount button */
  
  #account_beneficiaries .btn.btn-sm.btn-primary {
    margin-left: -425px;
  }
  /* Update beneficiary amount error message */
  
  #account_beneficiaries .alert-warning {
    margin-left: 277px;
    width: 55%;
  }
  /* Confirmation of deleting beneficiary text */
  
  #account_beneficiaries .danger.ng-scope .animated strong {
    margin-left: 277px;
  }
  /* Confirmation of deleting beneficiary YES button */
  
  #account_beneficiaries .danger.ng-scope .animated .btn-danger {
    margin-left: 399px;
  }
  /* Download pdf footer */
  
  #account_beneficiaries .alert-info {
    width: 97%;
  }
  /* Add/edit beneficiary form required text */
  
  #account_beneficiaries .torus-label.form-control-static.col-sm-2 .label.label-danger {
    left: 125px;
  }
  /* Add/edit beneficiary form textbox size for postcode */
  
  #account_beneficiaries .form-group #addresspostcode {
    width: 178.5%;
  }
  /* Add/edit beneficiary form required text for postcode textbox */
  
  #account_beneficiaries .form-group.ng-scope .torus-label.form-control-static.col-sm-2 .label.label-danger {
    margin-left: 32px;
  }
  /* Add/edit beneficiary textbox for country */
  
  #account_beneficiaries .select2-container .select2-choice {
    width: 99.5%;
  }
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
       .-- Beneficiaries form css end
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}