/************************************** All Screen Sizes ********************************/
@charset "UTF-8";

@media screen {
  .printonly {
    display: none;
  }
}

@media print {
  .screenonly {
    display: none;
  }

  .container {
    margin: 0px !important;
  }
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  -webkit-font-smoothing: antialiased;
}

button em {
  text-decoration: underline;
  font-style: normal;
}

.header-logo {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  max-height: 60px;
}

h1, h2, h3, .table-container caption {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  color: #454c50 !important;
}

.form-control:focus {
  border-color: rgba(229,61,44,1);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-brand {
  height: 85px;
}

.navbar-default {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 25px;
}




#ii-logout {
  display: none;
}

#InfoContainer {
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}


article .row {
  margin-left: 10px;
  margin-right: 10px;
}

button.dropdown-toggle {
  min-height: 25px;
}

#logo-container {
  padding-top: 5px;
  padding-bottom: 2px;
}

#yourDetailsContainer, #yourContributionsContainer, #ChartLegendContainer {
  padding: 15px;
  background-color: #edf2f7;
}

#ChartLegendContainer {
  line-height: 24px;
}

#ChartContainer #tabs a, #ChartContainer #tabs a:focus, #ChartContainer #tabs a:hover {
  text-decoration: none;
}

#yourDetailsContainer div.form-group {
  height: 3em;
}

#welcomeDiv {
  text-align: right;
  float: none;
}

#title-container {
  /*padding-top: 5px;*/
  margin-bottom: 10px;
  /*margin-top: 5px;*/
}

  #title-container h1 {
    color: #00338D;
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.4em;
    word-wrap: break-word !important;
    word-break: normal !important;
    margin: 0px 0px 14px 0px;
    padding-left: 0px;
    width: 100%;
    /*float: left;*/
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
  }

#page-content-container h2, .table-container caption {
  color: #00338D;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: normal;
  /*margin: 0px 10px 10px 0px;*/
  margin-left: 0px;
}

#page-content-container h3 {
  color: #00338D;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
}

#maincontent_TandC_1_pnlTandC .btn-group {
  padding-bottom: 10px;
}

.bg1 {
  background-color: rgba(238,53,36,1);
}

.table-container {
  background-color: #FFFFFF;
  /*margin-bottom: 15px;*/
  margin-left: 0px;
  margin-right: 0px;
  border: 9px solid #FFFFFF;
  float: left;
  width: 100%;
}

a {
  color: rgba(229,61,44,1);
}

th {
  color: #00338D;
}

.description_column {
  width: 100%;
}

#divButtons {
  width: 100%;
  border: 9px solid inherit;
}

.note {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
}

#divContactUs,
.contactus {
  float: left;
  width: 100%;
}



.input-form,
.input-form .form-group,
.input-form .btn-group {
  background-color: #FFFFFF;
  color: #333333;
}

  .input-form .form-group,
  .input-form .btn-group {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    /*margin-left: 15px;*/
  }

  .contactus .form-group-sm,
  .input-form .form-group-sm {
    /*padding-left: 10px;*/
  }

  .contactus h2,
  .input-form h2 {
    background-color: #FFFFFF;
    border-top: 5px solid #FFFFFF;
  }

  .contactus label,
  .input-form label {
    color: #333333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }

  .input-form a {
    color: #333333;
    text-decoration: none;
  }

    .input-form a:hover {
      text-decoration: underline;
    }

div.Calculation ul li {
  margin-bottom: 10px;
}

.data_form label, .panel label {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
}

.input-form .btn-group {
  width: 100%;
  padding: 10px;
  margin-left: 5px;
}

.panel, .panel-heading {
  border-radius: 0px;
}


.input-form .btn-group > .btn {
  margin-right: 10px;
}

input.numeric,
th.numericfield,
th.date,
th.numeric,
td.numeric,
td.date,
td input.date,
td input.decimal,
td.decimal {
  text-align: right;
}

input.readonly,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  /*color: #00a5e0;
    background-color: #FdFdFd;
    border-color: #FdFdFd;
    border: 1px solid #FdFdFd;
    box-shadow: none;*/
}



/*.ui-datepicker-month,
.ui-datepicker-year {
    color: rgba(69,85,96,1);
    background-color: #FFFFFF;
}*/



#regFullAddress {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

  #regFullAddress.panel {
    color: #333333;
  }

#header-breadcrumb {
  background-color: #ecedf1;
}

#CurrentInvestmentsTableContainer {
  margin-top: 20px;
  margin-left: 10px;
}

table.InvestmentsTable th {
  height: 26px;
  font-weight: normal;
  font-size: 16px;
}

table.InvestmentsTable tr {
  height: 22px;
}

#CurrentInvestmentsTableContainer table.InvestmentsTable tr td div table {
  font-size: 12px;
  height: 16px;
  margin-top: 20px;
}

  #CurrentInvestmentsTableContainer table.InvestmentsTable tr td div table tbody tr:nth-child(odd) {
    background-color: #F0F0F0;
  }

  #CurrentInvestmentsTableContainer table.InvestmentsTable tr td div table tbody tr:nth-child(even) {
    background-color: #FEFEFE;
  }

#ToggleHistory {
  cursor: hand; /***** for Apple *****/
  cursor: pointer;
  color: #FFFFFF;
  background-color: #005eb8;
  border: 2px solid #005eb8;
  border-radius: 0px;
  margin-right: 10px;
  width: 100px !important;
  padding: 5px 20px 5px 20px;
  height: 24px;
}

  #ToggleHistory:hover {
    color: #005eb8;
    background-color: #FFFFFF !important;
    border: 2px solid #005eb8;
  }

/***************** Cookies ************************/
#cookie-law {
  background-color: #00338D;
  color: #FFFFFF;
  text-align: left;
}

  #cookie-law p {
    margin: 0px 0px 0px 10px;
    ;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }

    #cookie-law p a {
      color: #FFFFFF;
      text-decoration: underline;
    }

.close-cookie-banner-container {
  text-align: right;
}

.close-cookie-banner {
  color: #FFFFFF;
  text-decoration: none;
  padding-right: 3px;
}


  .close-cookie-banner:hover {
    color: #FFFFFF;
    text-decoration: underline;
  }


/***************** End of Cookies ************************/

/***************** Wizards ******************************/
table.WizardView {
  display: none !important;
}

/* Class for hiding wizard tables during processing. The class needs removing from the element once processing has finished */
.processingtable {
  display: none;
}

/********************************************************/

/***************** Breadcrumb **********************/

.breadcrumb {
  padding: 8px 0px 8px 15px;
  margin-bottom: 0px;
  list-style: none;
  background-color: #ecedf1;
  border-radius: 0px;
}

  .breadcrumb > li + li:before {
    color: rgba(255,153,51,1);
    font-size: 14px;
    font-size: 1.4rem;
    content: "\00bb";
  }

ul.bulleted li {
  list-style: disc;
  margin-left: 10px;
}

/***************** End of Breadcrumb **********************/

/***************** Pop Ups **********************/
.ui-widget-header {
  border: 1px solid #005EB8 !important;
  background: rgba(65,89,96,1) !important;
  color: #ffffff;
  font-weight: bold;
}

.ui-state-default .ui-icon {
  background-image: url("/resources/product/membersiter/css/images/ui-icons_228ef1_256x240.png");
}


.ui-icon, ui-widget-content .ui-icon {
  background-image: url("/resources/client/images/ui-icons-procentia.png") !important;
}

.ui-state-default,
.ui-state-hover {
  background-image: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid rgba(0,0,0,0);
  /*background: none!important;*/
  font-weight: bold;
  color: #1c94c4;
}

.ui-icon-closethink {
  background: none !important;
}

.alert {
  padding: 0px;
  margin-bottom: 20px;
  border: 0px solid transparent;
  border-radius: 0px;
}

.ui-corner-all {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/***************** End of Pop Ups **********************/

/***************** Filter pages ************************/
button.datafilter {
  height: 16px;
  width: 16px;
  margin-left: 3px;
  background-image: url(../Images/Filter.png);
  background-position: center;
  border: 0px solid #AAAAAA;
  background-color: rgba(0,0,0,0);
}

table.datafilter caption {
  display: none;
}

table.datafilter th {
  font-size: 14px;
}

/************** Articles ***************/

article div {
  line-height: 23px;
}

article > header > h2 {
  padding-top: 5px;
}

article label {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
}

.form-group-sm .form-control {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}

article > p,
article > ul,
article > header > p {
  /*padding-left: 15px;*/
}

article > footer {
  display: block;
  width: 100%;
  text-align: right;
  bottom: 20px;
  left: -25px;
}

#welcomebox article > footer {
  width: 100%;
  text-align: left;
  left: 25px;
  padding: 15px;
}

article a,
article p {
  font-size: 14px;
  font-size: 1.4rem;
}

article a {
  color: rgba(229,61,44,1);
}

article p {
  color: rgba(69,85,96,1);
}

article span.glyphicon:before, article ul > li > span.glyphicon:before {
  color: rgba(238,53,36,1);
}

article span.glyphicon,
article ul > li > span.glyphicon {
  color: rgba(0,0,0,0);
  margin-right: -5px;
}

article > ul > li:hover {
  color: rgba(102,0,102,1);
}

article > footer > ul > li {
  margin-top: 5px;
}

article.elementStyle2 header h2 {
  margin-top: 7px !important;
}

article.elementStyle2 header h2,
article.elementStyle2 header p {
  color: #FFFFFF !important;
}

article.elementStyle2 p {
  margin-top: 5px !important;
}

article.elementStyle2 header img {
  float: right;
  margin-right: -15px;
}



/************** End of Articles ***************/

/************** Useful Links ******************/
#externaldocblock {
  background-color: #FFFFFF;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  border: 9px solid #FFFFFF;
}

  #externaldocblock h2 {
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
  }

  #externaldocblock p {
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: rgba(69,85,96,1);
  }

  #externaldocblock .linkURL {
    word-wrap: break-word;
  }

    #externaldocblock .linkURL:hover {
      text-decoration: underline;
    }

  #externaldocblock div.row.article {
    padding-top: 5px;
    padding-bottom: 5px;
  }

    #externaldocblock div.row.article:hover {
      background-color: #F0F0F0;
    }


/************** End of Useful Links ******************/

/************** General Info blocks ******************/

.infoblock {
  background-color: #FFFFFF;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  border: 9px solid #FFFFFF;
}

#maincontent_TandC_1_pnlTandC #TandCtext .infoblock {
  margin-left: -5px;
}

.infoblock p, .infoblock h3 {
  margin-left: 10px;
}

.infoblock ul {
  margin-left: 25px;
}

/************** End of General Info blocks ******************/


/************** Landing Page ******************/

.landing-page-information {
  background-color: #FFFFFF;
}

/************** End of Landing Page ******************/


/************** FAQs ******************/
#faqblock {
  background-color: #FFFFFF;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  border: 9px solid #FFFFFF;
}

:dir(rtl) #faqblock {
    background-color: #FFFFFF;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 15px;
    border: 9px solid #FFFFFF;
}

h2.faqCategory {
  padding-left: 10px;
  cursor: pointer;
}

h2.faqCategory::before {
  color: rgba(255,153,51,1);
  font-size: 20px;
  font-size: 2rem;
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: '';
  display: inline-block;
  height: 0.6em;
  position: relative;
  top: 0.35em;
  vertical-align: top;
  width: 0.6em;
  left: -10px;
  transform: rotate(45deg);
}

:dir(rtl) h2.faqCategory::before {
    color: rgba(255,153,51,1);
    font-size: 20px;
    font-size: 2rem;
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.6em;
    position: relative;
    top: 0.35em;
    vertical-align: top;
    width: 0.6em;
    left: -10px;
    transform: rotate(225deg);
    margin-left: 18px;
}

.faqCategoryContainer {
  padding-left: 10px;
}

.faqQ {
  cursor: pointer;
}

h3.faqQ {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6em;
  padding-left: 1em;
}

:dir(rtl) h3.faqQ {
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6em;
    padding-right: 1.3em;
}

h3.faqQ::before {
  color: rgba(255,153,51,1);
  font-size: 12px;
  font-size: 1.2rem;
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: '';
  display: inline-block;
  height: 0.7em;
  width: 0.8em;
  position: relative;
  top: 0.7em;
  vertical-align: top;
  left: -10px;
  transform: rotate(45deg);
  cursor: pointer;
}

:dir(rtl) h3.faqQ::before {
    color: rgba(255,153,51,1);
    font-size: 12px;
    font-size: 1.2rem;
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.7em;
    width: 0.8em;
    position: relative;
    top: 0.7em;
    vertical-align: top;
    left: -10px;
    transform: rotate(225deg);
    cursor: pointer;
    margin-left: 18px;
}

.faqA {
  margin-left: 40px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: #F0F0F0;
}

  .faqA li {
    list-style-type: circle;
    margin-left: 25px;
  }

#faqblock p {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(69,85,96,1);
  padding-left: 10px;
}

#faqblock .linkURL:hover {
  text-decoration: underline;
}

/************** End of Useful Links ******************/

/*************** Scheme Information ******************/
.InfoContainer {
  /*background-color: #FFFFFF;*/
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border: 0px solid #FFFFFF;
}

.TabbedInformationList, .tab-content {
  border-style: solid;
  border-width: 1px;
}

.TabbedInformationList {
  border-color: #C0C0C0;
}

.tab-content {
  border-top-color: #C0C0C0;
  border-right-color: #C0C0C0;
  border-bottom-color: #C0C0C0;
  border-left-color: #C0C0C0;
  padding-bottom: 15px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: rgba(238,53,36,1);
  border-radius: 0px;
}

.link_list {
  float: left;
  margin-left: 15px;
}

  .link_list li {
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6em;
    height: 2.5em;
    color: rgba(69,85,96,1);
  }

    .link_list li:before {
      color: rgba(255,153,51,1);
      font-size: 14px;
      font-size: 1.4rem;
      border-style: solid;
      border-width: 0.25em 0.25em 0 0;
      content: '';
      display: inline-block;
      height: 0.6em;
      position: relative;
      top: 0.45em;
      transform: rotate(-45deg);
      vertical-align: top;
      width: 0.6em;
      left: 0;
      transform: rotate(45deg);
    }

    .link_list li a {
      padding-left: 0.2em;
    }
/*************** End of Scheme Information ******************/

/***************** Glossary *************************/
#dlGlossaryContainer {
  background-color: #FFFFFF;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  border: 9px solid #FFFFFF;
}

.glossarydescription {
  border-bottom: 1px dotted rgba(69,85,96,1);
  margin-bottom: 15px;
  margin-right: 0px;
}

:dir(rtl) .glossarydescription {
    margin-left: 0px;
    margin-right: 200px;
}

/***************** End of Glossary *************************/

/***************** News *****************************/

.NewsDisplay a:hover {
  text-decoration: none;
}

.NewsDisplay p.summary,
.NewsDisplayWithImage p.summary {
  color: rgba(69,85,96,1);
}

.NewsDisplay p,
.NewsDisplayWithImage p {
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}

.NewsDisplay article, .NewsDisplayWithImage article {
  height: 250px;
  overflow-y: auto;
}

  .NewsDisplay article p.desc, .NewsDisplayWithImage p.desc {
    font-size: 13px;
    padding-right: 10px;
  }

.NewsDisplay h3, .NewsDisplayWithImage h3 {
  float: left;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 400;
  padding-top: 5px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.NewsDisplay .info, .NewsDisplayWithImage .info {
  padding-top: 19px;
}


.NewsDisplayWithImage div.media {
  float: left;
  width: 100%;
  position: relative;
  height: 250px;
  background-color: #FFFFFF;
}

.NewsDisplayWithImage div.media-left {
  position: absolute;
  clip: rect(0px,300px,250px,0px);
}

.NewsImage {
  max-width: 100%;
}

.NewsDisplayWithImage div.media-left img {
  display: block;
  height: auto;
  max-height: 250px;
  margin-left: auto;
  margin-right: auto;
}

.NewsDisplayWithImage div.media-body {
  position: absolute;
  left: 0px;
  padding-left: 315px;
  height: 250px;
  width: 100%;
}

:dir(rtl) .NewsDisplayWithImage div.media-body {
    padding-left: 0;
    padding-right: 315px;
    position: absolute;
    right: 0px;
    height: 250px;
    width: 100%;
}


.NewsStartDate {
  color: #696969;
}

.NewsReturnLink {
  margin-top: 1em;
}

.NewsSummary {
  font-size: 1.2em;
  font-weight: bold;
}
/**************** End of News **********************/

/************** Carousel **********************/






.carousel-medium .carousel-indicators {
  bottom: 0px;
  margin-bottom: 0px;
  width: 100%;
  margin-left: -50%;
  background-color: #FFFFFF;
}

  .carousel-medium .carousel-indicators .active {
    background-color: #0091da;
    border: 1px solid #0091da;
  }

  .carousel-medium .carousel-indicators li {
    background-color: #00338D;
    border: 1px solid #00338D;
  }

.carousel-medium .carousel-control {
  background-image: none;
  position: absolute;
  display: block;
}

.carousel-medium .carousel-inner {
  background-color: #FFFFFF;
}




/************** End of Carousel **********************/


/******* Footer ************/
dl#footer dd a {
  color: #FFFFFF;
}


/******* End of Footer ************/




/********** Panels ***********/
.panel-heading {
  background-color: rgba(65,89,96,1) !important;
  color: #FFFFFF !important;
}

  .panel-heading h2,
  .panel-heading p {
    color: #FFFFFF !important;
  }

  .panel-heading p {
    padding-left: 10px;
  }

.panel-body .control-label {
  padding-left: 15px;
  padding-top: 5px;
}

.panel-footer {
  padding: 15px 15px;
  background-color: #f8f8f8;
}

  .panel-footer .list-group {
    padding-left: 0;
    margin-bottom: 0px;
  }

  .panel-footer div.row {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
  }

#regFullAddress {
  padding-left: 15px;
}

/******** End of Panels **********/


/*********************************** Social Media ******************************************************/


.socialchannel-links li {
  display: inline;
}

.icon-twitter {
  float: left;
  background-image: url("../Images/twitter.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
}

.icon-youtube {
  float: left;
  background-image: url("../Images/youtube.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
}

.icon-linkedin {
  float: left;
  background-image: url("../Images/linkedin.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
}

.icon-rss {
  float: left;
  background-image: url("../Images/rss.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
}


.icon-googleplus {
  float: left;
  background-image: url("../Images/googleplus.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
}

/*********************************** End of Social Media ******************************************************/


/********************** "clickable" elements *************************/
tr.clickable {
  background-color: #F3F3F3;
  cursor: hand; /***** for Apple *****/
  cursor: pointer;
}

  tr.clickable:hover {
    background-color: #ABE3F7;
  }

  tr.clickable:active {
    background-color: #F8B626;
  }
/********************** End of "clickable" elements *************************/


/*********************** Scheme Information *************************************/
.SchemeInformation {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.SchemeInformationTabs {
}


.SchemeInformationDocs {
}

/*********************** End of Scheme Information ******************************/

/******************** Tabbed Information ***********************************/




.TabbedInformation {
  position: relative;
  background-color: #FFFFFF;
  padding: 5px;
  min-width: 50% !important;
  border: 0px solid #999999;
}

  .TabbedInformation ul {
  }

    .TabbedInformation ul li {
      margin-top: 2px;
      list-style: none outside none;
      margin-left: 0 !important;
      color: #3B90F9;
      cursor: pointer;
    }

.TabbedInformationList {
  padding: 0 !important;
  background-color: #f8f8f8f;
}

  .TabbedInformationList ul {
    padding: 0 !important;
  }

    .TabbedInformationList ul li {
      margin-top: 0px;
      list-style: none outside none;
      margin-left: 0 !important;
      color: #3B90F9;
      cursor: pointer;
      display: inline;
      padding: 0 !important;
    }

      .TabbedInformationList ul li span {
        font-family: Arial,Verdana,Helvetica,Sans-Serif;
        font-size: 24px;
        font-size: 2.4rem;
        float: left;
        /*background-color: rgba(69,85,96,1);*/
        background-color: #FFFFFF;
        color: rgba(69,85,96,1);
        /*border: 1px solid rgba(69,85,96,1);*/
        border: none;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        min-width: 100%;
        cursor: pointer;
        text-decoration: none;
        margin: 0 -1px 0 0;
      }

.selectbutton {
  background-color: rgba(255,153,51,1) !important;
  border-color: rgba(255,153,51,1) !important;
  color: #FFFFFF !important;
  cursor: default !important;
}

#divIGList .selectbutton {
  background-color: rgba(69,85,96,1) !important;
  border-color: rgba(69,85,96,1) !important;
  color: #FFFFFF !important;
  cursor: default !important;
}

.GuidanceListItem {
  font-size: 2rem !important;
}

.TabbedInformationDocs {
  height: -webkit-calc(100vh - 180px);
  height: -moz-calc(100vh - 180px);
  height: calc(100vh - 180px);
}


.TabbedInformation ul li a {
  color: #3B90F9;
  text-decoration: none;
}

  .TabbedInformation ul li a:hover {
    text-decoration: underline;
  }

.chartImageContainer img {
  position: relative;
  top: -1px;
  border: 1px solid rgba(255,153,51,1);
  background-color: #FFFFFF;
}



.sub-category {
  padding-left: 10px;
}

/******************** End of Tabbed Information ***********************************/

label.mandatory::after {
  content: " *";
  color: #CC0000;
}

.WizardControls {
  padding-left: 15px;
}

.link_text {
  text-align: center;
  background-color: rgba(255,153,51,1);
  color: #FFFFFF;
  border: none;
  padding: 5px;
  cursor: pointer;
  margin-right: 3px;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  text-decoration: none;
  font-size: 14px;
}

  .link_text:hover {
    background-color: #ededf5;
    color: black;
  }

#tblReformattedTable {
  margin-left: 10px;
}

  #tblReformattedTable td {
    vertical-align: top;
    width: 200px;
  }

.beneficiaryContainer {
  border: 2px solid rgba(69,85,96,1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  background-color: #FFFFFF !important;
  height: 325px;
  text-align: center;
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
}


  .beneficiaryContainer > span {
    display: block;
    width: 100%;
    font-size: 14px;
    border: 0px solid white;
    margin-bottom: 5px;
  }

  .beneficiaryContainer > label.standardLabel {
    display: block;
    width: 100%;
    padding: 5px 0 5px 5px;
    font-size: 14px;
    background-color: rgba(0,0,0,0.25);
    font-weight: 500;
  }

  .beneficiaryContainer label.deleteLabel {
    display: block;
    margin-left: 5px;
    padding: 5px 0 5px 5px;
    font-size: 14px;
    background-color: rgba(0,0,0,0.25);
    width: 60px;
  }

.beneficiaryCheckbox {
  position: absolute;
  left: -10px;
}

.beneficiaryContainer span.Name {
  height: 75px;
}

.beneficiaryContainer span.Address {
  height: 50px;
}

.beneficiaryContainer span.Name, .beneficiaryContainer span.NominatedPercentage {
  font-size: 22px !important;
}


.toBeDeleted {
  background-color: #CCCCCC !important;
}

  .toBeDeleted span.Name {
    text-decoration: line-through;
  }


.beneficiaryContainer .addButton {
  color: #FFFFFF;
  background-color: rgba(238,53,36,1);
  border: 8px solid rgba(238,53,36,1);
  border-radius: 50%;
  height: 106px;
  width: 106px;
  position: relative;
  top: 33%;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  line-height: 1em;
}

  .beneficiaryContainer .addButton,
  .beneficiaryContainer .addButton:hover {
    background-color: rgba(238,53,36,1);
  }

.beneficiaryContainer > .addButton:hover {
  color: #FFFFFF;
  border: 8px solid #FFFFFF;
  background-color: rgba(102,0,102,1);
  border-radius: 50%;
  height: 106px;
  width: 106px;
  position: relative;
  top: 33%;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  line-height: 1em;
}

.beneficiaryContainer > .addButton:focus {
  color: #FFFFFF;
  background-color: rgba(102,0,102,1);
  border: 8px solid #FFFFFF;
  border-radius: 50%;
  height: 106px;
  width: 106px;
  position: relative;
  top: 34%; /* This is 1% more than 'standard' above to give the impression of being pressed */
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  line-height: 1em;
}

.beneficiaryContainer .addButton:hover > span {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.beneficiaryContainer > .addButton > span {
  font-size: 115px;
  position: relative;
  top: 18px;
}

.deleteMessage {
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

div.NominatedBeneficiaries, {
  background-color: #FFFFFF;
  border: 1px solid #D0D4D8;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px;
}


  div.NominatedBeneficiaries table.data_table {
    display: none;
  }

  div.NominatedBeneficiaries div.controls {
    display: none;
  }

  div.NominatedBeneficiaries p {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

#unit-transactions {
  padding-left: 15px !important;
}

#inv-filter-control-label {
  padding-left: 0px !important;
}

.CMSInfo {
  padding: 15px;
}

  .CMSInfo:empty {
    display: none;
  }




/************************************** End of All Screen Sizes ********************************/

/************************************** Large Screen Devices ********************************/

@media (min-width: 768px) {
  html {
    height: 100%;
  }

  body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
  }

  .companylogo {
    width: 140px;
    height: 40px;
    margin: 5px;
  }

  #main-wrapper {
    /*background-color: #FFFFFF;*/
    box-sizing: border-box;
    min-height: 100%;
    padding: 0 0 100px;
    position: relative;
  }

  #main-content-wrapper {
    min-height: 100%;
    padding-top: 0px;
    background-color: #ecedf1;
  }

  #breadcrumb-container {
  }

  .footer-text {
    font-size: 11px;
  }

  #title-container,
  #navbar-container,
  #cookie-law,
  #menu-container,
  #header-container,
  #footer-container,
  .footer-links-content,
  .footer-text-content {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 15px;
  }

  #header-container {
    background-color: rgba(65,89,96,1);
  }

  #page-content-wrapper {
    padding-left: 0px;
    margin-top: 0px;
  }

  #page-content-container {
    display: block;
    background-color: #FFFFFF;
    padding: 15px;
    height: 100%;
    padding-top: 30px;
  }

  #page-menu-wrapper {
    padding-left: 15px;
    padding-right: 0px;
  }

  .input-form .btn,
  .panel .btn,
  .btn,
  .btn-primary,
  .btn-primary:focus,
  .btn-primary.active,
  .btn-primary.focus,
  .btn-primary:active,
  .ui-button,
  .ui-dialog .ui-dialog-buttonpane button,
  table.navigation button,
  #PasswordTest button,
  table.datafilter td input[type="button"] {
    color: #FFFFFF;
    background-color: rgba(238,53,36,1);
    border-color: rgba(238,53,36,1);
    border-radius: 4px !important;
    margin-right: 10px !important;
  }

    .input-form .btn:hover,
    .panel .btn:hover,
    .btn:hover,
    .btn-primary:hover,
    .open > .dropdown-toggle.btn-primary,
    .input-form .btn:hover,
    .ui-dialog .ui-dialog-buttonpane button:hover,
    .open > .dropdown-toggle.btn-default,
    #PasswordTest button:hover,
    table.navigation button:hover {
      background-color: rgba(102,0,102,1);
      border-color: rgba(102,0,102,1);
      color: #FFFFFF;
    }

  #PasswordTest button {
    padding: 6px;
  }

  div.LoginAnserQuestion select.form-control {
    width: 100px;
  }

  article {
    background-color: #FdFdFd;
    border: 1px solid #D0D4D8;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
    line-height: 28px;
  }

    article.elementStyle2 header {
      /*background-color: rgba(65,89,96,1);*/
      height: 238px;
    }

  #divInformation {
    margin-left: 0px;
  }

  /**************************** Investments ************************/
  .InvestmentsTable > tbody > tr > td,
  .InvestmentsTable > tbody > tr > th,
  .InvestmentsTable > tfoot > tr > td,
  .InvestmentsTable > tfoot > tr > th,
  .InvestmentsTable > thead > tr > td,
  .InvestmentsTable > thead > tr > th {
    padding: 0px;
    border: 1px solid #FFFFFF;
  }
  /************************* End if Investments **************************/


  /******* Nav Bar *********/
  .nav .dropdown-menu {
    width: 190%;
    background-color: #F0F0F0;
  }

  .dropdown-menu > li a {
    color: #080808;
  }

  .navbar-default {
    background-color: rgba(65,89,96,1);
    border-color: #FFFFFF;
    border: 0px;
    margin-bottom: 0px;
  }

  #nav-bar-header {
    float: left;
  }

  .navbar-header {
    float: left;
    width: 100%;
  }

  #nav-bar-menu {
    float: left;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    width: 100%;
  }

  .navbar-nav {
    float: left;
    margin: 0;
    margin-left: -50px;
    width: 100%;
  }

  #navbar-container {
    margin-top: 10px;
  }

  .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
  }

    .navbar-default .navbar-nav > li > a:hover {
      color: #FFFFFF;
      font-weight: normal;
    }

  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover {
    color: #FFFFFF;
  }

  .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFFFFF;
  }

  .navbar-default .navbar-nav > .open > a {
    background-color: rgba(69,85,96,1);
  }

  .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
  }

  .link-right-logout {
    color: #FFFFFF;
    text-decoration: none;
  }

    .link-right-logout:hover {
      color: #FFFFFF;
      text-decoration: none;
    }

  .div-right-logout {
    text-align: right;
    padding-top: 10px;
    padding-right: 15px;
  }

  .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255,153,51,1);
    outline: 0;
  }

  .dropdown-menu > li > a:hover {
    color: #000000;
    text-decoration: none;
  }

  .dropdown-menu > li > a:focus {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
  }

  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #FFFFFF;
    background-color: #080808;
  }

  .navbar-brand {
    padding: 8px 0px 15px 0px;
  }

  ul.navbar-nav > li > a > span.caret {
    margin-left: 5px;
    border-bottom: 2px solid transparent;
  }

  .navbar {
    border-radius: 0px;
  }


  /******* End of Nav Bar *********/


  /****** Article ******************/
  /**** Make articles the same height by applying one of these classes... ***/
  .same-height-lg {
    height: 550px;
  }

  .same-height-md {
    height: 250px;
  }

  .same-height-sm {
    height: 150px;
  }

  article > footer {
    display: block;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 20px;
    left: -25px;
  }

  /****** End of Article ******************/

  .heroImageContainer > img {
    max-width: 100%;
    margin: 10px 0px 15px 13px;
  }

  /************** Carousel **********************/

  #divCarouselRow {
    background-color: #FFFFFF;
    border-bottom: 18px solid #FFFFFF;
    border-right: 18px solid #FFFFFF;
  }

  .carousel-medium {
    background-color: #FFFFFF;
  }

    .carousel-medium .carousel-control {
      float: left;
      background-image: none;
      position: absolute;
      display: block;
      margin-left: -5px;
      width: 53px;
    }

    .carousel-medium .carousel-inner {
      margin-left: 0px;
      width: 100%;
    }

    .carousel-medium .carousel-control:hover {
      background-color: rgba(255,255,255,0.5);
    }


  .carousel-control.right {
    left: 600px;
  }

  .carousel-medium .glyphicon {
    border: 0px;
    color: rgba(0,0,0,0.9);
  }

    .carousel-medium .glyphicon.glyphicon-chevron-left,
    .carousel-medium .glyphicon.glyphicon-chevron-right {
      width: 43px;
      height: 43px;
      margin-top: -15px;
      font-size: 40px;
    }

  .carousel-medium .carousel-inner > .item > img {
    position: absolute;
    top: 0px;
    right: 0px;
    /* corrects inline gap in enclosing div */
    display: block;
    max-width: 640px !important;
    height: 410px !important;
    width: 640px;
    -ms-interpolation-mode: bicubic;
  }

  .carousel-inner > .item > img {
    height: 410px;
  }

  .carousel {
    height: 410px !important;
    float: right;
    margin-right: 15px;
    width: 640px;
  }

    .carousel .item {
      height: 410px;
    }

    .carousel, .carousel-inner, .carousel .item {
      margin-bottom: 0px;
    }

  .carousel-text-container {
    display: block;
    /* background-color: #FFFFFF; */
    /* background-color: #FFFFFF; */
    max-width: 730px !important;
    padding-left: 30px !important;
  }

    .carousel-text-container p,
    .carousel-text-container ul, {
      margin-left: 15px;
    }

  #divCarouselRow .carousel-text-container > h2 {
    color: #005EB8;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: normal;
    margin: 0 10px 10px 0px;
    /*padding-left: 4px;*/
  }

  .carousel-image-container {
    background-color: #FFFFFF;
    padding-right: 0px;
  }

  .carousel .item {
    background-color: #FFFFFF;
  }

  /************** End of Carousel **********************/

  .landing-page-information p {
    margin: 0 0 10px;
  }

  /* pin the footer to the bottom of the window */
  #footer-wrapper {
    width: 100%;
    height: 65px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-right: 0px;
    margin-left: 0px;
    background-color: rgba(65,89,96,1);
    color: white;
  }

  .footer-links {
    background-color: rgba(65,89,96,1);
    padding-top: 5px;
  }

    .footer-links a {
      color: #FFFFFF;
      padding-right: 30px;
    }

    .footer-links dl {
      margin-bottom: 10px;
    }


  .footer-text-content p {
    font-size: 12px;
    font-size: 1.2rem;
  }

  dl#footer {
    margin-top: 0;
    margin-bottom: 0px;
    height: 40px;
    padding-top: 10px;
  }

    dl#footer dd a {
      padding-right: 40px;
    }


  /******** Social Media *****/
  .socialchannel-links li a {
    margin-right: 10px;
  }

  .footer-socialchannelLinks,
  .socialchannel-links {
    height: 65px;
    float: right;
    padding-right: 0px;
    padding-top: 8px;
  }
  /******** End if Social Media *****/

  .InfoContainer {
    margin-bottom: 0px;
  }

  .data_form {
    float: left;
    width: 100%;
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 15px;
  }

    .data_form .row {
      margin-left: 0px;
      margin-right: 0px;
    }

    .data_form .btn-group {
      margin-left: 7px;
    }

  label {
    padding-top: 3px !important;
  }

  input.datafield_readonly {
    width: 100%;
  }

  /**************** Bootstrap override *****************/

  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 15px;
  }

  .carousel-control {
    width: 3%;
    text-shadow: none;
  }

  /**************** End of Bootstrap override **********/

  /********  Glossary **************/
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
    color: rgba(229,61,44,1);
  }
  /************** End og Glossary *****************/

  /************** Tabbed Information *************/



  #divIGList span {
    margin-left: 6px;
  }

  /************** End of Tabbed Information *************/


  article > footer > span.glyphicon::before,
  article > footer > ul > li > span.glyphicon::before {
    color: rgba(255,153,51,1);
    font-size: 14px;
    font-size: 1.4rem;
  }

  .menuShadow {
    z-index: 99;
    height: 100%;
    width: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 94%;
    box-shadow: -10px -20px 13px 0 #000 inset;
    opacity: .3;
  }

  .contactus {
    padding-top: 10px !important;
    padding-right: 10px;
    padding-bottom: 10px;
    /*padding-left: 10px;*/
  }

    .contactus .form-group {
      padding-top: 10px;
      padding-right: 10px;
      padding-bottom: 5px;
      padding-left: 10px;
      margin-bottom: 0px;
    }

  #divContactUs {
    padding-left: 10px;
  }

  #maincontent_UsernameEntry_ValidationSummary1 {
    margin-left: 15px;
  }

  .SwitchAllOpt_Confirmation {
    padding-left: 15px;
  }

  #maincontent_pnlRequestSent {
    margin-left: 15px;
  }

  #maincontent_RegistrationEnterDetails_ValidationSummary1 {
    padding-left: 15px;
  }

  .UpdateEmailForm {
    margin-left: -15px !important;
  }

  .UpdateEmailButtons {
    margin-left: -7px !important;
  }
}

@media (min-width: 1024px) {

  #welcomeDiv {
    text-align: right;
    float: none;
  }

  .navbar-default {
    background-color: rgba(238,53,36,1);
    border-color: #FFFFFF;
    border: 0px;
    margin-bottom: 0px;
    max-height: 60px;
  }
}

@media (min-width: 1400px) {
  .navbar-nav > li {
  }

  .carousel-medium .carousel-inner {
    margin-left: 0px;
    width: 640px;
  }

  .companylogo {
    width: 200px;
    height: 57px;
    margin: 5px;
  }

  .nav .dropdown-menu {
    /* width: 240px; */
    background-color: #FFFFFF;
  }

  #sidebar {
    border-left: solid 1px #C0C0C0;
  }
}

/************************************** End of Large Screen Devices ********************************/

@media (min-width: 991px) {
  .divisor {
    display: none;
  }
}

@media (max-width: 991px) {
  #welcomeDiv {
    text-align: left;
    float: left;
  }

  #sidebar {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  hr {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}


/************************************** Small Screen Devices ********************************/
@media (max-width: 767px) {

  #InfoContainer {
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .tab-content {
    border-top-color: #FFFFFF;
  }

  .InfoContainer, .Layout_Form, .data_form, .NominatedBeneficiaries {
    margin-top: -15px !important;
  }

  #divIGList {
    margin-top: 16px !important;
  }

    #divIGList .selectbutton {
      background-color: #b3aaaa !important;
    }

  .TabbedInformationList ul li {
    width: 100%;
  }

  #ii-logout {
    display: block;
  }

  .navbar-nav > li.dropdown {
    border-bottom: 1px solid #c0c0c0 !important;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: rgba(238,53,36,1);
  }

  .input-form .btn,
  .panel .btn,
  .btn,
  .btn-primary,
  .btn-primary:focus,
  .btn-primary.active,
  .btn-primary.focus,
  .btn-primary:active,
  .ui-button,
  .ui-dialog .ui-dialog-buttonpane button,
  table.navigation button,
  table.datafilter td input[type="button"] {
    font-weight: bold;
    color: #FFFFFF;
    background-color: rgba(238,53,36,1);
    border-color: rgba(238,53,36,1);
    border-radius: 4px !important;
    margin-right: 10px;
    margin-bottom: 3px;
  }

    .input-form .btn:hover,
    .panel .btn:hover,
    .btn:hover,
    .btn-primary:hover,
    .open > .dropdown-toggle.btn-primary,
    .input-form .btn:hover,
    .ui-dialog .ui-dialog-buttonpane button:hover,
    table.navigation button:hover {
      color: #FFFFFF;
      background-color: #6C7BA6 !important;
      border-color: rgba(65,89,96,1);
    }

  .companylogo {
    margin: 0;
  }


  .navbar {
    position: relative;
    min-height: 50px;
    max-height: 60px;
    border: 1px solid transparent;
    background-color: rgba(65,89,96,1);
    margin-bottom: 5px;
  }

  .navbar-toggle {
    /*margin-top: 30px;*/
  }

  #welcomeDiv {
    text-align: left;
    float: left;
  }

  #title-container h1 {
    color: #FFFFFF;
    text-align: center;
    padding-left: 0px;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 5px;
  }

  #page-content-container {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

    #page-content-container h2, .table-container caption {
      color: #00338D;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1;
      font-weight: normal;
      margin: 10px 10px 10px 0px;
    }

  .navbar-header {
    background-color: rgba(65,89,96,1) !important;
  }

  #header-wrapper, #menu-container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .breadcrumb {
    font-size: 1.1rem;
  }

  .heroImageContainer {
    max-height: 100%;
    overflow: hidden;
    border-bottom: 18px solid #FFFFFF;
  }


    .heroImageContainer > div > img {
      position: absolute;
      top: 0px;
      right: 0px;
      /* corrects inline gap in enclosing div */
      display: block;
      max-width: 100%;
      /* just in case, to force correct aspect ratio */
      height: auto !important;
      width: auto\9; /* ie8+9 */
      /* lt ie8 */
      -ms-interpolation-mode: bicubic;
    }

  #title-container h1 {
    /*padding-left: 15px;*/
    margin-left: 0px;
  }

  #nav-bar-menu {
    padding-top: 20px;
  }

    #nav-bar-menu li {
      width: 100%;
    }


  .container-fluid {
    background-color: #fff;
  }

  .navbar-static-top {
    border: none !important;
  }


  .navbar-header {
    background-color: #fff;
  }

  .bg1 {
    background-color: #fff;
  }

  .navbar-default .navbar-toggle {
    border-color: rgba(238,53,36,1);
    margin-top: 12px;
  }

    .navbar-default .navbar-toggle .icon-bar {
      background-color: rgba(238,53,36,1);
    }


  /************** Article *************/
  article.elementStyle2 header img {
    float: right;
    margin-right: -15px;
  }


  /******** Social Media *****/
  .footer-socialchannelLinks {
    margin: auto;
  }



  .socialchannel-links li a {
    margin-left: 10px;
  }
  /******** End if Social Media *****/


  /*************Carousel ***********/
  #divCarouselRow {
    float: left;
    margin-right: 0px;
    margin-left: 0px;
  }

    #divCarouselRow .carousel-text-container p,
    .landing-page-information p {
      margin-left: 10px;
    }

  .carousel,
  .carousel-inner,
  .carousel .item {
    width: 100%;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    top: 40%;
  }

  .carousel-control .glyphicon-chevron-left {
    margin-left: -25px;
  }

  .carousel-control .glyphicon-chevron-right {
    margin-right: -25px;
  }

  .carousel-medium .carousel-inner > .item {
    overflow: hidden;
  }

    .carousel-medium .carousel-inner > .item > img {
      position: absolute;
      top: 0px;
      right: 0px;
      /* corrects inline gap in enclosing div */
      display: block;
      /* just in case, to force correct aspect ratio */
      width: 100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
      height: auto\9; /* ie8+9 */
      /* lt ie8 */
      -ms-interpolation-mode: bicubic;
    }


  .carousel-medium .glyphicon {
    border: 0px;
    color: #FFFFFF;
  }

    .carousel-medium .glyphicon.glyphicon-chevron-left,
    .carousel-medium .glyphicon.glyphicon-chevron-right {
      width: 43px;
      height: 43px;
      margin-top: 0px;
      font-size: 40px;
    }
  /*************End of Carousel ***********/

  #divInformation {
    margin-left: 0px;
    margin-right: 0px;
  }


  .footer-links {
    background-color: rgba(65,89,96,1);
    margin-left: 15px;
  }

    .footer-links a {
      color: #FFFFFF;
      padding-right: 30px;
      margin-top: 20px;
    }

    .footer-links dl {
      margin-bottom: 10px;
    }

  .footer-text-content p {
    color: #FFFFFF;
    font-size: 12px;
    font-size: 1.2rem;
  }

  .input-form {
    border-bottom: 10px solid #FFFFFF;
  }

    .input-form .row {
      margin-right: 0px;
      margin-left: 0px;
    }

  /****************** Tabbed Information ************/
  .TabbedInformationList ul li span {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    font-size: 26px;
    margin-top: -2px;
  }

  .TabbedInformation {
    width: 100%;
    -moz-border-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
  }
  /****************** End of Tabbed Information ************/


  /*************** News **********************/
  .NewsDisplayWithImage div.media-body {
    position: absolute;
    left: 0px;
    padding-left: 0;
    height: 250px;
    width: 100%;
  }

  :dir(rtl) .NewsDisplayWithImage div.media-body {
      padding-left: 0;
      padding-right: 0;
      position: absolute;
      right: 0px;
      background-color: rgba(255,255,255,0);
      height: 250px;
      width: 100%;
  }

  .NewsDisplayWithImage div.media {
      float: left;
      width: 100%;
      position: relative;
      height: 360px;
      background-color: #FFFFFF;
  }

  div.media-body h3 {
    font-size: 1.6rem;
  }

  .NewsDisplayWithImage div.media-left img {
      display: block;
      height: auto;
      max-height: 250px;
      margin-top: 100px;
      margin-left: auto;
      margin-right: auto;
  }

  .NewsDisplayWithImage div.media-left {
      position: absolute;
      clip: rect(0px,400px,400px,0px);
      padding-right: 0;
  }

  article {
    background-color: #FdFdFd;
    border: 1px solid #D0D4D8;
    margin-top: 15px;
    padding: 15px;
    line-height: 28px;
    float: left;
    width: 100%;
  }

    article > footer > span.glyphicon::before,
    article > footer > ul > li > span.glyphicon::before {
      display: none;
    }

    article > footer > ul > li {
      text-align: center;
      background-color: rgba(255,153,51,1);
      min-height: 2.5em;
      padding: 9px;
    }

      article > footer > ul > li > a {
        background-color: rgba(255,153,51,1);
        color: #FFFFFF;
      }

    article.elementStyle2 p {
      margin-top: 5px !important;
      float: left;
    }


  /******************* FAQs ***********************/
  h2.faqCategory::before {
    font-size: 16px;
    font-size: 1.6rem;
    top: 0.5rem;
  }


  h3.faqQ {
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6em;
    padding-left: 1em;
  }


  h3.faqQ::before {
    color: rgba(255,153,51,1);
    font-size: 10px;
    font-size: 1rem;
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    position: relative;
    top: 0.7em;
    vertical-align: top;
    left: -10px;
    transform: rotate(45deg);
  }

  :dir(rtl) h3.faqQ {
      font-family: Arial,Verdana,Helvetica,Sans-Serif;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.6em;
      padding-right: 1em;
      margin-right: 25px;
  }


  :dir(rtl) h3.faqQ::before {
      color: rgba(255,153,51,1);
      font-size: 10px;
      font-size: 1rem;
      border-style: solid;
      border-width: 0.25em 0.25em 0 0;
      content: '';
      display: inline-block;
      height: 1em;
      width: 1em;
      position: relative;
      top: 0.7em;
      vertical-align: top;
      right: -10px;
      transform: rotate(225deg);
      margin: 0;
  }

  .faqA {
      margin-left: 0;
      padding-top: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      background-color: #F0F0F0;
  }

  #footer {
    background-color: #FFFFFF;
    color: #000000;
  }

  #sidebar {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }


  /***************** End of FAQs ****************************/


  /* Navigation Bar */

  .navbar-header {
    background-color: #FFFFFF !important;
    height: 60px;
  }

  .open > .dropdown-menu {
    margin-left: 20px;
  }

  .caret {
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    float: right;
    margin-top: 7px;
  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 2px solid rgba(238,53,36,1) !important;
    background-color: #FDF1F1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: #FFF1F1;
  }

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #FFF1F1;
  }

  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: rgba(238,53,36,1);
    background-color: #FFE0E0;
  }

  .navbar-default .navbar-nav > .open > a, .dropdown-toggle {
    font-weight: bold;
  }

  .navbar-default .navbar-nav > .open > a {
    color: rgba(238,53,36,1) !important;
  }

  .navbar-default .navbar-nav > li > a:hover {
    color: rgba(238,53,36,1);
  }

  .nav .dropdown-menu li {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .nav ul li:hover {
    background-color: #ADD8E6 !important;
  }

  .nav > li:hover {
    background-color: #ADD8E6 !important;
  }

  .nav > .dropdown:hover {
    background-color: #FFFFFF !important;
  }

  .navbar-nav {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

    .navbar-nav .open .dropdown-menu {
      margin-top: -5px;
      margin-bottom: -5px;
      padding-top: 5px;
      padding-bottom: 5px
    }


  .dropdown .dropdown-menu {
    /*-webkit-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        -moz-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        -ms-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        -o-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;*/
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    display: block;
    opacity: 0;
  }

  .dropdown.open .dropdown-menu {
    -webkit-transition: max-height 0.5s, opacity 0.2s, visibility 0.5s;
    -moz-transition: max-height 0.5s, opacity 0.2s, visibility 0.5s;
    -ms-transition: max-height 0.5s, opacity 0.2s, visibility 0.5s;
    -o-transition: max-height 0.5s, opacity 0.2s, visibility 0.5s;
    transition: max-height 0.5s, opacity 0.2s, visibility 0.5s;
    max-height: 400px;
    opacity: 1;
    visibility: visible;
  }

  .navbar-default .navbar-nav > li > a {
    color: rgba(238,53,36,1);
  }


  .Layout_Form {
    margin-left: 0px !important;
  }

  .data_form {
    background-color: #FdFdFd !important;
    margin: 0px 0px 15px 0px !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
  }

  .frmData {
    background-color: #FdFdFd !important;
    margin: 15px 0px 15px 0px !important;
    padding: 15px;
  }

    .frmData .data_form {
      background-color: #FdFdFd !important;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 15px;
      padding-bottom: 15px;
    }

    .frmData h1, .frmData h2, .frmData p, .frmData span, .frmData label,
    .data_form h1, .data_form h2, .data_form p, .data_form span, .data_form label {
      color: #000000 !important;
    }

    .frmData .text {
      width: 100% !important;
    }

  .InvestmentsTable {
    border-width: 2px !important;
  }

  #UnitMovementsChartPanel {
    background-color: #FFFFFF !important;
  }

  .ViewLogin .panel-default {
    border: none;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  #welcomebox article > footer > ul > li {
    cursor: pointer !important;
  }

  .ForgotUserEnterDetails .data_form,
  .SingleSecurityQuestion .data_form,
  .UserNameEntry .data_form,
  .UserDetailsWithQuestion .data_form {
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #maincontent_UsernameEntry_ValidationSummary1, #maincontent_ForgotUserEnterDetails_ValidationSummary1, #maincontent_ControlResetPassword2_ValidationSummary1 {
    color: #FFFFFF !important;
  }

  .CMSInfo {
    background-color: #FFFFFF !important;
    padding-top: 20px !important;
  }

  .dl-horizontal dt {
    color: rgba(229,61,44,1);
  }
}


/************************************** End of Small Screen Devices ********************************/

@media (min-width: 768px) {

  .contactus label {
    padding-left: 0px !important;
    margin-left: -2px !important;
  }

  .contactus .g-recaptcha {
    margin-left: 2px !important;
  }

  .contactus .btn-group {
    margin-left: -7px !important;
  }

  .glossarytitle {
    text-align: left !important;
    margin-left: 6px !important;
  }

  :dir(rtl) .glossarytitle {
    float: right;
    text-align: right !important;
    margin-right: 22px !important;
  }

  #externaldocdescription p {
    margin-left: 5px !important;
  }

  #externaldocs h2 {
    margin-left: -10px !important;
  }

  #title-container h1 {
    margin-left: -2px !important;
  }

  .NewsItem {
    margin-left: 15px !important;
  }

  .contactus label {
    padding-left: 10px !important;
  }

  .data_form {
    margin-left: 0px;
  }

  .frmData #tblData0 {
    margin-left: 15px !important;
  }

  .CommunicationDetails {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .HomePageCarouselContainer {
    margin-left: 15px !important;
    width: 100% !important;
  }

  #HomePageCarousel {
    width: 100% !important;
    height: 346px !important
  }

    #HomePageCarousel .carousel-inner {
      height: 346px !important;
      padding-bottom: 30px;
    }

    #HomePageCarousel .carousel-control.right {
      left: auto;
    }

  #HomePageWecomeText {
    padding-top: 340px;
  }

  /*SWITCH PANELS*/



  .SwitchWizardOption .data_form, .SwitchWizardOption .data_form td, .SwitchWizardOption_1, .SwitchWizardOption_RD {
    padding-left: 15px;
  }

  .SwitchWizardOption_2 {
    padding-left: 10px;
  }

  .SwitchWizardOption_1 .data_table {
    margin-left: 5px;
  }

    .SwitchWizardOption_1 .data_table td {
      padding-right: 20px;
    }

      .SwitchWizardOption_1 .data_table td input {
        width: 150px !important;
      }

        .SwitchWizardOption_1 .data_table td input[name='FundName'] {
          width: 350px !important;
        }

    .SwitchWizardOption_1 .data_table tr:last-child td:first-child {
      font-weight: bold;
    }

  .SwitchWizardOption_1 #divWizardControls {
    margin-left: -15px;
    padding-top: 20px;
  }

  .SwitchWizardOption_1 .data_form {
    padding-bottom: 30px !important;
  }


  .SwitchWizardOption_2 table tr th h4 {
    padding-left: 5px;
  }

  .SwitchWizardOption_2 #divWizardControls {
    padding-top: 20px;
    margin-left: -10px;
  }

  .SwitchWizardOption #divWizardControls button[name='btnWizardPrevious'] {
    display: none;
  }

  .SwitchWizardOption_RD .frmData #tblData0 {
    margin-left: 0px !important;
  }

    .SwitchWizardOption_RD .frmData #tblData0 h4 {
      padding-left: 5px !important;
    }

  /*.SwitchWizardOption_RD .frmData #tblData0 td[sourcefield='td_FR_FundName'] {
        width: 300px;
    }*/

  .SwitchWizardOption_RD .WizardControls {
    padding-left: 5px;
    padding-top: 20px;
  }



  .regConfirmAddress {
    margin-left: 15px !important;
  }

  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #F8F8F8;
    color: #c0c0c0;
  }

  .ForgotUserEnterDetails .ValidationError {
    padding-left: 15px;
  }

  .InfoContainer .MembershipDetails p {
    margin-left: 15px !important;
  }

  #divErrDisplay {
    padding-left: 15px;
  }
}

@media (max-width: 767px) {

  #header-CMS {
    padding: 15px;
  }

  /* Contributions illustration */

  #unit-transactions {
    background-color: #FFFFFF;
    margin-top: 15px;
    padding-right: 15px !important;
    padding-top: 15px !important;
  }

  #ChartDiv {
    background-color: #FFFFFF;
  }

  #tabs {
    height: 60px !important;
  }

    #tabs a {
      height: 30px !important;
    }

  #externaldocdescription p {
    margin-left: 15px !important;
  }

  #externaldocs h2 {
    margin-left: -0px !important;
  }

  .data_form label, .data_form p, .data_form span {
    color: #455560 !important;
  }

  .input-form {
    border-bottom: none;
    margin-left: -15px !important;
  }

    .input-form .btn-group {
      margin-left: 5px !important;
    }

  .Layout_Form {
    margin-left: -15px !important;
  }

  .NewBeneficiary {
    margin-left: 0px !important;
  }

    .NewBeneficiary .data_form h2 {
      margin-left: 0px !important;
      color: #FFFFFF !important;
    }

  .switchOptionHeader > h2, .switchOptionHeader p {
    margin-left: 0px !important;
  }


  article span.glyphicon, article ul > li > span.glyphicon {
    color: rgba(0,0,0,0);
    margin-right: -5px;
    margin-bottom: 20px;
  }

  #lnkLogin {
    /*background-color: rgba(255,153,51,1);*/
    margin-right: auto;
    padding: 10px 50px 10px 50px;
  }




  #lnkRegister {
    /*background-color: rgba(255,153,51,1);*/
    margin-right: auto;
    padding: 10px 50px 10px 50px;
  }

  .LoginAnserQuestion, .divRegistration, #maincontent_TandC_1_pnlTandC, #maincontent_InfoWithSingleButton_pnlInfo {
    background-color: #FFFFFF !important;
    /*margin: 15px;*/
    padding: 15px !important;
  }

    .LoginAnserQuestion p, .LoginAnserQuestion span, .LoginAnserQuestion label {
      color: #000000 !important;
    }

    .divRegistration p, .divRegistration span, .divRegistration label {
      color: #000000 !important;
    }


  #divBeneficiaryAdd button span {
    color: #FFFFFF !important;
  }

  #divBeneficiaryAdd button:hover {
    border-color: rgba(255,153,51,1) !important;
    background-color: #FFFFFF !important;
  }

  #maincontent_FundValuesChart_FundValuesChart, #maincontent_BenefitStatements, #maincontent_Investments, #maincontent_PendingTransactions, #maincontent_InvestmentsChart_InvestmentsChart {
    background-color: #FFFFFF !important;
  }

  #maincontent_FundValuesChart_FundValuesChart, #maincontent_Investments, #maincontent_InvestmentsChart_InvestmentsChart, #maincontent_PendingTransactions {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #maincontent_InvestmentsChart_pnlCanvasContainer {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #maincontent_BenefitStatements {
    padding-top: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  table.InvestmentsTable th {
    font-size: 12px !important;
  }

  table.InvestmentsTable td {
    font-size: 11px !important;
  }

  #ChartContainer #Info1Div {
    background-color: #ffffff;
  }

  #yourContributionsContainer label {
    font-size: 13px !important;
  }

  .NewsItem, .contactus {
    background-color: #ffffff !important;
    padding: 15px !important;
  }

    .contactus label {
      color: #000000 !important;
    }

  .data_form label[for*="ForgotUserEnterDetails"], .data_form label[for*="SingleSecurityQuestion"], .data_form span[id*="SingleSecurityQuestion"] {
    color: #000000 !important;
  }

  .CommunicationDetails {
    background-color: #FdFdFd !important;
    margin-top: 0px !important;
  }

    .CommunicationDetails .data_form div, .CommunicationDetails .btn-group {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }

    .CommunicationDetails #pcaSearchWrap {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

  .MembershipDetails article {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .MembershipDetails .note {
    padding-left: 25px !important;
  }

  .MembershipDetails p {
    margin-left: 25px !important;
  }

  .NewBeneficiary .data_form, .NewBeneficiary .btn-group {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .divRegistration #regConfirmAddress {
    border: none !important;
  }

  .divRegistration #regFullAddress {
    border: none !important;
  }

  .SwitchWizardOption_XS {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    background-color: #FFFFFF;
  }
}


/* Changes in a hurry */
.panel-heading p {
  padding-left: 0px;
}

.data_form h2 {
  margin-left: 15px !important;
}

.form-group .btn-group {
  margin-left: 0px;
}

.infoblock h2 {
  margin-left: 10px !important;
}

#maincontent_TandC_1_pnlTandC .btn-group {
  margin-left: 15px;
}

#divReformattedRow {
  margin-left: 0px !important;
}

#messageDiv p {
  margin-left: 5px !important;
}





.data_form #radioOptions {
  margin-left: 15px;
}



.CurrentCases #tblData0 {
  margin-left: 0px !important;
}

.SwitchConfirmationHeader {
  margin-left: 15px;
}

.SwitchOptionsFreestyle label {
  padding-left: 5px !important;
}


th.date {
  text-align: left !important;
}

#maincontent_grdCurrentInvestments table {
  border-top: 2px solid #000000 !important;
}

.data_form .form-control[name=CurrentEmail], .form-control[name=EMailAddress] {
  width: 100% !important;
}

#infoContainer.tabdivcontainer {
  padding-top: 10px;
}


/* SWITCHING */

.SwitchStep1 {
  margin-left: 15px !important;
  padding-bottom: 15px;
}

.SwitchStep_FRD {
  margin-left: 0px !important;
  padding-bottom: 15px;
}

  .SwitchStep_FRD #TabControl #Tabs {
    margin-left: 10px;
    margin-right: 15px;
  }

  .SwitchStep_FRD #TabControl #Panels {
    margin-left: -5px !important;
  }

  .SwitchStep_FRD #TabControl caption {
    margin-left: 5px !important;
  }

.SwitchWizard #tblData1 {
}

.SwitchWizard caption {
}

.SwitchWizard .Layout_Form, .SwitchWizard .Layout_Table {
  margin-left: 10px;
  padding-bottom: 30px;
}

  .SwitchWizard .Layout_Form caption {
    margin-left: 5px;
  }

  .SwitchWizard .Layout_Table caption {
    margin-left: 5px;
  }

.SwitchWizard #tblData1 tr.totals {
  font-weight: bold;
}

  .SwitchWizard #tblData1 tr.totals .column0 {
    text-align: right;
    padding-right: 10px;
  }

.ui-datepicker-header {
  color: rgba(65,89,96,1) !important;
}

#maincontent_TableInvestments .TableInvestments_OptionClick .tableOptionClickDiv {
  float: right !important;
  width: 150px !important;
}

#maincontent_TableInvestments td {
  vertical-align: middle !important;
}

#maincontent_TableInvestments .table > tbody > tr > td {
  border: none !important;
  border-left: none !important;
  border-bottom: solid 1px #ddd !important;
}

#maincontent_TableInvestments > tbody > tr:last-child,
.tmftable > tbody > tr:last-child {
  border-bottom: solid 1px #ddd !important;
  background-color: #f9f9f9;
}


.TransactionHistory-Sub-Footer, .TransactionHistory-Sub-Footer td {
  border-bottom: solid 1px #ddd !important;
}

.TableInvestments_Numeric, .TableInvestments_Decimal {
  text-align: right !important;
}

.NewBeneficiary textarea {
  width: 100% !important;
}

.enquiry-subject-div {
  margin-right: -10px !important;
}

.data_form select[id*="SingleSecurityQuestion_lstAnswer"],
.data_form select[id*="UserDetailsWithQuestion_lstAnswer"],
.data_form select[id*="ControlAnswerQuestion2_lstAnswer"] {
  width: 100px !important;
}

#maincontent_InfoWithSingleButton_pnlInfo {
  padding-left: 15px !important;
}

#unit-transactions .col-sm-5 {
  padding-right: 8px !important;
}

#PendingTransactionsTableContainer {
  margin-left: 0px !important;
  margin-right: 15px !important;
}

#maincontent_PendingTransactions {
  padding-left: 15px !important;
  padding-right: 5px !important;
}

  #maincontent_PendingTransactions .TableInvestments td {
    border: none !important;
  }

.datepicker .table-condensed {
  width: 100% !important;
  font-size: 13px !important;
}


  .datepicker .table-condensed td span.month,
  .datepicker .table-condensed td span.year,
  .datepicker .table-condensed td span.decade,
  .datepicker .table-condensed td span.century {
    padding: 3px;
  }

  .datepicker .table-condensed td, th {
    cursor: pointer;
  }

  .datepicker .table-condensed td {
    color: #454c50;
  }

  .datepicker .table-condensed td span.focused,
  .datepicker .table-condensed td.active,
  .datepicker .table-condensed th {
    font-weight: bold;
    color: rgba(238,53,36,1);
    text-align: center;
  }


#unit-transactions input {
  margin-right: 0px !important;
}

/*
.SwitchWizard {
    display: none;
}
*/

.navbar {
  min-height: 0px;
}

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}

.modal-error {
  color: red;
}


#header-container {
  background-color: #FFFFFF;
}

.ui-state-default .ui-icon {
  background-image: url(/resources/product/membersiter/css/images/ui-icons_ffffff_256x240.png);
}


.heroImageContainer > ul > li {
  list-style: circle outside !important;
  margin-bottom: 10px;
}

.bulletedlist li {
  list-style: circle outside !important;
  margin-bottom: 10px;
}
/* End */

/* My Details - Article */
#page-content-container article.mydetails {
  margin-bottom: 20px;
  background-color: #fff;
  border-color: #ddd;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

  #page-content-container article.mydetails > header > h2 {
    font-size: 1.4rem;
    background-color: rgba(65,89,96,1) !important;
    border-color: #ddd;
    color: #FFFFFF !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 0px;
  }

  #page-content-container article.mydetails > div.note {
    padding-left: 24px;
  }

/* End of My Details - Article */

/* Reports dialog */
.ui-dialog {
  z-index: 1000;
}

/* end if Reports dialog */

/* AltTable */

table.alt-table, table.alt-table th, table.alt-table td,
table.dataTable, table.dataTable th, table.dataTable td {
  border-top: 1px solid #DDDDDD !important;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-color: #DDDDDD;
}

  table.alt-table th, table.dataTable th {
    color: white;
    background-color: rgba(238,53,36,1);
    border-color: #DDDDDD;
  }


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: rgba(229,61,44,1);
  border-color: rgba(229,61,44,1);
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: rgba(229,61,44,1);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

#sidebar {
  color: #455560;
}

.checkBox label {
  padding-left: 10px;
}


/* Switch Wizard */
.SwitchWizard ul li {
  list-style: disc;
  margin-left: 30px;
}

.SwitchWizard ol li {
  list-style: decimal;
  margin-left: 30px;
}

.SwitchWizard table td {
  vertical-align: middle !important;
}

.btn-info {
  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
  color: rgba(238,53,36,1);
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: #FFFFFF;
  position: relative;
  top: 1px;
  z-index: 900; /* Needs to be less than the menu dropdown (1000)*/
}

.fa-long-arrow-left {
  padding-right: 5px;
}

.fa-long-arrow-right {
  padding-left: 5px;
}

/************** File Upload CSS ***************/
.custom-file-input {
  width: 100%;
}

  .custom-file-input::-webkit-file-upload-button {
    visibility: hidden !important;
  }

  .custom-file-input::before {
    font-family: Arial,Verdana,Helvetica,Sans-Serif !important;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 200;
    color: #FFFFFF;
    background-color: rgba(238,53,36,1);
    content: 'Browse...';
    display: inline-block;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
  }

  .custom-file-input:hover::before {
    background-color: rgba(102,0,102,1);
    border-color: rgba(102,0,102,1);
    color: #FFFFFF;
  }

  .custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
  }

/************** End of File Upload CSS ***************/

/************** Slider CSS *************/
/* The slider itself */
.slider {
  -webkit-appearance: none; /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 15px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

  /* Mouse-over effects */
  .slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
  }

  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    /* width: 15px; Set a specific slider handle width */
    /* height: 15px;  Slider handle height */
    /*background: rgba(229,61,44,1);  TMF red background */
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid rgba(229,61,44,1);
    cursor: pointer; /* Cursor on hover */
    /*border-radius: 50%;*/
    margin-left: 0;
  }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f00;
}

  .slider::-moz-range-thumb {
    width: 15px; /* Set a specific slider handle width */
    height: 15px; /* Slider handle height */
    background: #04AA6D; /* Green background */
    cursor: pointer; /* Cursor on hover */
  }

/*And now the ticks*/
.ticks {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  margin-left: 13px;
  margin-right: 13px;
}

.tick {
  position: relative;
  display: flex;
  justify-content: center;
  width: 1px;
  background: gray;
  /*Cap the height of the tick & push text down, so the tick renders as a little line and the text doesn't overlap the line. Also add margin, so the container expands enough that the next element you'll add won't overlap the ticks. */
  height: 10px;
  line-height: 50px;
  margin-bottom: 20px;
}
/************** End of Slider CSS *************/


/************** controlpanel ****************/
.controlpanel {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 15px;
  margin-top: 15px;
  background-color: #ddd;
}

/********************* Switch Table **************/
div.SwitchWizard table tr.total td {
  font-weight: bold;
}

.SchemeDropDownStyle {
  margin: -5px;
  margin-top: -40px;
  padding-right: 40px !important;
}

@media (max-width: 768px) {
  .SchemeDropDownStyle {
    margin-top: unset !important;
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
}

/********************* Language Drop Down **************/

.languageDropDown {
    height : 122px;
    display: flex;
    justify-content: end;
    align-items: center;
}

@media (max-width: 768px) {
    .languageDropDown {
       height: auto;
       margin-right: 15px;
       margin-top: 20px;
    }

    :dir(rtl) .languageDropDown {
        height: auto;
        margin-left: 15px;
        margin-top: 20px;
    }
}