/*region Login*/
.loginLayout .horizontalButtonBar {
    margin-top: 3px;
}


body.loginLayout {
    background-color: white;
    color: #000000;
}

body.loginLayout #login {
    display: block;
}

body.loginLayout .page-header {
    display: none;
}
.loginLayout #login p, .loginLayout #login form {
    margin: 1.5em 0 1em;
}

.uppercase, .toUpper, .toUppercase {
    text-transform: uppercase;
}

.loginLayout #login label, .loginLayout #login input {
    display: inline-block;
}

.loginLayout #login label {
    margin-top: 1em;
    font-weight: bold;
    line-height: 1.5;
}

.loginLayout #login input[type="text"], .loginLayout #login input[type="password"] {
/*    width: 260px;*/
    padding: 11px 5px 11px 8px;
    background-color: white !important;
/*    color: #000;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
    zoom: 1;
    z-index: 1;
    border: 1px solid #ff6600;
    outline-color: #ff6600;*/
}

.loginLayout #login input[type="text"]:focus, .loginLayout #login input[type="password"]:focus {
    border: 2px solid transparent;
    background: #fff;
    outline: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginLayout #login .error input[type="text"], .loginLayout #login .error  input[type="password"] {
    border: 2px solid transparent;
    background: pink;
    outline: none;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginLayout #login legend {
    display: none;
}

.loginLayout #login input[type="text"].error, .loginLayout #login input[type="password"].error {
    border: 2px solid #ff0000;
}

.loginLayout .captcha {
    margin-top: 20px;
}

.loginLayout .captchaWidget {
    padding: 0px 8px 0px 0px;
}

.loginLayout .captchaWidget .captchaHint {
    margin: 0;
}

.loginLayout .captchaWidget .errorMsg {
    margin-top: 5px;
    margin-bottom: 8px;
    font-weight: normal;
}

.loginLayout .captchaWidget .captchaImageControl {
    background: white;
}

.loginLayout .captchaWidget .captchaImageControl .captchaReload {
    float: right;
}

.loginLayout .captchaWidget .captchaImageControl .captchaReload:hover {
    cursor: pointer;
    border: 1px solid grey;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(gwt/scripts/PIE.htc);
}

.loginForm {
    zoom: 1;
    position: relative;
}
#login {
/*    width: 960px;*/
    margin: 0 auto;
    padding-top: 84px;
}
#loginArea {
    /*width: 360px;*/
    /*padding-left: 96px;*/
    zoom: 1;
    float: left;
    position: relative;
    display: block;
}

.loginLayout .right {
    margin-right: 20px;
}

.canvasPanel.LoginPlace {
    min-height: 0px
}


.LoginPlace .page-header {
    display: none;
}

#loginArea {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0 0 10px #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px #ffffff;
    box-shadow: 0px 0px 10px #ffffff;
    background: #f4f4f4 !important;
/*    margin-left: 64px;*/
    padding: 15px;
    behavior: url('gwt/scripts/PIE.htc');
    zoom: 1;
    z-index: 0;
}
#loginArea h1 {
    display: none;
}

body.loginLayout, body.memberLayout, body.adviserLayout {
    background-color: #ffffff;
}

.loginType-MEMBER #site-footer .adviserContactUs {
    display: none;
}
.place-AdminMemberSearch #site-footer .adviserContactUs{
    display: none;
}
.place-AdminAdviserSearch #site-footer .memberContactUs {
    display: none;
}
.loginType-ADVISER #site-footer .memberContactUs {
    display: none;
}
.LoginPlace .page-header {
    display: none;
}
.right {
    float: right;
    margin-right: 0px;
}

.left {
    float: left;
}

/*buttons and links login*/
.button.login a {

}

.button.login a:hover {

}

.loginLayout .button a {

}

.loginLayout #login .button a {
    color: #ffffff;
    background-color: #525199;
    border-color: #525199;
    display: block;
    /*margin-top: 15px;
    margin-left: 5px;*/
    padding: 7px 25px;
}

.loginLayout #login .button a:hover  {
    color: #ffffff;
    background-color: #39396b;
    border-color: #39396b;
}

.loginLayout .horizontalButtonBar .buttonWrap.Reset.Password a{
    background-color: transparent!important;
    color:#525199;
}
.loginLayout .horizontalButtonBar .buttonWrap.Reset.Password a:hover{
    background-color: transparent!important;
}
.loginLayout .horizontalButtonBar .buttonWrap.Reset.Password{
    margin-right: 0px!important;
}

.button.login span {

}
/*endregion*/
/*region MemberDashboardPlace*/
.MemberDashboardPlace .dashboard .accountHistory .ViewFactoryPanel table{
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 30px;
}
.MemberDashboardPlace .dashboard .accountHistory div[dir="ltr"] {
    width: 100% !important;
}
/*endregion*/
/*region AccountOpeningPlace*/
.AccountOpeningPlace .contentPanel .content {
    padding-bottom: 20px;
    overflow: hidden; /* Below is important to fix IE8 not bleeding background colors into tactical links */
    position: relative;
    zoom: 1;
    z-index: 0;
}

.AccountOpeningPlace .contentPanel .accountOpening_header {
    padding: 10px;
}
.AccountOpeningPlace .task {
    width: 100%;
    float: left;
    margin: 20px 0px;
    background-color: #fff;
    height: 100%;
    border: 1px solid #c2c1c1;
    border-radius: 7px;
    text-align: center;
    min-height: 100px;
}
.AccountOpeningPlace .task  ul{
    list-style-type: disc;
    text-align: left;
    padding-left: 30px;
    padding-top: 5px;
    padding-right: 8px;
}
.AccountOpeningPlace .task .tactical-boxes{
    list-style-type: none !important;
    text-align: left;
    padding-left: 10px;
}

.AccountOpeningPlace .task .tactical-boxes {
    background-color: #f60;
    padding: 5px 10px;
    margin: -1px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: relative;
    z-index: 1;
}
.AccountOpeningPlace .task .tactical-boxes li{
    height: 100%;
    margin-left: 0;
    width: auto;
    float: none;
}

.AccountOpeningPlace .task .tactical-boxes li a {
    text-align: center;
    color: #ffffff;
    background-color: #f60;
    display: block;
    text-align: center;
    margin: auto;
    position: relative;
    height: 100%;
}

.AccountOpeningPlace .task .tactical-boxes li a span{
    display: block;
}
.AccountOpeningPlace .task .tactical-boxes li a img{
 display: none;
}

/*
.AccountOpeningPlace .taskComplete {
    background: none repeat scroll 0 0 #00FF00;
}
*/



.AccountOpeningPlace .closeButtonBar {
    float: left;
    position: relative;
    left: 50%;
    margin-left: -50px;
    margin-top: 35px;
}

.AccountOpeningPlace .accountOpening_disclaimer {
    margin-top: 30px;
    font-size: 12px;
    line-height: normal;
    color: #777777;
}

.AccountOpeningPlace .accountOpening_disclaimer .important {
    font-weight: bold;
}

.AccountOpeningPlace .accountOpening_disclaimer .text {
    text-align: justify;
}

.AccountOpeningPlace .wide .tactical-boxes a {
    min-height: 61px;
}

.AccountOpeningPlace .wide .task .tactical-boxes li a {
    padding: 8px 8px 2px 15px;
}

.AccountOpeningPlace .wide .tactical-boxes img {
    right: 6px;
}
.AccountOpeningPlace .accountOpening_footer{
    margin-top: 25px;
}
.AccountOpeningPlace .button.buttonWrap.modalclosebutton {
    display: block;
}

/*endregion*/
/*region TransactionHistoryPlace*/
.TransactionHistoryPlace .transactionHistoryFilterForm .formTable .requiredField .formLabelCell .formLabel:after {
    color: transparent;
}

.TransactionHistoryPlace .transactionHistoryFilterForm div > table {
    width: 100%;
}

.TransactionHistoryPlace .horizontalButtonBar:nth-child(1) .buttonWrap a{
    float: none;
    margin: 0px 0px 0px 5px;
    line-height: 19px;
    padding: 7px 25px;
    text-decoration: underline;
    display: block;
    margin: auto;
    text-align: center;
    background-color: white;
    color: #000;
}
.TransactionHistoryPlace .horizontalButtonBar:nth-child(2) .buttonWrap a{
    float: none;
    margin: 0px 0px 0px 5px;
    line-height: 19px;
    padding: 7px 25px;
    text-decoration: underline;
    display: block;
    margin: auto;
    text-align: center;
    background-color: white;
    color: #000;
}
.TransactionHistoryPlace .buttonWrap a:hover{

}
.TransactionHistoryPlace .buttonWrap {
    margin: 0;
    vertical-align: middle;
    padding-top: 0px;
    float: none;
    display: block;
}

#user-nav-right #myDetailsItem {
    display: none;
}

@media screen and (max-width: 680px) {
    .TransactionHistoryPlace .transactionHistoryList .TransactionHistory_transactionHistoryList_header {
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table thead {
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr {
        display: inline-block;
        width: 100%;
        position: relative;
        padding-bottom: 20px;
        padding-top: 5px;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr:first-child {
        border-top: 1px solid #accfe5;
        padding-top: 8px;
    }

    .ie9 .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr {
        float: left;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.effectiveDate {
        color: #616161;
        /*font-weight: 700;*/
        font-size: 0.8em;
        position: absolute;
        bottom: 0px;
        margin-bottom: -3px;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.description {
        padding-top: 0px;
        float: left;
        width: 52%;
        /*font-size: 1.2em;*/
        /*font-weight: 700;*/
        clear: left;
        padding-right: 0px;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.amount {
        padding-top: 0px;
        float: right;
        /*font-size: 1.2em;*/
        /*color: #41AD49;*/
        padding: 0px;
        /*font-weight: 700;*/
        width: 45%;
        padding-right: 8px;
        color: #41AD49;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.amount[data-bgml-value^="-$"] .labelText {
        color: #ff0000;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.debitAmount {
        padding-top: 0px;
        float: right;
        /*font-size: 1.2em;*/
        color: #41AD49;
        padding: 0px;
        /*font-weight: 700;*/
        width: 45%;
        padding-right: 8px;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.debitAmount[data-bgml-value~="$0.00"] .labelText,
    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.debitAmount[data-bgml-value=""] .labelText {
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.debitAmount .labelText:before {
        content: "+";
        padding-right: 8px;
        color: #41AD49;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.creditAmount {
        padding-top: 0px;
        float: right;
        /*font-size: 1.2em;*/
        color: red;
        padding: 0px;
        /*font-weight: 700;*/
        width: 45%;
        padding-right: 8px;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.creditAmount[data-bgml-value~="$0.00"] .labelText,
    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.creditAmount[data-bgml-value=""] .labelText {
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.creditAmount .labelText:before {
        content: "--";
        letter-spacing: -0.3em;
        padding-right: 8px;
        color: red;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.runningBalance {
        font-size: 0.9em;
        color: #616161;
        float: right;
        padding: 0px;
        padding-right: 8px;
        position: absolute;
        right: 0;
        margin-top: 23px;
        /*font-weight: bold;*/
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.runningBalance .labelText:before {
        content: "Balance ";
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr.firstRow td.runningBalance,
    .TransactionHistoryPlace .transactionHistoryList table tbody tr.lastRow td.runningBalance {
        /*font-size: 1.2em;
        font-weight: 700;*/
        color: #333333;
        width: 42%;
        display: table-cell;
        position: relative;
        margin-top: 0px;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr.firstRow td.runningBalance .labelText:before,
    .TransactionHistoryPlace .transactionHistoryList table tbody tr.lastRow td.runningBalance .labelText:before {
        content: "";
    }
}
/*endregion*/
/*region ValuationPlace*/
.ValuationPlace .formRow {
    float: left;
    width: 100%;
}

.ValuationPlace .assetTransactionFilterForm .formTable .requiredField .formLabelCell .formLabel:after {
    color: transparent;
}

.ValuationPlace .filterForm-getMemberPortfolioHoldingsFilterBlock {
    display: none;
}

.portfolioSubPercentPlace .assetTransactionFilterForm .formColumn {
    display: table;
}

.ValuationPlace .assetTransactionFilterForm .formRow {
    display: table-cell;
    padding-right: 10px;
    padding-bottom: 0px;
}

.ValuationPlace .assetTransactionFilterForm .formLabelCell {
    width: 160px;
}

.ValuationPlace .Valuation_portfolioHoldingsUnconfirmedInvestmentList_header p {
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width: 680px) {
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerUnits,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerCurrentPrice,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.units,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice {
        width: 0px;
        overflow: hidden;
        padding: 0px;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerUnits div,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerCurrentPrice div,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.units div,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice div {
        display: none;
    }

    .ValuationPlace .assetTransactionListingList table.drillableTableData tr {
        position: relative;
    }

}

@media screen and (max-width: 600px) {
    .ValuationPlace .assetTransactionFilterForm .formColumn {
        display: block;
    }

    .ValuationPlace .assetTransactionFilterForm .formRow {
        display: block;
        width: 100%;
    }

    .ValuationPlace .assetTransactionFilterForm .formControlCell {
        width: 100%;
    }

    .ValuationPlace .assetTransactionFilterForm .horizontalButtonBar {
        margin-top: 0;
    }

    /* portfolioHoldingsList */
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData colgroup {
        display: none;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData tbody tr {
        display: inline-block;
        width: 100%;
        position: relative;
        padding-bottom: 10px;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData th {
        font-size: 14px;
        float: left;
        height: 55px;
        vertical-align: bottom;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData th .labelText {
        min-height: 38px;
        vertical-align: bottom;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td {
        font-size: 13px;
        float: left;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerUnits,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerEffectiveDate,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerProfilePercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerProfileDrawDown,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerProfileNumber,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerProfileOrderNumber,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerCurrentPrice,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerFormAction {
        display: none;

    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerInvestment,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.investment {
        width: 40%;
        font-size: 14px;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.investment a {
        /*font-weight: 700;*/
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.effectiveDate {
        position: absolute;
        margin-top: 25px;
        right: 0px;
        width: 100%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.effectiveDate .labelText {
        text-align: right !important;;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioPercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.portfolioPercent {
        float: right;
        width: 25%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioPercent .labelText {
        float: right;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.portfolioPercent {
        min-height: 34px;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerMarketValue,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.marketValue {
        /*float: left;*/
        /*position: absolute;*/
        width: 35%;
        left: 40%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profilePercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileDrawDown,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileNumber,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileOrderNumber,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableDadt td.formAction {
        float: right;
        width: 50%;
        border-top: 1px dashed #cccccc;
        clear: both;
        /* ensure it does not get displayed */
        display: none;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .drillableTableDataSummaryRow td.profileNumber,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .drillableTableDataSummaryRow td.profileOrderNumber {
        display: none;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profilePercent > div,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileDrawDown > div,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileNumber > div,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileOrderNumber > div {
        display: inline;
        float: right;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profilePercent:before,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileDrawDown:before,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileNumber:before,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileOrderNumber:before {
        float: right;
        width: 100%;
        text-align: right;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profilePercent:before {
        content: "Future trans split";
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileDrawDown:before {
        content: "Payment split";
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileNumber:before {
        content: "Payment order";
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profileOrderNumber:before {
        content: "Payment order";
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.units,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice {
        display: none;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.marketValue {
        height: 100%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.investment,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.portfolioSubPercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.profilePercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.profileDrawDown,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.profileNumber,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.profileOrderNumber{
        padding-bottom: 10px;
        width: 100%;
    }

    /* portfolioHoldingsUnconfirmedInvestmentList */
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData thead,*/
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData thead th.headerDollarRequest,*/
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData thead th.headerUnitRequest {*/
    /*display: none;*/
    /*}*/
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.investment {*/
    /*float: left;*/
    /*vertical-align: top;*/
    /*width: 60%;*/
    /*font-size: 1.2em;*/
    /*font-weight: 700;*/
    /*padding-bottom: 0px;*/
    /*}*/
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.investment .labelText {*/
    /*min-height: 30px;*/
    /*padding-top: 1px;*/
    /*}*/
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.investment .labelText:before {*/
    /*background-color: transparent;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 30px 30px;*/
    /*content: ".";*/
    /*display: inline-block;*/
    /*height: 30px;*/
    /*padding-right: 5px;*/
    /*text-indent: -100px;*/
    /*width: 30px;*/
    /*}*/
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.dollarRequest {*/
    /*float: right;*/
    /*padding-bottom: 1px;*/
    /*font-size: 1.2em;*/
    /*font-weight: 700;*/
    /*color: #0C6A99;*/
    /*}*/
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.unitRequest {*/
    /*float: right;*/
    /*clear: both;*/
    /*padding-top: 1px;*/
    /*font-size: 0.8em;*/
    /*}*/
    /*.ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.unitRequest .labelText:after {*/
    /*content: " Units";*/
    /*}*/
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData colgroup,
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionDate,
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionUnits,
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionAmountCurrent,
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionPrice {
        display: none;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerDescription {
        float: left;
        width: 55%;
        font-size: 14px;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionAmount {
        float: right;
        width: 45%;
        font-size: 14px;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.description {
        float: left;
        width: 60%;
        padding-top: 15px;
        font-weight: 700;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionDate {
        float: left;
        clear: both;
        padding: 5px 10px 5px 8px;
        color: #616161;
        font-weight: 700;
        font-size: 0.9em;
        margin-top: -6px;
    }

    .ValuationPlace .assetTransactionListingList .transactionUnits {
        font-size: 12px;
        color: #616161;
        white-space: nowrap;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionUnits {
        padding: 5px 5px 0 10px;
        float: right;
        width: 100%;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionUnits .labelText:after {
        content: " Units";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionUnits[data-bgml-value=""] .labelText:after {
        content: "";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionPrice {
        font-size: 12px;
        color: #616161;
        padding: 2px 5px 15px 10px;
        float: right;
        width: 100%;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionPrice .labelText:after {
        content: " Per/Unit";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionPrice[data-bgml-value=""] .labelText:after {
        content: "";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionAmount {
        display: block;
        float: none;
        padding-top: 35px;
        color: #41AD49;
        position: absolute;
        right: 0px;
    }

    .ValuationPlace .assetTransactionListingList table tbody tr td.transactionAmount[data-bgml-value^="-$"] .labelText {
        color: #ff0000;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionAmountCurrent {
        display: none;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData .drillableTableDataSummaryRow td.transactionAmountCurrent {
        float: none;
        display: block;
        padding-top: 15px;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData .drillableTableDataSummaryRow td.transactionAmount {
        color: #616161;
        font-size: 12px;
        padding-top: 44px;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData .drillableTableDataSummaryRow td.transactionAmount .labelText:after {
        content: " Purchase at";
    }
}

@media screen and (max-width: 680px) {
    .ValuationPlace .transactionHistoryList .TransactionHistory_transactionHistoryList_header {
        display: none;
    }

    .ValuationPlace .transactionHistoryList table thead {
        display: none;
    }

    .ValuationPlace .transactionHistoryList table.drillableTableData tr {
        display: inline-block;
        width: 100%;
        position: relative;
        padding-bottom: 20px;
        padding-top: 5px;
    }

    .ValuationPlace .transactionHistoryList table.drillableTableData tr:first-child {
        border-top: 1px solid #accfe5;
        padding-top: 8px;
    }

    .ie9 .ValuationPlace .transactionHistoryList table.drillableTableData tr {
        float: left;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.effectiveDate {
        color: #616161;
        font-weight: 700;
        font-size: 0.8em;
        position: absolute;
        bottom: 0px;
        margin-bottom: -3px;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.description {
        padding-top: 0px;
        float: left;
        width: 52%;
        /*font-size: 1.2em;*/
        font-weight: 700;
        clear: left;
        padding-right: 0px;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.amount {
        padding-top: 0px;
        float: right;
        /*font-size: 1.2em;*/
        /*color: #41AD49;*/
        padding: 0px;
        font-weight: 700;
        width: 45%;
        padding-right: 8px;
        color: #41AD49;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.amount[data-bgml-value^="-$"] .labelText {
        color: #ff0000;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.debitAmount {
        padding-top: 0px;
        float: right;
        /*font-size: 1.2em;*/
        color: #41AD49;
        padding: 0px;
        font-weight: 700;
        width: 45%;
        padding-right: 8px;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.debitAmount[data-bgml-value~="$0.00"] .labelText,
    .ValuationPlace .transactionHistoryList table tbody tr td.debitAmount[data-bgml-value=""] .labelText {
        display: none;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.debitAmount .labelText:before {
        content: "+";
        padding-right: 8px;
        color: #41AD49;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.creditAmount {
        padding-top: 0px;
        float: right;
        /*font-size: 1.2em;*/
        color: red;
        padding: 0px;
        font-weight: 700;
        width: 42%;
        padding-right: 8px;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.creditAmount[data-bgml-value~="$0.00"] .labelText,
    .ValuationPlace .transactionHistoryList table tbody tr td.creditAmount[data-bgml-value=""] .labelText {
        display: none;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.creditAmount .labelText:before {
        content: "--";
        letter-spacing: -0.3em;
        padding-right: 8px;
        color: red;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.runningBalance {
        font-size: 0.9em;
        color: #616161;
        float: right;
        padding: 0px;
        padding-right: 8px;
        position: absolute;
        right: 0;
        margin-top: 23px;
        font-weight: bold;
        display: none;
    }

    .ValuationPlace .transactionHistoryList table tbody tr td.runningBalance .labelText:before {
        content: "Balance ";
    }

    .ValuationPlace .transactionHistoryList table tbody tr.firstRow td.runningBalance,
    .ValuationPlace .transactionHistoryList table tbody tr.lastRow td.runningBalance {
        /*font-size: 1.2em;*/
        font-weight: 700;
        color: #333333;
        width: 42%;
        display: table-cell;
        position: relative;
        margin-top: 0px;
    }

    .ValuationPlace .transactionHistoryList table tbody tr.firstRow td.runningBalance .labelText:before,
    .ValuationPlace .transactionHistoryList table tbody tr.lastRow td.runningBalance .labelText:before {
        content: "";
    }
}
/*endregion*/
/*region AccountListPlace*/
@media screen and (max-width: 630px) {
    .AccountListPlace .accountList.drillableList .drillableTable thead tr th:last-child div.labelText,
    .AccountListPlace .accountList.drillableList .drillableTable tbody tr td:last-child div.labelText {
        text-align: right !important;
    }

    .AccountListPlace .accountList.drillableList .drillableTable thead tr th {
        display: none;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr {
        display: block;
    }

    .AccountListPlace .accountList.drillableList .drillableTable thead tr th.headerDisplayName {
        display: inline-block;
        width: 100%;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr td {
        display: block;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr td.displayName,
    .AccountListPlace .accountList.drillableList .drillableTable tbody tr td.accountNumber {
        position: absolute;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr td.accountNumber {
        margin-top: 30px;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr td.balance {
        position: absolute;
        right: 0;
        margin-top: 0px;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr td.balanceDate {
        margin-top: 30px;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr.drillableTableDataSummaryRow {
        height: 35px;
        display: table-row
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr.drillableTableDataSummaryRow td {
        display: none;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr.drillableTableDataSummaryRow td.displayName,
    .AccountListPlace .accountList.drillableList .drillableTable tbody tr.drillableTableDataSummaryRow td.balance {
        display: block;
    }

    .AccountListPlace .accountList.drillableList .drillableTable tbody tr.drillableTableDataSummaryRow td.balance {
        margin-top: 0;
    }
}
/*endregion*/
/*region ProfilePlace*/
.ProfilePlace .investmentProfileDetailsList.editable .drillableTableData tr td input[type="text"]{
    border: 1px solid #e5e5e5;
    padding-right: 10px;
}
.ProfilePlace .investmentProfileDetailsList.editable .drillableTableData tr td input[type="text"]:hover{
    border: 1px solid #ff6600;
    border-radius: 4px;
    outline-color: #ff6600;
}
/*endregion*/
/*region AllocationPlace*/
.AllocationPlace .assetAllocationPortfolioList{
    display: none;
}
.AllocationPlace .ViewFactoryPanel table {
    width: 100% !important;
}
.AllocationPlace .assetAllocationChart div[dir="ltr"]{
    width: 100% !important;
    top: 10px;
}
.AllocationPlace  .assetAllocationChart div[dir="ltr"] svg {
    width: 100% !important;
}
@media screen  and (max-width: 600px ){
  .AllocationPlace #assetAllocationChart svg g:nth-child(2){
        display: none;
    }
}

/*endregion*/
/*region TermDepositTrade */
.TermDepositTradePlace .currentTermDepositDetailsList th.headerTransactionReference,
.TermDepositTradePlace .currentTermDepositDetailsList td.transactionReference,
.TermDepositTradePlace .previousTermDepositDetailsList th.headerTransactionReference,
.TermDepositTradePlace .previousTermDepositDetailsList td.transactionReference {
    display: none;
}
@media screen and (max-width: 630px) {
    .TermDepositTradePlace .currentTermDepositDetailsList thead th,
    .TermDepositTradePlace .previousTermDepositDetailsList thead th {
        display: none;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList thead th.headerDescription,
    .TermDepositTradePlace .currentTermDepositDetailsList thead th.headerReference,
    .TermDepositTradePlace .previousTermDepositDetailsList thead th.headerDescription,
    .TermDepositTradePlace .previousTermDepositDetailsList thead th.headerReference {
        display: table-cell;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList tbody tr,
    .TermDepositTradePlace .previousTermDepositDetailsList tbody tr {
        display: table;
        width: 100%;
        min-height: 106px;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.transactionReference,
    .TermDepositTradePlace .previousTermDepositDetailsList td.transactionReference {
        display: none;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList thead th.headerReference,
    .TermDepositTradePlace .currentTermDepositDetailsList td.reference,
    .TermDepositTradePlace .previousTermDepositDetailsList thead th.headerReference,
    .TermDepositTradePlace .previousTermDepositDetailsList td.reference {
        width: 30%;
        float: left;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList thead th.headerReference .labelText,
    .TermDepositTradePlace .previousTermDepositDetailsList thead th.headerReference .labelText {
        color: transparent;
        white-space: nowrap;
        overflow: hidden;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList thead th.headerReference .labelText:before,
    .TermDepositTradePlace .previousTermDepositDetailsList thead th.headerReference .labelText:before {
        content: "Reference";
        color: #000000;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList thead th.headerDescription,
    .TermDepositTradePlace .currentTermDepositDetailsList td.description,
    .TermDepositTradePlace .previousTermDepositDetailsList thead th.headerDescription,
    .TermDepositTradePlace .previousTermDepositDetailsList td.description {
        width: 70%;
        float: right;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList thead th.headerDescription .labelText,
    .TermDepositTradePlace .currentTermDepositDetailsList td.description .labelText,
    .TermDepositTradePlace .previousTermDepositDetailsList thead th.headerDescription .labelText,
    .TermDepositTradePlace .previousTermDepositDetailsList td.description .labelText {
        text-align: right !important;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.reference .labelText,
    .TermDepositTradePlace .previousTermDepositDetailsList td.reference .labelText {
        text-align: left !important;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.interestRate,
    .TermDepositTradePlace .currentTermDepositDetailsList td.depositAmount,
    .TermDepositTradePlace .currentTermDepositDetailsList td.maturityDate,
    .TermDepositTradePlace .previousTermDepositDetailsList td.interestRate,
    .TermDepositTradePlace .previousTermDepositDetailsList td.depositAmount,
    .TermDepositTradePlace .previousTermDepositDetailsList td.maturityDate {
        float: right;
        width: 100%;
        padding-top: 0px;
        font-size: 13px;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.interestRate,
    .TermDepositTradePlace .previousTermDepositDetailsList td.interestRate {
        height: 100%;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.interestRate .labelText:before,
    .TermDepositTradePlace .previousTermDepositDetailsList td.interestRate .labelText:before {
        content: "Rate : ";
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.depositAmount .labelText:before,
    .TermDepositTradePlace .previousTermDepositDetailsList td.depositAmount .labelText:before {
        content: "Amount : ";
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.maturityDate .labelText:before,
    .TermDepositTradePlace .previousTermDepositDetailsList td.maturityDate .labelText:before {
        content: " Maturity Date : ";
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.interestRate .labelText,
    .TermDepositTradePlace .previousTermDepositDetailsList td.interestRate .labelText {
        text-align: right !important;
    }

    .TermDepositTradePlace .currentTermDepositDetailsList td.depositAmount,
    .TermDepositTradePlace .currentTermDepositDetailsList td.maturityDate,
    .TermDepositTradePlace .previousTermDepositDetailsList td.depositAmount,
    .TermDepositTradePlace .previousTermDepositDetailsList td.maturityDate {
        clear: both;
    }
}
/*endregion*/
/*region CorporateActionsPlace*/
.CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerStockName,
.CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.stockName,
.CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerStockName,
.CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.stockName{
    width: 30%;
}
.CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerStockCode,
.CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.stockCode,
.CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerStockCode,
.CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.stockCode{
    width: 12%;
}
.CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerActionType,
.CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.actionType,
.CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerActionType,
.CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.actionType{
    width: 23%;
}
.CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerElectionEnd,
.CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.electionEnd,
.CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerElectionEnd,
.CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.electionEnd{
    width: 13%;
}
.CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerStatus,
.CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.status,
.CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerStatus,
.CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.status{
    width: 17%;
}

@media screen and (max-width: 599px) {

    .CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerStockName,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.stockName,
    .CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerStockName,
    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.stockName{
        width: auto;
    }
    .CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerStockCode,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.stockCode,
    .CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerStockCode,
    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.stockCode{
        width: auto;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerStockCode,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerActionType,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerElectionEnd,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList thead th.headerStatus {
        display: none;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td {
        display: inline-block;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.stockCode {
        font-weight: bold;
        padding-left: 0;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.stockCode .labelText:before {
        content: " / ";
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.actionType,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.electionEnd,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.status {
        font-size: 13px;
        padding-bottom: 0;
        width: 100%;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.actionType,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.electionEnd {
        border-bottom: 1px solid #e5e5e5;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr {
        display: block;
        padding-bottom: 8px;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.actionType .labelText,
    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.status .labelText {
        text-align: right !important;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.actionType:before {
        content: "Action Type";
        position: absolute;
        left: 0;
        padding-left: 5px;
        font-weight: bold;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.electionEnd:before {
        content: "Election End";
        position: absolute;
        left: 0;
        padding-left: 5px;
        font-weight: bold;
    }

    .CorporateActionsPlace .historicalCorporateActionsSummaryList tbody tr td.status:before {
        content: "Status";
        position: absolute;
        left: 0;
        padding-left: 5px;
        font-weight: bold;
    }

    /* Current */
    .CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerStockCode,
    .CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerActionType,
    .CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerElectionEnd,
    .CorporateActionsPlace .currentCorporateActionsSummaryList thead th.headerStatus {
        display: none;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td {
        display: inline-block;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.stockCode {
        font-weight: bold;
        padding-left: 0;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.stockCode .labelText:before {
        content: " / ";
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.actionType,
    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.electionEnd,
    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.status {
        font-size: 13px;
        width: 100%;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.actionType,
    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.electionEnd {
        padding-bottom: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr {
        display: block;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.actionType .labelText,
    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.status .labelText {
        text-align: right !important;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.actionType:before {
        content: "Action Type";
        position: absolute;
        left: 0;
        padding-left: 5px;
        font-weight: bold;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.electionEnd:before {
        content: "Election End";
        position: absolute;
        left: 0;
        padding-left: 5px;
        font-weight: bold;
    }

    .CorporateActionsPlace .currentCorporateActionsSummaryList tbody tr td.status:before {
        content: "Status";
        position: absolute;
        left: 0;
        padding-left: 5px;
        font-weight: bold;
    }

    .CorporateActionsPlace .cashBalanceList thead th {
        display: none;
    }

    .CorporateActionsPlace .cashBalanceList tbody tr td,
    .CorporateActionsPlace .cashBalanceList tbody tr {
        display: block;
    }

    .CorporateActionsPlace .cashBalanceList tbody tr {
        border-top: 1px solid #accfe5;
        font-size: 13px;
    }

    .CorporateActionsPlace .cashBalanceList tbody tr td.pendingPurchases:before {
        display: block;
        text-align: right;
        font-weight: bold;
        content: "Pending Purchases";
    }

    .CorporateActionsPlace .cashBalanceList tbody tr td.minimumCash:before {
        display: block;
        text-align: right;
        font-weight: bold;
        content: "Minimum Retained Cash Balance";
    }

    .CorporateActionsPlace .cashBalanceList tbody tr td.availableCash:before {
        display: block;
        text-align: right;
        font-weight: bold;
        content: "Available for Investment";
    }
}
/*endregion*/
/*region ShareTradingPlace*/
.ShareTradingPlace .sharePortfolioShareQuote th,
.ShareTradingPlace .sharePortfolioShareQuote td {
    font-size: 12px;
}

.ShareTradingPlace .sharePortfolioList .buttonWrap.Sell,
.ShareTradingPlace .sharePortfolioList .buttonWrap.Buy {
    padding-top: 0;
    padding-bottom: 0;
}

.ShareTradingPlace .ShareTrading_shareSignUp_shareTradeSignUpTermsAndConditionsForm_footer{
    padding-left: 30px;
    margin-bottom: 10px;
}
.ShareTradingPlace .horizontalButtonBar{
    margin-bottom: 10px;
}

@media screen and (max-width: 700px) {
    .ShareTradingPlace .sharePortfolioList .horizontalButtonBar {
        margin-top: 10px;
    }


    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData thead {
        display: none;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody tr:first-child {
        border-top: 1px solid #accfe5;;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td {
        float: right;
        /*border: 1px dotted;*/
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.stockName {
        position: absolute;
        margin-top: 30px;
        width: 55%;
        font-size: 1em;
        font-weight: 700;
        color: #396B9E;
        padding-left: 15px;
        line-height: 20px;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.stockCode {
        float: left;
        font-size: 1.3em;
        /*font-weight: 700;*/
        width: 42%;
        padding-left: 15px;
        text-shadow: 0 1px 0 #cccccc;
        padding-top: 15px;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.numShares,
    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.currPrice {
        margin-top: 62px;
        position: absolute;
        width: 100%;
        font-size: 1em;
        padding-left: 5px;
        padding-right: 5px;
        color: #555555;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.numShares {
        margin-top: 85px;
        right: 3px;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.numShares div.labelText:after {
        content: " Units";
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.cost {
        display: none;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.currPrice {
        right: 5px;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.currPrice div.labelText:after {
        content: " P/Unit";
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.currValue {
        padding-right: 8px;
        /*font-size: 1.3em;
        font-weight: 700;*/
        width: 41%;
        padding-top: 15px;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.profitLoss {
        position: absolute;
        margin-top: 31px;
        right: 0px;
        padding-right: 8px;
        font-size: 16px;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.profitLoss .labelText {
        color: #41AD49;
        /*font-weight: 700;*/
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.profitLoss .labelText:before {
        background-image: url("laf/sitewide/32x32/arrow-up-green.png");
        background-position: left 7px;
        background-repeat: no-repeat;
        background-size: 14px 14px;
        content: "\0020";
        display: inline-block;
        height: 20px;
        width: 18px;

    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.profitLoss[data-bgml-value^="-$"] .labelText {
        color: #FF0000;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.profitLoss[data-bgml-value^="$0.00"] .labelText {
        color: #cccccc;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.profitLoss[data-bgml-value^="$0.00"] .labelText:before {
        background-image: none;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.profitLoss[data-bgml-value^="-$"] .labelText:before {
        background-image: url("laf/sitewide/32x32/arrow-down-red.png");
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.formAction {
        padding-top: 75px;
        clear: both;
        padding-right: 0px;
        width: 100%;
    }

    .ShareTradingPlace .sharePortfolioList .drillableTable .drillableTableData tbody td.formAction .buttonWrap {
        float: right;
        margin-right: 10px;
        width: 80px;
    }

    .ShareTradingPlace .shareOutstandingOrders tbody tr {
        display: inline-block;
        width: 100%;
        padding-bottom: 130px;
    }

    .ShareTradingPlace .shareOutstandingOrders th {
        display: none;
        float: left;
    }

    .ShareTradingPlace .shareOutstandingOrders td {
        float: left;
    }

    .ShareTradingPlace .shareOutstandingOrders th.headerOrderNumber,
    .ShareTradingPlace .shareOutstandingOrders th.headerOrderType,
    .ShareTradingPlace .shareOutstandingOrders th.headerAsxCode {
        display: table-cell;
        height: 55px;
    }

    .ShareTradingPlace .shareOutstandingOrders th.headerOrderNumber,
    .ShareTradingPlace .shareOutstandingOrders td.orderNumber {
        width: calc(100% - 130px);
        font-weight: bold;
    }

    .ShareTradingPlace .shareOutstandingOrders th.headerOrderType,
    .ShareTradingPlace .shareOutstandingOrders td.orderType {
        width: 60px;
        font-weight: bold;
    }

    .ShareTradingPlace .shareOutstandingOrders th.headerAsxCode,
    .ShareTradingPlace .shareOutstandingOrders td.asxCode {
        width: 70px;
        font-weight: bold;
    }

    .ShareTradingPlace .shareOutstandingOrders td.orderDate,
    .ShareTradingPlace .shareOutstandingOrders td.orderQty,
    .ShareTradingPlace .shareOutstandingOrders td.outstanding,
    .ShareTradingPlace .shareOutstandingOrders td.price,
    .ShareTradingPlace .shareOutstandingOrders td.expiryDate,
    .ShareTradingPlace .shareOutstandingOrders td.formAction {
        position: absolute;
        font-size: 0.9em;
    }

    .ShareTradingPlace .shareOutstandingOrders td.orderDate,
    .ShareTradingPlace .shareOutstandingOrders td.orderQty {
        width: 50%;
        margin-top: 26px;
    }

    .ShareTradingPlace .shareOutstandingOrders td.orderQty {
        right: 5px;
    }

    .ShareTradingPlace .shareOutstandingOrders td.orderDate .labelText:after {
        content: " ordered";
    }

    .ShareTradingPlace .shareOutstandingOrders td.orderQty .labelText:after {
        content: " qty ordered";
        width: 70px;
    }

    .ShareTradingPlace .shareOutstandingOrders td.expiryDate,
    .ShareTradingPlace .shareOutstandingOrders td.outstanding {
        margin-top: 50px;
        width: 50%;
    }

    .ShareTradingPlace .shareOutstandingOrders td.expiryDate {
    }

    .ShareTradingPlace .shareOutstandingOrders td.expiryDate .labelText {
        text-align: left !important;
    }

    .ShareTradingPlace .shareOutstandingOrders td.outstanding {
        right: 5px;
    }

    .ShareTradingPlace .shareOutstandingOrders td.expiryDate .labelText:after {
        content: " expires";
    }

    .ShareTradingPlace .shareOutstandingOrders td.outstanding .labelText:after {
        content: " outstanding";
        width: 70px;
    }

    .ShareTradingPlace .shareOutstandingOrders td.price {
        margin-top: 75px;
        right: 5px;
        width: 100%;
    }

    .ShareTradingPlace .shareOutstandingOrders td.price .labelText {
        border-top: 1px dashed #dddddd;
        padding-top: 10px;
        font-size: 1.1em;
        font-weight: bold;
    }

    .ShareTradingPlace .shareOutstandingOrders td.price .labelText:after {
        content: " purchase price";
    }

    .ShareTradingPlace .shareOutstandingOrders td.formAction {
        position: absolute;
        bottom: -10px;
        right: 5px;
    }

    .ShareTradingPlace .awaitingSettlementSection {
        /* hide them temp */
        display: none;
    }

    /*.ShareTradingPlace .ShareTrading_shareBuy_cashBalance_header div {*/
    /*text-align: center;*/
    /*}*/
    /*.ShareTradingPlace .sectionBar.cashBalance {*/
    /*margin: 0;*/
    /*padding: 8px 12px;*/
    /*border: 1px solid #cccccc;*/
    /*border-radius: 8px;*/
    /*background: #ffffff;*/
    /*padding-bottom: 0px;*/
    /*}*/
    /*.ShareTradingPlace .sectionBar.cashBalance .bar {*/
    /*width: 100%;*/
    /*display: inline-block;*/
    /*padding: 0px;*/
    /*}*/
    /*.ShareTradingPlace .sectionBar.cashBalance .bar img {*/
    /*display: none;*/
    /*}*/
    /*.ShareTradingPlace .drillableList.cashBalanceList .drillableTable .drillableTableData tr {*/
    /*background: transparent;*/
    /*border: none;*/
    /*}*/
    /*.ShareTradingPlace .drillableList.cashBalanceList .drillableTable .drillableTableData thead {*/
    /*display: none;*/
    /*}*/
    /*.ShareTradingPlace .drillableList.cashBalanceList .drillableTable .drillableTableData td.pendingPurchases,*/
    /*.ShareTradingPlace .drillableList.cashBalanceList .drillableTable .drillableTableData td.minimumCash {*/
    /*display: none;*/
    /*}*/
    /*.ShareTradingPlace .sectionBar.cashBalance .sectionContent {*/
    /*margin-top: -20px;*/
    /*margin-right: 1px;*/
    /*}*/
    /*.ShareTradingPlace .drillableList.cashBalanceList .drillableTable .drillableTableData td.availableCash {*/
    /*font-size: 1.3em;*/
    /*font-weight: 700;*/
    /*padding: 0px;*/
    /*padding-top: 5px;*/
    /*}*/
    /*.ShareTradingPlace .drillableList.cashBalanceList .drillableTable .drillableTableData td.availableCash .labelText {*/
    /*text-align: center!important;*/
    /*}*/
    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData thead {
        display: none;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData tbody tr:first-child {
        border-top: 1px solid #accfe5;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td {
        float: right;
        font-size: 1em;
        font-weight: normal;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.shareCode {
        position: absolute;
        margin-top: 42px;
        padding-top: 0px;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.tradeDate {
        float: left;
        font-size: 1.2em;
        padding-bottom: 0px;
        font-weight: bold;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.orderNumber {
        margin-left: 60px;
        margin-top: 42px;
        position: absolute;
        padding-top: 0px;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.orderType {
        font-size: 1.2em;
        padding-bottom: 0px;
        font-weight: bold;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.units {
        clear: both;
        padding-bottom: 3px;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.units .labelText:after {
        content: " Units";
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.unitPrice {
        clear: both;
        padding-top: 0px;
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.unitPrice .labelText:after {
        content: " P/Units";
    }

    .ShareTradingPlace .portfolioOrderHistoryList .drillableTable .drillableTableData td.brokerage {
        display: none;
    }

    /*.ShareTradingPlace .shareOutstandingOrders th,*/
    /*.ShareTradingPlace .shareOutstandingOrders td {*/
    /*font-size: 12px;*/
    /*}*/
}

/*@media screen and (max-width: 550px) {*/
/*.ShareTradingPlace .shareOutstandingOrders th,*/
/*.ShareTradingPlace .shareOutstandingOrders td {*/
/*float: left;*/
/*font-size: 14px;*/
/*}*/
/*.ShareTradingPlace .shareOutstandingOrders th {*/
/*display: none;*/
/*}*/
/*.ShareTradingPlace .shareOutstandingOrders th.headerOrderNumber {*/
/*display: table-cell;*/
/*width: 100%;*/
/*}*/
/*.ShareTradingPlace .shareOutstandingOrders td.orderNumber {*/
/*width: 70%;*/
/*}*/
/*.ShareTradingPlace .shareOutstandingOrders td.orderDate,*/
/*.ShareTradingPlace .shareOutstandingOrders td.expiryDate {*/
/*position: absolute;*/
/*}*/

/*.ShareTradingPlace .shareOutstandingOrders td.orderDate {*/
/*margin-top: 25px;*/
/*}*/
/*.ShareTradingPlace .shareOutstandingOrders td.expiryDate {*/
/*margin-top: 50px;*/
/*}*/

/*.ShareTradingPlace .shareOutstandingOrders td.orderDate {*/
/*width: 30%;*/
/*}*/
/*.ShareTradingPlace .shareOutstandingOrders td.orderDate .labelText:before {*/
/*content: "Order Type ";*/
/*}*/
/*.ShareTradingPlace .shareOutstandingOrders td.asxCode {*/
/*width: 100%;*/
/*}*/
/*.ShareTradingPlace .shareOutstandingOrders td.orderQty,*/
/*.ShareTradingPlace .shareOutstandingOrders td.outstanding,*/
/*.ShareTradingPlace .shareOutstandingOrders td.price {*/
/*width: 100%;*/
/*}*/
/*}*/

@media screen and (max-width: 380px) {
    .ShareTradingPlace .sharePortfolioShareQuote td.bestBidPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.bestAskPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.highSalePrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.lowSalePrice {
        width: 50%;
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.totalValueTraded {
        width: 100%;
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.closingPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.totalValueTraded {
        padding-bottom: 8px;
    }
}

@media screen and (min-width: 381px) and (max-width: 600px) {
    .ShareTradingPlace .sharePortfolioShareQuote td.bestBidPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.bestAskPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.highSalePrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.lowSalePrice {
        width: 25%;
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.openingPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.closingPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.totalValueTraded {
        padding-bottom: 8px;
        width: 33.33%;
    }
}

@media screen and (min-width: 481px) and (max-width: 600px) {
    .ShareTradingPlace .sharePortfolioShareQuote td.bestBidPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.bestAskPrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.highSalePrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.lowSalePrice,
    .ShareTradingPlace .sharePortfolioShareQuote td.totalVolumeTraded,
    .ShareTradingPlace .sharePortfolioShareQuote td.totalNumberOfTrades {
        width: 16.66%;
    }
}

@media screen and (max-width: 600px) {
    .ShareTradingPlace .sharePortfolioShareQuote th,
    .ShareTradingPlace .sharePortfolioShareQuote td {
        font-size: 13px;
    }

    .ShareTradingPlace .sharePortfolioShareQuote th {
        display: none;
    }

    .ShareTradingPlace .sharePortfolioShareQuote tbody tr:first-child {
        border-top: 1px solid #accfe5
    }

    .ShareTradingPlace .sharePortfolioShareQuote td {
        float: left;
        width: 50%;
        padding-bottom: 0px;
    }

    .ShareTradingPlace .sharePortfolioShareQuote td .labelText {
        float: left;
        width: 100%;
    }

    .ShareTradingPlace .sharePortfolioShareQuote td .labelText:before {
        width: 100%;
        font-weight: bold;
        float: left;
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.bestBidPrice .labelText:before {
        content: "Bid";
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.bestAskPrice .labelText:before {
        content: "Offer";
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.highSalePrice .labelText:before {
        content: "High";
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.lowSalePrice .labelText:before {
        content: "Low";
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.totalVolumeTraded .labelText:before {
        content: "Volumn";
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.totalNumberOfTrades .labelText:before {
        content: "Trades";
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.totalValueTraded .labelText:before {
        content: "Value";
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.openingPrice .labelText:before {
        content: "Open";
    }

    .ShareTradingPlace .sharePortfolioShareQuote td.closingPrice .labelText:before {
        content: "Close";
    }
}
/*endregion*/
/*region UnitPricesPlace */
.UnitPricesPlace .unitPricesInvestmentsForm table {
    height: 50px;
}

.UnitPricesPlace .unitPricesInvestmentsForm .formControlCell td {
    vertical-align: middle !important;
}

@media screen and (max-width: 600px) {
    .UnitPricesPlace .unitPricesInvestmentsForm .formRow {
        max-height: 79px;
    }

    .UnitPricesPlace .unitPricesInvestmentsForm .formControlCell td {
        vertical-align: top !important;
    }
}

.UnitPricesPlace .UnitPrices_unitPricesForm_endDate_info{
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0px;
}

/*endregion*/
/*region BenefitQuotePlace*/
.exportBar.benefitQuoteExportBar{
    display: none;
}
.BenefitQuotePlace .drillableList th {
    display: none;
}

.BenefitQuotePlace .investmentsInvestmentsList .drillableTable th, .BenefitQuotePlace .beneficiariesdependantDetailsList .drillableTable th,
.BenefitQuotePlace .benefitQuoteOtherDeathBenefitsListPlainTextList .drillableTable th {
    display: table-cell;
}

.BenefitQuotePlace .drillableTableDataSummaryRow.heading{
    font-family: "ING Me Bold";
}

@media screen and (max-width: 550px) {
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData colgroup,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData thead th {
        display: none;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.investment {
        float: left;
        padding-bottom: 5px;
        width: 70%;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.effectiveDate,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.units {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice {
        padding-top: 3px;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.effectiveDate,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.units,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice {
        float: left;
        padding-top: 0px;
        font-size: 0.8em;
        clear: both;
        width: 95%;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.effectiveDate .labelText,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.units .labelText,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice .labelText {
        text-align: left !important;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.effectiveDate .labelText:before,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.units .labelText:before,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice .labelText:before {
        width: 90px;
        display: inline-block;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.effectiveDate .labelText:before {
        content: "Unit price date ";
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.units .labelText:before {
        content: "Number of units ";
        /*font-weight: bold;*/
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice .labelText:before {
        content: "Price per unit ";
        /*font-weight: bold;*/
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.effectiveDate[data-bgml-value=""] .labelText:before,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.units[data-bgml-value=""] .labelText:before {
        content: " ";

    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice[data-bgml-value=""] .labelText:before {
        display: none;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData thead th:last-child,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td:last-child,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerMarketValue,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.marketValue {
        position: absolute;
        right: 3px;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td:last-child {
        font-size: 1em;
        padding-top: 11px;
        position: absolute;
        right: 3px;
        width: 50%;
        z-index: 5;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td:last-child .labelText:after,
    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData .drillableTableDataSummaryRow td.marketValue .labelText:after {
        content: "";
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData .drillableTableDataSummaryRow td.portfolioPercent {
        padding-top: 20px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList thead .headerUnitPrice,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList thead .headerUnits {
        display: none;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList thead .headerInvestment,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .investment {
        float: left;
        width: 65%;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList thead .headerValue,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .lastColumn {
        float: right;
        width: 35%;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList tr {
        position: relative;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .drillableTableDataSummaryRow .unitPrice,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .drillableTableDataSummaryRow .units {
        display: none;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .unitPrice,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .units {
        float: left;
        font-size: 12px;
        width: 0px;
        height: 0px;
        padding: 0px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .unitPrice .labelText,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .units .labelText {
        position: absolute;
        right: 10px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .unitPrice .labelText {
        margin-top: 34px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .unitPrice .labelText:after {
        content: " Price";
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .units .labelText {
        margin-top: 55px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .units .labelText:after {
        content: " Units";
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .drillableTableDataSummaryRow .value {
        padding-bottom: inherit;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .value {
        padding-bottom: 55px;
    }

    .BenefitQuotePlace .benefitQuoteAccountSummaryList tbody tr .tableCell.amount,
    .BenefitQuotePlace .benefitQuoteAccountSummaryList tbody tr .tableCell.total {
        display: none;
    }

    .BenefitQuotePlace .benefitQuoteAccountSummaryList tbody tr .tableCell.amount {
        display: table-cell;
    }

    .BenefitQuotePlace .benefitQuoteAccountSummaryList tbody tr.drillableTableDataSummaryRow.heading .tableCell.total {
        display: table-cell;
    }

    .BenefitQuotePlace .benefitQuoteAccountSummaryList tbody tr.drillableTableDataSummaryRow.heading .tableCell.amount {
        display: none;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.investment {
        /*font-weight: bold;*/
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.portfolioPercent {
        vertical-align: bottom;
        padding-top: 30px;
    }

    .BenefitQuotePlace .portfolioHoldingsList .drillableTable .drillableTableData td.marketValue {
        /*font-weight: bold;*/
    }

    .BenefitQuotePlace .portfolioHoldingsList tbody tr.drillableTableDataSummaryRow.heading.row-TotalPortfolioValue td.tableCell.portfolioPercent {
        padding-top: 30px;
    }

    .BenefitQuotePlace .benefitQuotePreservationBenefitsList tbody tr .tableCell.amount,
    .BenefitQuotePlace .benefitQuotePreservationBenefitsList tbody tr .tableCell.total {
        display: none;
    }

    .BenefitQuotePlace .benefitQuotePreservationBenefitsList tbody tr .tableCell.amount {
        display: table-cell;
    }

    .BenefitQuotePlace .benefitQuotePreservationBenefitsList tbody tr.drillableTableDataSummaryRow.heading .tableCell.total {
        display: table-cell;
    }

    .BenefitQuotePlace .benefitQuotePreservationBenefitsList tbody tr.drillableTableDataSummaryRow.heading .tableCell.amount {
        display: none;
    }

    .BenefitQuotePlace .benefitQuoteTaxationBenefitsList tbody tr .tableCell.amount,
    .BenefitQuotePlace .benefitQuoteTaxationBenefitsList tbody tr .tableCell.total {
        display: none;
    }

    .BenefitQuotePlace .benefitQuoteTaxationBenefitsList tbody tr .tableCell.amount {
        display: table-cell;
    }

    .BenefitQuotePlace .benefitQuoteTaxationBenefitsList tbody tr.drillableTableDataSummaryRow.heading .tableCell.total {
        display: table-cell;
    }

    .BenefitQuotePlace .benefitQuoteTaxationBenefitsList tbody tr.drillableTableDataSummaryRow.heading .tableCell.amount {
        display: none;
    }

}
/*endregion*/
/*region BeneficiariesPlace*/
.exportBar.beneficiariesExportBar{
    display: none;
}
@media screen and (max-width: 680px) {


    .BeneficiariesPlace .dependantDetailsList {
        padding-bottom: 10px;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData thead {
        display: none;
    }
    .BeneficiariesPlace .dependantDetailsList .drillableTableData thead tr{
        width: 100%;
        display: inline-block;
    }
    .BeneficiariesPlace .dependantDetailsList .drillableTableData tbody tr{
        width: 100%;
        display: inline-block;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td {
        float: left;
        padding: 5px 8px;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.fullName {
        font-size: 1.2em;
        font-weight: 700;
        padding-bottom: 10px;
        color: #000;
        width: 75%;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.benBirthDate,
    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.benRelationship,
    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.bindingNominationDesc{
        width: 100%;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.benPercentage {
        position: absolute;
        right: 7px;
        font-size: 1.2em;
        font-weight: 700;
        color: #000;
    }

    .BeneficiariesPlace .updateDependentDetailsForm.form .formTable .formColumn > .formRow.benPercentage {
        border-radius: 0;
    }

    .BeneficiariesPlace .updateDependentDetailsForm .formTable > tbody > tr > td {
        float: left;
        width: 100%;
    }
}
/*endregion*/
/*region CombinedSwitchAndProfilePlace*/
.CombinedSwitchAndProfilePlace .combinedSwitchAndProfileAdditionalOptionsForm.form {
    margin-top: -30px;
}

.CombinedSwitchAndProfilePlace .page-header .h1 {
    padding-bottom: 15px;
}

.CombinedSwitchAndProfilePlace .sectionBar .canvasContentList,
.CombinedSwitchAndProfilePlace .form {
    margin-top: 0px;
}

.CombinedSwitchAndProfilePlace .form.formEditable .formRow.strategy {
    padding-bottom: 0px;
}

.CombinedSwitchAndProfilePlace .drillableList td.editable > div {
    overflow: visible !important;
}

.CombinedSwitchAndProfilePlace td.pendingOrderNumber,
.CombinedSwitchAndProfilePlace td.pendingPercent {
    width: 130px;
}

.CombinedSwitchAndProfilePlace td.pendingPercent input {
    text-align: right;
}

.CombinedSwitchAndProfilePlace .combinedInvestmentSwitchAndProfileOptionsForm .horizontalButtonBar {
    display: none;
}

.CombinedSwitchAndProfilePlace .combinedProfileOptionsForm {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedProfileOptionsForm {
    display: block;
}

.CombinedSwitchAndProfilePlace .sectionBar.noChange {
    display: none;
}

.CombinedSwitchAndProfilePlace .switchPendingSectionBar .title,
.CombinedSwitchAndProfilePlace .switchPendingSectionBar .message {
    display: none;
}

.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profileProrataSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_investmentProfileDetailsList_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profileProrataSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_investmentProfileDetailsList_header {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profileProrataSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profileProrataSectionBar_header {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .radioButton label {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .radioButton:nth-of-type(1):after {
    content: "Drawdown election";
    padding-left: 5px;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .radioButton:nth-of-type(2):after {
    content: "Drawdown election & Existing balance";
    padding-left: 5px;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .formControlCell.readOnly div[id="CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment.Update my"] {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .formControlCell.readOnly div:nth-of-type(1):after {
    content: "Drawdown election";
}

.CombinedSwitchAndProfilePlace .superText {
    display: initial;
}

.CombinedSwitchAndProfilePlace .pensionText {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .superText {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .pensionText {
    display: initial;
}

.CombinedSwitchAndProfilePlace .copySwitchPercentToProfileSectionBar {
    margin-top: 0px;
    margin-bottom: 0px;
}

.CombinedSwitchAndProfilePlace .combinedSwitchAndProfileCopyPercentagesForm .formLabelCell {
    float: right;
    width: 90%
}

.CombinedSwitchAndProfilePlace .combinedSwitchAndProfileCopyPercentagesForm .formTableVerticalDivider {
    display: none;
}

.CombinedSwitchAndProfilePlace .combinedSwitchAndProfileCopyPercentagesForm .formControlCell {
    float: left;
    width: 10%;
}

.CombinedSwitchAndProfilePlace .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_combinedSwitchAndProfileCopyPercentagesForm_copySwitchPercentToProfile_info {
    margin-top: -35px;
    margin-left: 60px;
}

@media screen and (max-width: 450px) {
    .CombinedSwitchAndProfilePlace .drillableList td.readOnly {
        padding: 10px 5px;
    }

    .CombinedSwitchAndProfilePlace td.pendingPercent {
        width: 90px;
    }

    .CombinedSwitchAndProfilePlace th.headerFromAmount,
    .CombinedSwitchAndProfilePlace td.fromAmount {
        display: none;
    }

    .CombinedSwitchAndProfilePlace .form.formEditable .formRow.combinedInvestmentProfileContsType .formControlCell fieldset span {
        width: 100%;
        margin: 10px 0;
    }
}

@media screen and (max-width: 680px) {
    .CombinedSwitchAndProfilePlace .form.formEditable .formRow.strategy .formControlCell fieldset span {
        width: 100%;
        margin: 10px 0;
    }
}

.SwitchPlace .investmentSwitchAdjustmentSectionBarContentList .performSwitchDetailsList .drillableTable .drillableTableData tbody tr td.pendingPercent input{
    border: 1px solid #e5e5e5;
}


/*
 * ProfilePlace
 **/
.ProfilePlace .investmentProfileDetailsList.editable .gwt-TextBox.number {
    text-align: right;
}


.SwitchPlace .performSwitchDetailsList.editable .gwt-TextBox.number {
    text-align: right;
}

@media screen and (max-width: 600px) {
    .SwitchPlace .performSwitchDetailsList tbody tr {
        display: inline-block;
        width: 100%;
        padding-bottom: 48px;
    }

    .SwitchPlace .performSwitchDetailsList.editable .gwt-TextBox.number {
        font-size: 14px;
    }

    .SwitchPlace .performSwitchDetailsList th.headerName,
    .SwitchPlace .performSwitchDetailsList th.headerPendingPercent,
    .SwitchPlace .performSwitchDetailsList th.headerPercent,
    .SwitchPlace .performSwitchDetailsList td.name,
    .SwitchPlace .performSwitchDetailsList td.pendingPercent,
    .SwitchPlace .performSwitchDetailsList td.percent {
        float: left;
    }

    .SwitchPlace .performSwitchDetailsList th.headerName,
    .SwitchPlace .performSwitchDetailsList th.headerPendingPercent,
    .SwitchPlace .performSwitchDetailsList th.headerPercent,
    .SwitchPlace .performSwitchDetailsList th.headerName .labelText,
    .SwitchPlace .performSwitchDetailsList th.headerPercent .labelText,
    .SwitchPlace .performSwitchDetailsList th.percent .labelText {
        height: 55px;
        vertical-align: bottom;
    }

    .SwitchPlace .performSwitchDetailsList th.headerName .labelText,
    .SwitchPlace .performSwitchDetailsList th.headerPendingPercent .labelText,
    .SwitchPlace .performSwitchDetailsList th.headerPercent .labelText {

    }

    .SwitchPlace .performSwitchDetailsList td.name,
    .SwitchPlace .performSwitchDetailsList td.percent {
        padding: 13px 5px;
    }

    .SwitchPlace .performSwitchDetailsList th.headerName,
    .SwitchPlace .performSwitchDetailsList td.name {
        width: calc(100% - 180px);
    }

    .SwitchPlace .performSwitchDetailsList th.headerPendingPercent,
    .SwitchPlace .performSwitchDetailsList td.pendingPercent {
        width: 90px;
    }
    .SwitchPlace .performSwitchDetailsList td.pendingPercent .inputWrap{
        padding: 3px 5px !important;

    }

    .SwitchPlace .performSwitchDetailsList th.headerPercent,
    .SwitchPlace .performSwitchDetailsList td.percent {
        width: 90px;
    }

    .SwitchPlace .performSwitchDetailsList th.headerFromAmount,
    .SwitchPlace .performSwitchDetailsList th.headerMinimumPercent,
    .SwitchPlace .performSwitchDetailsList th.headerToAmount {
        display: none;
    }

    .SwitchPlace .performSwitchDetailsList td.fromAmount,
    .SwitchPlace .performSwitchDetailsList td.minimumPercent,
    .SwitchPlace .performSwitchDetailsList td.toAmount {
        position: absolute;
        right: 5px;
        font-size: 0.9em;
        padding-right: 8px;
    }

    .SwitchPlace .performSwitchDetailsList td.percent {
        padding-right: 8px;
    }

    .SwitchPlace .performSwitchDetailsList td.minimumPercent {
        margin-top: 60px;
    }

    .SwitchPlace .performSwitchDetailsList td.minimumPercent[data-bgml-value=""] .formFieldLabel:after {
        content: "--";
    }

    .SwitchPlace .performSwitchDetailsList td.minimumPercent .formFieldLabel:before {
        content: "Min % : ";
        width: 60px;
    }

    .SwitchPlace .performSwitchDetailsList td.fromAmount {
        margin-top: 37px;
        right: 92px;
    }

    /*.SwitchPlace .performSwitchDetailsList td.fromAmount .formFieldLabel:before {*/
    /*content: "From : ";*/
    /*width: 60px;*/
    /*}*/
    .SwitchPlace .performSwitchDetailsList td.toAmount {
        margin-top: 37px;
    }

    /*.SwitchPlace .performSwitchDetailsList td.toAmount .formFieldLabel:before {*/
    /*content: "To : ";*/
    /*width: 60px;*/
    /*}*/

}
/*endregion*/
/*region UnitPricesPlace*/
.UnitPricesPlace .accountBar .select {
    /*width: 408px;*/
}

.UnitPricesPlace .accountBar {
    margin-bottom: 10px;
    margin-top: 15px;
}

.UnitPricesPlace .unitPricesForm {
    /*width: 500px;*/
}

.UnitPricesPlace .unitPricesForm .allInvestments {
    /*width: 178px;*/
}

.UnitPricesPlace .unitPricesForm .formTable .startDate .formLabelCell,
.UnitPricesPlace .unitPricesForm .formTable .endDate .formLabelCell {
    /*width: 91px;*/
}

.UnitPricesPlace .form .formRow tr{
    display: inline-block;
    position: relative;
}



.UnitPricesPlace .unitPricesForm .formTable .allInvestments .formLabelCell{
    position: absolute;
    left: 15px;
    height: 40px;
    padding-top: 4px;
    padding-left: 6px;
}
 .UnitPricesPlace .unitPricesInvestmentsForm .formTable .formLabelCell {
     position: absolute;
     left: 15px;
     height: 40px;
     padding-top: 10px;
     padding-left: 6px;
 }

.UnitPricesPlace .unitPricesForm .allInvestments td.formControlCell{
    padding-top: 0px;
    width: 20px;
    height: 40px;
    position: absolute;
    left: 0px;
}
.UnitPricesPlace .unitPricesInvestmentsForm td.formControlCell {
    padding-top: 7px;
    width: 20px;
    height: 40px;
    position: absolute;
    left: 0px;
}

.UnitPricesPlace .unitPricesForm .startDate td.formLabelCell > div,
.UnitPricesPlace .unitPricesForm .endDate td.formLabelCell > div {
    padding: 0 10px 0 0;
    text-align: left;
}

.UnitPricesPlace .unitPricesForm .formLabel,
.UnitPricesPlace .unitPricesInvestmentsForm .formLabel {
    margin-left: 0px;
}

.UnitPricesPlace .unitPricesForm .investmentsTitle {
    font-size: 12px;
    font-weight: bold;
}

.UnitPricesPlace .unitPricesForm  .formTable .startDate{
    float:left;
}
.UnitPricesPlace .unitPricesForm  .formTable .endDate {
    float:left;
}

.UnitPricesPlace .unitPricesInvestmentsForm .formTable .formTableColumn {
    float: left;
    width: 100%;
}

/*endregion*/
/*region MyRequestsPlace*/
.itemDetailsSectionBar  .itemDetails table tr {
    width: 100%;
}
.itemDetailsSectionBar  .itemDetails table{
    table-layout: fixed;
}
.itemDetailsSectionBar  .itemDetails table tr td:first-child{
    width: 45%;
}
.itemDetailsSectionBar  .itemDetails table tr td:last-child{
    width: 50%;
}
.itemDetailsSectionBar  .itemDetails table tr td:last-child div{
    word-wrap: break-word;
}

@media screen and (max-width: 550px ) {

    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData thead tr{
        display: inline-block;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData thead tr{
        width: 100%;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData thead tr th{
        border-bottom: 1px solid transparent;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData thead tr th.headerWorkflowStartDate{
        display :none;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData thead tr th.headerWorkflowItemDescription{
        width: 40%;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData thead tr th.headerWorkflowStatus{
        width: 30%;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData thead tr th.headerWorkflowEndDate{
        width: 30%;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData tbody tr {
        display: inline-block;
        position: relative;
        width : 100%;
        padding-bottom: 30px;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData tbody tr td.workflowStartDate{
        position : absolute;
        bottom: 0px;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData tbody tr td.workflowItemDescription{
        width: 40%;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData tbody tr td.workflowStatus{
        width: 30%;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData tbody tr td.workflowEndDate{
        width: 30%;
    }
    .MyRequestsPlace .workflowItemsList .drillableTable .drillableTableData tbody tr td{
        float: left;
        padding: 5px 4px;
    }
}
/*endregion*/
/*region MetLifeInsurancePlace*/


.MetLifeInsurancePlace .metLifeInsuranceExclusionDetailsList{
    border-bottom: 0px !important;
}
.MetLifeInsurancePlace .metLifeInsuranceExclusionDetailsList .drillableTableData thead{
    display: none;
}
.MetLifeInsurancePlace .metLifeInsuranceExclusionDetailsList .drillableTableData thead tr th{
    padding: 0px 0px !important;
}
.MetLifeInsurancePlace .metLifeInsuranceExclusionDetailsList .drillableTableData tbody tr,
.MetLifeInsurancePlace .metLifeInsuranceExclusionDetailsList .drillableTableData thead tr{
    border-bottom: 0px !important;
}

.MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th,
.MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td{
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.MetLifeInsurancePlace .metLifeInsuranceDetailsList thead{
    border-bottom: 1px solid #e5e5e5;
}

.MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th{
    padding-bottom: 8px;
}

.MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th.headerAmountOfCover,
.MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th.headerAnnualPremium,
.MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th.headerMonthlyPremium {
    text-align: right;
}

.MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.amountOfCover,
.MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.annualPremium,
.MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.monthlyPremium {
    text-align: right;
}


.MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody td.typeOfCover,
.MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th.headerTypeOfCover {
    text-align: left;
}


.MetLifeInsurancePlace .modalWindowButton {
    width: 28.6px;
}

.MetLifeInsurancePlace tbody tr td.noData {
    text-align: center;
}

.MetLifeInsurancePlace .inactiveAccountTermAndConditions .inactiveAccount-description {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.MetLifeInsurancePlace .combinedDeathAndTpdCover .formRow {
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 599px) {
    .MetLifeInsurancePlace .inactiveAccountTermAndConditions .inactiveAccount-description {
        width: 80%;
    }
    .MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th.headerTypeOfCover,
    .place-RetainInsurance .deathAndTpd thead th.headerTypeOfCover,
    .place-RetainInsurance .incomeProtection thead th.headerTypeOfCover {
        font-size: 16px;
        text-align: left
    }

    .MetLifeInsurancePlace .modalWindowButton {
        width: 40px;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody td.typeOfCover,
    .place-RetainInsurance .deathAndTpd tbody td.typeOfCover,
    .place-RetainInsurance .incomeProtection tbody td.typeOfCover {
        text-align: left;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr,
    .place-RetainInsurance .deathAndTpd tbody tr,
    .place-RetainInsurance .incomeProtection tbody tr {
        position: relative;
        width: 100%;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.amountOfCover,
    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.annualPremium,
    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.monthlyPremium,
    .place-RetainInsurance .deathAndTpd tbody tr td.amountOfCover,
    .place-RetainInsurance .deathAndTpd tbody tr td.annualPremium,
    .place-RetainInsurance .deathAndTpd tbody tr td.monthlyPremium,
    .place-RetainInsurance .incomeProtection tbody tr td.amountOfCover,
    .place-RetainInsurance .incomeProtection tbody tr td.annualPremium,
    .place-RetainInsurance .incomeProtection tbody tr td.monthlyPremium {
        text-align: right;
        width: 100%;
        position: relative;
        margin-top: 19px;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.amountOfCover div .labelText ,
    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.annualPremium div .labelText ,
    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody tr td.monthlyPremium div .labelText,
    .place-RetainInsurance .deathAndTpd tbody tr td.amountOfCover div .labelText ,
    .place-RetainInsurance .deathAndTpd tbody tr td.annualPremium div .labelText ,
    .place-RetainInsurance .deathAndTpd tbody tr td.monthlyPremium div .labelText,
    .place-RetainInsurance .incomeProtection tbody tr td.amountOfCover div .labelText ,
    .place-RetainInsurance .incomeProtection tbody tr td.annualPremium div .labelText ,
    .place-RetainInsurance .incomeProtection tbody tr td.monthlyPremium div .labelText {
        text-align: right !important;
    }



    .MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th.headerAmountOfCover,
    .MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th.headerAnnualPremium,
    .MetLifeInsurancePlace .metLifeInsuranceDetailsList thead th.headerMonthlyPremium,
    .place-RetainInsurance .deathAndTpd thead th.headerAmountOfCover,
    .place-RetainInsurance .deathAndTpd thead th.headerAnnualPremium,
    .place-RetainInsurance .deathAndTpd thead th.headerMonthlyPremium,
    .place-RetainInsurance .incomeProtection thead th.headerAmountOfCover,
    .place-RetainInsurance .incomeProtection thead th.headerAnnualPremium,
    .place-RetainInsurance .incomeProtection thead th.headerMonthlyPremium {
        display: none;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody td,
    .place-RetainInsurance .deathAndTpd tbody td,
    .place-RetainInsurance .incomeProtection tbody td {
        float: right;
        display: block;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody td.typeOfCover,
    .place-RetainInsurance .deathAndTpd tbody td.typeOfCover,
    .place-RetainInsurance .incomeProtection tbody td.typeOfCover {
        float: left;
        width: 100%;
        position: absolute;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody td.amountOfCover:after,
    .place-RetainInsurance .deathAndTpd tbody td.amountOfCover:after,
    .place-RetainInsurance .incomeProtection tbody td.amountOfCover:after {
        content: "Amount Of Cover";
        /*font-weight: bold;*/
        position: absolute;
        top: -10px;
        right: 5px;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody td.annualPremium:after,
    .place-RetainInsurance .deathAndTpd tbody td.annualPremium:after,
    .place-RetainInsurance .incomeProtection tbody td.annualPremium:after {
        content: "Annual Premium";
        /*font-weight: bold;*/
        position: absolute;
        top: -10px;
        right: 5px;
    }

    .MetLifeInsurancePlace .metLifeInsuranceDetailsList tbody td.monthlyPremium:after,
    .place-RetainInsurance .deathAndTpd tbody td.monthlyPremium:after,
    .place-RetainInsurance .incomeProtection tbody td.monthlyPremium:after {
        content: "Estimated Monthly Premium";
        /*font-weight: bold;*/
        position: absolute;
        top: -10px;
        right: 5px;
    }
    .MetLifeInsurancePlace .metLifeInsuranceDetailsButtonBar .buttonWrap{
        width: 100%;
        float: none;
        margin-top: 10px;
        display: block;
    }
    .MetLifeInsurancePlace .metLifeInsuranceDetailsButtonBar .buttonWrap a{
        float: none;
        text-align: center;
    }
}

.MetLifeInsurancePlace .accountBar .lbl {
    vertical-align: top;
}

.MetLifeInsurancePlace .accountBar .Insurance_insuranceAccountBar_footer {
    margin-left: -70px;
}

.MetLifeInsurancePlace .sectionBar {
    padding-bottom: 0px;
    border-bottom: none;
}

.MetLifeInsurancePlace .drillableList {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
body.place-MetLifeInsurance #fancybox-content > div {
    /*overflow-y: hidden !important;*/
}
    /*endregion*/
/*region AuditPlace*/
.AuditPlace .form .formLabelCell{
    width: auto;
}
/*added to avoid bootstrap has a row class which adds a clearfix and makes content empty*/
.AuditPlace .result .drillableTable .drillableTableData tbody tr.row:before{
    content: normal;
    display: table;
}
.AuditPlace .result .drillableTable .drillableTableData tbody tr.row:after{
    clear: both;
}
body[class*="Audit"] .filter {
    padding: 5px;
}

body[class*="Audit"] .filter > div {
    margin: 5px;
}

body[class*="Audit"] .filter .formTable {
    width: 100%;
}

body[class*="Audit"] .filter td {
    padding: 5px;
}

body[class*="Audit"] .filter .formTable .fieldRow {
    margin: 5px;
}

body[class*="Audit"] .filter .formTable .label {
    width: 15%;
}

body[class*="Audit"] .filter .formTable .field {
    width: 85%;
}

body[class*="Audit"] .filter .formTable .field input {
    width: 100%;
}

body[class*="Audit"] .filter .formTable .field select {
    width: 100%;
}

body[class*="Audit"] .filter .filterError {
    text-align: center;
    color: red;
}

body[class*="Audit"] .filter .filterControl {
    text-align: right;
}

body[class*="Audit"] .result {
    margin-top: 10px;
    margin-bottom: 10px;
}

body[class*="Audit"] .result .drillableTableData {
    width: 100%;
}
body[class*="Audit"] .result .drillableTableData tr td{
    border: none;
    padding: 8px 5px;
    vertical-align: middle;
    text-align: center;
}
body[class*="Audit"] .result .drillableTableData tr  .detailsGeneral>div{
    display: table;
}

body[class*="Audit"] .result .drillableTableData .timestamp,
body[class*="Audit"] .result .drillableTableData .operation {
    width: 20%;
}

body[class*="Audit"] .result .drillableTableData .details {
    width: 60%;
}

body[class*="Audit"] .result tr.audit_SAMLLogin,
body[class*="Audit"] .result tr.audit_Login {
    background-color: khaki;
}

body[class*="Audit"] .result tr.audit_Logout {
    background-color: lightblue;
}

body[class*="Audit"] .result tr.audit_ViewPage {
    background-color: lightyellow;
}

body[class*="Audit"] .result tr.audit_RegisterNoworForgottenPassword {
    background-color: lightgrey;
}

body[class*="Audit"] .result tr.audit_Send2FACode {
    background-color: lightcyan;
}

body[class*="Audit"] .result .fieldName {
    width: 100px;
    display: table-cell;
    text-align: left;
}

body[class*="Audit"] .result .fieldValue {
    color: darkcyan;
    display: table-cell;
    text-align: left;
}

body[class*="Audit"] .result .field_Result .fieldValue[data="Success"],
body[class*="Audit"] .result .fieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result .field_Result .fieldValue {
    color: red;
}

body[class*="Audit"] .result .detailsFieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result div.detailsDetailsContent {
    display: inline;
}

body[class*="Audit"] .result .detailsDetailsControl {
    font-style: italic;
}

body[class*="Audit"] .pager {
    text-align: center;
}

body[class*="Audit"] .pager .disabled {
    pointer-events: none;
    cursor: default;
}

body[class*="Audit"] #page {
    max-width: none;
    width: 100%;
}

body[class*="Audit"] #placeTitle {
    margin-left: 0px;
}

body[class*="Audit"] #sidebar-left{
    display: none;

}
/*endregion*/
/*region insuranceScrollPanel*/
.insuranceScrollPanel{
    width: 100%;
    height: 100%;
}
.insuranceContent{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.insuranceScrollPanel .insuranceContent .loadingLabel {
 /*   color: #000066;*/
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    margin-top: 100px;
    text-align: center;
}
/*endregion*/
/*region AdminSearch MemberSearch AdviserSearch CorporateActionSearch*/
.place-AdminMemberSearch #placeTitle {
    margin-left: 0px;
    margin-top: 1%;
}

.place-AdminMemberSearch #page {
    margin-top: 0px;
}

.place-AdminMemberSearch .tactical-boxes,
.place-AdminAdviserSearch .tactical-boxes,
.place-CorporateActionSearch .tactical-boxes {
    display: none;
}

.place-CorporateActionSearch #footer-nav li.adviserContactUs{
    display: none;
}

.place-AdminMemberSearch .cms img.site-banner,
.place-AdminAdviserSearch .cms img.site-banner,
.place-CorporateActionSearch .cms img.site-banner {
  /*  -webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}

.CorporateActionSearchPlace .corporateActionSearchResultList thead th.headerCorpActionId,
.CorporateActionSearchPlace .corporateActionSearchResultList thead th.headerAnnouncement,
.CorporateActionSearchPlace .corporateActionSearchResultList thead th.headerActionType,
.CorporateActionSearchPlace .corporateActionSearchResultList tbody tr td.announcement,
.CorporateActionSearchPlace .corporateActionSearchResultList tbody tr td.actionType,
.CorporateActionSearchPlace .corporateActionSearchResultList tbody tr td.corpActionId {
    display: none;
}

.place-AdminMemberSearch .formRow.isNotRequired .selectWrap:after,
.place-AdminMemberSearch .formRow.isNotRequired .inputWrap:after {
    padding: 0px;
    width: 0px;
}

.place-AdminMemberSearch #section-nav, #sidebar-left {
    display: none;
}

/* Corporate Actions Search */
.place-AdminAdviserSearch #page,
.place-AdminMemberSearch #page,
.place-AdviserDashboard #page,
.place-AdviserMemberSearch #page,
.place-CorporateActionSearch #page {
    width: 100%;
}
/* Admin Adviser Search */
.place-AdminAdviserSearch #page {
    width: 100%;
}

/*
 * Member Search DrillableList
 **/
@media screen and (max-width: 500px) {
    .searchMemberResultsList .drillableTableData thead tr th,
    .searchMemberResultsList .drillableTableData td {
        font-size: 13px;
        padding: 8px;
    }

    .searchMemberResultsList .drillableTableData thead tr,
    .searchMemberResultsList .drillableTableData tbody tr{
        width: 100%;
        position: relative;
    }

    .searchMemberResultsList .drillableTableData tbody tr td {
        vertical-align: top;
    }

    .searchMemberResultsList .drillableTableData thead tr th.headerFund,
    .searchMemberResultsList .drillableTableData thead tr th.headerAccountStatus,
    .searchMemberResultsList .drillableTableData thead tr th.headerDob,
    .searchMemberResultsList .drillableTableData thead tr th.headerInstitutionCustomerNumber,
    .searchMemberResultsList .drillableTableData tr td.dob,
    .searchMemberResultsList .drillableTableData tr td.institutionCustomerNumber{
        display: none;
    }
    .searchMemberResultsList .drillableTableData tbody tr td.fund{
        display: none;
    }

    .searchMemberResultsList .drillableTableData tbody tr td.accountName {
        padding-top: 23px;
    }

    .searchMemberResultsList .drillableTableData thead tr th.headerAccountName .labelText,
    .searchMemberResultsList .drillableTableData tbody tr td.accountName .labelText {
        text-align: right !important;
    }

    .searchMemberResultsList .drillableTableData tbody tr td.accountStatus {
        position: absolute;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 3px;
        right: 0px;
        font-weight: bold;
    }
}



/* Admin Member Search #AdminMemberSearch */

.place-AdminMemberSearch #page {
    width: 100%;
}

.AdminAdviserSearchPlace .adviserSearchForm,
.AdminMemberSearchPlace .memberSearchForm {
    /*height: 95px;*/
    margin-bottom: 40px;
}

.memberSearchForm .inputWrap > input {
    width: 100%;
}

.memberSearchForm select {
    display: none!important;
}
.memberSearchForm .ms-options-wrap > button {
/*    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    min-height: 32px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
}

.memberSearchForm .ms-options-wrap > .ms-options{
    border: 1px solid #e5e5e5;;
    margin-top: 0px;
}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
    border: none;
    background-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin-right: 5px;
    position: absolute;
    left: 5px;
    top: 7px;
}



.AdminAdviserSearchPlace .adviserSearchForm .formLabelCell,
.AdminMemberSearchPlace .memberSearchForm .formLabelCell {
    width: 160px;
}

.ie8 .AdminMemberSearchPlace .memberSearchForm .formControlCell {
    width: 80%;
}

.AdminAdviserSearchPlace .adviserSearchForm .formTable .formRow,
.AdminMemberSearchPlace .memberSearchForm .formTable .formRow {
    padding-bottom: 10px;
}

@media screen and (max-width: 500px) {
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTableData thead tr th,
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTableData td {
        font-size: 12px;
        padding: 5px 0px;
    }

    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTableData thead tr th .labelText {
        padding: 3px;
    }

    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTableData td .labelText {
        padding: 3px;
    }
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData thead tr th.headerElectionEnd{
        display :none;
    }
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData thead tr,
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData tbody tr{
        width: 100%;
    }
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData thead tr th.headerStockName,
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData tbody tr td.stockName{
        width: 45%;
    }
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData thead tr th.headerStockCode,
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData tbody tr td.stockCode{
        width: 30%;
    }
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData thead tr th.headerStatusCode,
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData tbody tr td.statusCode{
        width: 25%;
    }
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData tbody tr{
        position: relative;
        padding-bottom: 20px;
        display: inline-block;
    }
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData tbody tr td.electionEnd{
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    .CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData thead tr th,.CorporateActionSearchPlace .corporateActionSearchResultList .drillableTable .drillableTableData tbody tr td{
        float: left;
    }
}
/*endregion*/
/*region RolloverSuperStreamPlace*/

.place-RolloverSuperStream #fancybox-wrap {
    top : 10% !important;
}
.place-RolloverSuperStream .disclaimerScrollPanel{
    margin : 10px;
    padding: 10px;
}
.place-RolloverSuperStream .disclaimerScrollPanel {
    background: none repeat scroll 0 0 #f4f4f4;
    height: 94%;
    overflow: auto;
    min-height: 200px;
}

.place-RolloverSuperStream #fancybox-wrap {
    left: 20px !important;
}

.place-RolloverSuperStream  .dialogWrap[class*="Dialog_"]{
    transform: translateY(0%) translateX(-50%);
}

.RolloverSuperStreamPlace  .RolloverSuperStream_transferInSuperStreamDetails_smat2ATOMoniesResultsList_header p{
    font-family: "ING Me Regular";
}

.RolloverSuperStreamPlace .accountBar .disclaimerContainer{
    display: inline-block;
}
.RolloverSuperStreamPlace .accountBar .disclaimerContainer .disclaimerText{
    float: left;
    margin-right: 20px;
    margin-top: 14px;
}
.RolloverSuperStreamPlace .accountBar .disclaimerContainer .disclaimerBar{
    float: left;
}
.RolloverSuperStreamPlace .accountBar .disclaimerContainer .disclaimerBar .buttonWrap a{
    background-color: transparent;
    display: block;
    color: #525199;
    text-decoration: underline;
}
.RolloverSuperStreamPlace .transferInSuperStreamDetailsSectionBar .horizontalButtonBar{
    margin-bottom: 10px;
}

.RolloverSuperStreamPlace .RolloverSuperStream_transferInSuperStreamDetails_transferInSuperStreamDetailsButtonBar_footer ul{
    margin-left: 25px;
    margin-bottom: 10px;
}
.RolloverSuperStreamPlace .RolloverSuperStream_transferInSuperStreamConfirmationPage_transferInSuperStreamWizard_bottomButtonBar_header ul{
    margin-left: 25px;
    margin-bottom: 10px;
}
.RolloverSuperStreamPlace .transferInSuperStreamReceiptsForm .cms.header p{
    font-weight: normal;
    font-family: "ING Me Regular";
}
.RolloverSuperStreamPlace .RolloverSuperStream_transferInReceipts_transferInSuperStreamReceiptSectionBar_header{
    font-family: "ING Me Bold";
}
.RolloverSuperStreamPlace .transferInSuperStreamDetailsButtonBar{
    display: none;
}

.RolloverSuperStreamPlace  .twoFAForm .oneTimeToken table{
    width: 80%;
    margin: auto
}

/*endregion*/
/*region MoneyInPlace*/
.MoneyInPlace .bPayReferenceNumbersList tbody tr .tableFirstColumn .labelText {
    padding-left: 10px;
}


@media screen and (max-width: 550px) {

    /*Headers*/
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData thead tr{
        width: 100%;
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData thead tr th.headerBsb,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData thead tr th.headerAccountNumber,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData thead tr th.headerAccountName,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData thead tr th.headerMemberAmount,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData thead tr th.headerSpouseAmount,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData thead tr th.headerPaymentFrequency,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData thead tr th.headerDeductionDate {
        display: none;
    }

    /*Table data*/
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr{
        padding-bottom: 50px;
        position: relative;
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.AccountName {
        width: 50%;
        position: absolute;
        left: 0px;
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.Bsb .labelText,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.AccountNumber .labelText{
        text-align: right !important;
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.Bsb .labelText:after{
        content: "BSB";
    }

    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.Bsb .labelText:after{
        content:"BSB";
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.AccountNumber .labelText:after{
        content:"Account Number";
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.MemberAmount .labelText:after{
        content:"Member Amount";
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.SpouseAmount .labelText:after{
        content:"Spouse Amount";
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.PaymentFrequency .labelText:after{
        content:"Payment Frequency";
    }
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.DeductionDate  .labelText:after{
        content:"Deduction Date";
    }

    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.Bsb .labelText:after,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.AccountNumber .labelText:after,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.MemberAmount .labelText:after,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.SpouseAmount .labelText:after,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.PaymentFrequency .labelText:after,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.DeductionDate .labelText:after{
        position: absolute;
        top: 2px;
        right: 0px;
    }


    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.Bsb,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.AccountNumber,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.MemberAmount,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.SpouseAmount,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.PaymentFrequency,
    .MoneyInPlace .directDebitList .drillableTable .drillableTableData tbody tr td.DeductionDate {
        width: 100%;
        float: right;
        position: relative;
        padding: 20px 0px;
    }

    .MoneyInPlace .directDebitList .drillableTable .drillableTableData {

    }
}
/*endregion*/
/*region ReversionaryPlace*/
.ReversionaryPlace .reversionaryDetailsList .empty{
    text-align: center;
}
    /*endregion*/
/*region NotificationSettingsPlace*/
.NotificationSettingsPlace .instantAlertsForm .radioButton{
    display: inline-block;
}
.NotificationSettingsPlace .instantAlertsForm .radioButton label{
    font-weight: normal;
}
/*endregion*/
/*region Adviser Screen places*/
/*region AdviserDashboardPlace*/
.canvasPanel.AdviserDashboardPlace .page-header{
    display: none;
}
.AdviserDashboardPlace .dashboard  .memberSearchTerms table  tr td  .inputWrap{
    padding: 8px 8px;
}
.AdviserDashboardPlace .memberSearchForm .formRow.memberSearchTerms .formLabelCell {
    display: none;
}
.AdviserDashboardPlace .memberSearchForm .formRow.memberSearchFundFilter,
.AdviserDashboardPlace .memberSearchForm .formRow.memberSearchCatFilter,
.AdviserDashboardPlace .memberSearchForm .formRow.additionalSearchFilter,
.AdviserMemberSearchPlace .memberSearchForm .formRow.memberSearchFundFilter,
.AdviserMemberSearchPlace .memberSearchForm .formRow.memberSearchCatFilter,
.AdviserMemberSearchPlace .memberSearchForm .formRow.additionalSearchFilter{
    display: none;
}
.AdviserMemberSearchPlace .exportBar.clientSearchExportBar{
    display: none;
}

.AdviserDashboardPlace .contentPanel .canvasContentList.dashboard .sectionBar.MyClients .AdviserDashboard_memberSearchForm_header .bindingHtmlPanel {
    display: none;
}
.AdviserDashboardPlace .contentPanel .canvasContentList.dashboard .AdviserDashboard_myReports .dashboard-section {
    list-style-type: none;
}
.AdviserDashboardPlace .contentPanel .canvasContentList.dashboard .AdviserDashboard_myReports .dashboard-section .dashboard-item img{
    display: none;
}
.AdviserDashboardPlace .contentPanel .canvasContentList.dashboard .AdviserDashboard_myReports .dashboard-section .dashboard-item h4 {
    color: white;
    font-size: 15px;
    width: 100%;
    text-align: center;
}
.AdviserDashboardPlace .contentPanel .canvasContentList.dashboard .AdviserDashboard_myReports .myReportsDashboard .sectionBar {
    margin-top: 20px;
    margin-bottom: 20px;
}
.AdviserDashboardPlace .contentPanel .canvasContentList.dashboard .AdviserDashboard_myReports .dashboard-section{
    margin-left: 10px;
}
.AdviserDashboardPlace .contentPanel .canvasContentList.dashboard .AdviserDashboard_myReports .dashboard-section .dashboard-item {
    margin: 20px 0px;
    float: left;
    position: relative;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding: 0px;
    color: #666666;
    min-height: 100px;
    width: 100%;
}
.AdviserDashboardPlace .contentPanel .canvasContentList.dashboard .AdviserDashboard_myReports .dashboard-section .dashboard-item a{
    display: block;
    background-color: #ff6600;
    border-radius: 2px 2px 0px 0px;
    color: white;
    border-radius: 3px;
    height: 35px;
    position: relative;
    padding-top: 8px;
}
@media screen and (min-width: 500px){
    .AdviserDashboardPlace .memberSearchForm .horizontalButtonBar {
        width: 100%;
    }
    .AdviserDashboardPlace .memberSearchForm .horizontalButtonBar .buttonWrap{
        float: none;
        width: 100%;
        display: block;
    }
    .AdviserDashboardPlace .memberSearchForm .horizontalButtonBar .buttonWrap a{
        float: none;
        display: block;
        width: 100%;
    }
    .AdviserDashboardPlace .dashboard  .memberSearchTerms table  tr td  .inputWrap{
        padding: 8px 8px;
    }
    .AdviserDashboardPlace .dashboard  .memberSearchTerms table  tr td  .inputWrap input{
        width: 100%;
    }
}
/*endregion*/

/*region ClientAccountBalancePlace*/
@media screen and (max-width: 500px) {


        .ClientAccountBalancePlace .clientAccountBalanceList tbody tr .institutionCustomerNumber,
        .ClientAccountBalancePlace .clientAccountBalanceList thead tr th.headerInstitutionCustomerNumber{
            width: 35%;
        }
        .ClientAccountBalancePlace .clientAccountBalanceList tbody tr .member,
        .ClientAccountBalancePlace .clientAccountBalanceList thead tr th.headerMember{
            width: 35%;
        }
        .ClientAccountBalancePlace .clientAccountBalanceList tbody tr .accountBalance,
        .ClientAccountBalancePlace .clientAccountBalanceList thead tr th.headerAccountBalance{
            width: 30%;
        }

        .ClientAccountBalancePlace .clientAccountBalanceList th,
        .ClientAccountBalancePlace .clientAccountBalanceList td {
            float: left;
        }
        .ClientAccountBalancePlace .clientAccountBalanceList thead tr th.headerMemberFullName{
            display: none;
        }
        .ClientAccountBalancePlace .clientAccountBalanceList tbody tr {
            display: inline-block;
            padding-bottom: 20px;
            position: relative;
            width: 100%;
        }
        .ClientAccountBalancePlace .clientAccountBalanceList tbody tr .memberFullName{
            width: 100%;
            position: absolute;
            left: 0px;
            bottom: 0px;
        }
    }
/*endregion*/

/*region CashBalanceWarningsPlace*/
.CashBalanceWarningsPlace .filterForm-getCashBalanceWarningFilterBlock > .horizontalButtonBar .buttonWrap{
        float: right;
    }
    .CashBalanceWarningsPlace .filterForm-getCashBalanceWarningFilterBlock > .horizontalButtonBar .buttonWrap a:hover{
        background-color: white;
        text-decoration: underline;
        color: #000;
    }
    .CashBalanceWarningsPlace .filterForm-getCashBalanceWarningFilterBlock > .horizontalButtonBar .buttonWrap a{
        background-color: white;
        text-decoration: underline;
        color: #000;
    }

    @media screen and (max-width: 600px) {

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList thead tr,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList thead tr{
            width: 100%;
            display: inline-block;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList tbody tr,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList tbody tr{
            width: 100%;
            position: relative;
            padding-bottom: 100px;
            display: inline-block;
        }



        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.memberNo,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.memberFullName,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.memberNo,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.memberFullName,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList th.headerMemberNo,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList th.headerMemberFullName,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList th.headerMemberNo,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList th.headerMemberFullName{
            width: 50%;
            float: left;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList th.headerInstitutionCustomerNumber,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList th.headerInstitutionCustomerNumber,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList th.headerCashBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList th.headerPercentInCash,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList th.headerAccountBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList th.headerCashBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList th.headerPercentInCash,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList th.headerAccountBalance {
            display: none;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.accountBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.cashBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.percentInCash,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.institutionCustomerNumber,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.accountBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.cashBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.percentInCash,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.institutionCustomerNumber{
            float: right;
            width: 100%;
            position: absolute;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.institutionCustomerNumber,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.institutionCustomerNumber{
            bottom: 60px;
        }
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.institutionCustomerNumber .labelText,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.institutionCustomerNumber .labelText{
            text-align: right!important;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.accountBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.accountBalance{
            bottom: 40px;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.cashBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.cashBalance{
            bottom: 20px;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.percentInCash,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.percentInCash{
            bottom: 0px;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.institutionCustomerNumber .labelText:before,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.institutionCustomerNumber .labelText:before{
            content: "CIF : ";
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.accountBalance .labelText:before,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.accountBalance .labelText:before {
            content: "Account Balance : ";
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.cashBalance .labelText:before,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.cashBalance .labelText:before {
            content: "Cash Hub Balance : ";
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList td.percentInCash .labelText:before,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList td.percentInCash .labelText:before {
            content: "% in Cash Hub : ";
        }


        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList  tbody tr:last-child .cashBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList tbody tr:last-child .cashBalance,
        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList  tbody tr:last-child .percentInCash,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList tbody tr:last-child .percentInCash{
            display: none;
        }

        .CashBalanceWarningsPlace .cashBalanceWarningsLessThanList tbody tr:last-child td.institutionCustomerNumber .labelText:before,
        .CashBalanceWarningsPlace .cashBalanceWarningsGreaterThanList tbody tr:last-child td.institutionCustomerNumber .labelText:before{
            content: "";
        }

    }
/*endregion*/

/*region MemberHoldingsPlace*/
@media screen and (max-width: 600px) {

    .MemberHoldingsPlace .memberHoldingsList thead tr {
        width: 100%;
        display: inline-block;
    }

    .MemberHoldingsPlace .memberHoldingsList tbody tr {
        width: 100%;
        position: relative;
        padding-bottom: 100px;
        display: inline-block;
    }


    .MemberHoldingsPlace .memberHoldingsList th.headerAccountName,
    .MemberHoldingsPlace .memberHoldingsList th.headerAccountNumber,
    .MemberHoldingsPlace .memberHoldingsList th.headerInstitutionCustomerNumber,
    .MemberHoldingsPlace .memberHoldingsList th.headerBenefitCategoryDescription,
    .MemberHoldingsPlace .memberHoldingsList th.headerUnitsHeld,
    .MemberHoldingsPlace .memberHoldingsList th.headerCurrentMarketValue {
        display: none;
    }

    .MemberHoldingsPlace .memberHoldingsList td.CurrentMarketValue,
    .MemberHoldingsPlace .memberHoldingsList td.benefitCategoryDescription,
    .MemberHoldingsPlace .memberHoldingsList td.UnitsHeld,
    .MemberHoldingsPlace .memberHoldingsList td.institutionCustomerNumber {
        float: right;
        width: 100%;
        position: absolute;
    }

    .MemberHoldingsPlace .memberHoldingsList td.institutionCustomerNumber {
        bottom: 60px;
    }

    .MemberHoldingsPlace .memberHoldingsList td.benefitCategoryDescription .labelText{
        text-align: right !important;
    }

    .MemberHoldingsPlace .memberHoldingsList td.institutionCustomerNumber .labelText {
        text-align: right !important;
    }

    .MemberHoldingsPlace .memberHoldingsList td.CurrentMarketValue {
        bottom: 40px;
    }

    .MemberHoldingsPlace .memberHoldingsList td.benefitCategoryDescription {
        bottom: 20px;
    }

    .MemberHoldingsPlace .memberHoldingsList td.UnitsHeld {
        bottom: 0px;
    }

    .MemberHoldingsPlace .memberHoldingsList td.institutionCustomerNumber .labelText:before {
        content: "CIF : ";
        font-weight: bold;
    }

    .MemberHoldingsPlace .memberHoldingsList td.CurrentMarketValue .labelText:before {
        content: "Current Market Value : ";
        font-weight: bold;
    }

    .MemberHoldingsPlace .memberHoldingsList td.benefitCategoryDescription .labelText:before {
        content: "Product : ";
        font-weight: bold;
    }

    .MemberHoldingsPlace .memberHoldingsList td.UnitsHeld .labelText:before {
        content: "Units Held : ";
        font-weight: bold;
    }

    .MemberHoldingsPlace .memberHoldingsList td.accountNumber .labelText:before {
        content: "A/C no : ";
    }
    .MemberHoldingsPlace .memberHoldingsList td.AccountName .labelText:before {
        content: "Client : ";
    }

    .MemberHoldingsPlace .memberHoldingsList tbody tr:last-child .benefitCategoryDescription,
    .MemberHoldingsPlace .memberHoldingsList tbody tr:last-child .UnitsHeld {
        display: none;
    }

    .MemberHoldingsPlace .memberHoldingsList tbody tr:last-child td.institutionCustomerNumber .labelText:before {
        content: "";
    }

}
/*endregion*/

/*region DividendReportPlace*/
@media screen and (max-width: 599px) {

        .DividendReportPlace .dividendDistributionList thead tr th {
            display: none;
        }

        .DividendReportPlace .dividendDistributionList tbody tr {
            background-color: #fafafa;
            display: block;
        }

        .DividendReportPlace .dividendDistributionList tbody tr.drillableTableDataSummaryRow {
            background-color: #FFFFFF;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell {
            display: inline-block;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.investmentName,
        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.PaymentDate {
            width: 100%;
        }

        .DividendReportPlace .dividendDistributionList tbody tr:first-child td.tableCell.investmentName {
            margin-top: 0px;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.investmentName {
            font-weight: bold;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.PaymentDate {
            margin-top: -20px;
        }

        .DividendReportPlace .dividendDistributionList tbody tr.drillableTableDataSummaryRow {
            border-top: none;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.Units,
        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.DividendDistributionRate,
        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.DividendDistributionAmount {
            width: 100%;
            font-size: 13px;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.Units,
        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.DividendDistributionRate {
            border-bottom: 1px solid #FFFFFF;
            padding-bottom: 0;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.Units:before {
            content: "Units";
            position: absolute;
            left: 0;
            padding-left: 5px;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.DividendDistributionRate:before {
            content: "Dividend Rate";
            position: absolute;
            left: 0;
            padding-left: 5px;
        }

        .DividendReportPlace .dividendDistributionList tbody tr td.tableCell.DividendDistributionAmount:before {
            content: "Dividend Amount";
            position: absolute;
            left: 0;
            padding-left: 5px;
        }

        .DividendReportPlace .dividendDistributionList tbody tr.drillableTableDataSummaryRow td.tableCell.DividendDistributionRate {
            display: none;
        }

        .DividendReportPlace .dividendDistributionList tbody tr.drillableTableDataSummaryRow td.tableCell.investmentName {
            width: 65%
        }

        .DividendReportPlace .dividendDistributionList tbody tr.drillableTableDataSummaryRow td.tableCell.DividendDistributionAmount {
            width: 35%;
        }

        .DividendReportPlace .dividendDistributionList tbody tr.drillableTableDataSummaryRow td.tableCell.DividendDistributionAmount:before,
        .DividendReportPlace .dividendDistributionList tbody tr.drillableTableDataSummaryRow td.tableCell.DividendDistributionRate:before {
            display: none;
        }

        /* Hide the headers */
        .DividendReportPlace .dividendDistributionList thead th.headerPaymentDate,
        .DividendReportPlace .dividendDistributionList thead th.headerUnits,
        .DividendReportPlace .dividendDistributionList thead th.headerDividendDistributionRate {
        }

        .DividendReportPlace .dividendDistributionList tbody td.PaymentDate,
        .DividendReportPlace .dividendDistributionList tbody td.Units,
        .DividendReportPlace .dividendDistributionList tbody td.DividendDistributionRate {
        }
    }
/*endregion*/

/*region DetailedValuationBreakdownPlace */

.DetailedValuationBreakdownPlace .filterForm .horizontalButtonBar:nth-child(1) .buttonWrap:first-child a {

}

.DetailedValuationBreakdownPlace .filterForm .horizontalButtonBar:nth-child(2) .buttonWrap:first-child a {
    margin: 0px;
    line-height: 19px;
    background-color: #525199;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding: 7px 25px;
    text-align: center;
    width: 100%;
    border-radius: 3px;
}

.DetailedValuationBreakdownPlace .filterForm .horizontalButtonBar:nth-child(2) .buttonWrap:nth-child(2) a {
    float: none;
    margin: 0px 0px 0px 5px;
    line-height: 19px;
    padding: 7px 25px;
    text-decoration: underline;
    display: block;
    margin: auto;
    text-align: right;
    background-color: white;
    color: #000;
}
.DetailedValuationBreakdownPlace .canvasContentList{
    padding-top: 26px;
}

.DetailedValuationBreakdownPlace .filterForm .horizontalButtonBar:nth-child(2){
    position: relative;
}
.DetailedValuationBreakdownPlace .filterForm .horizontalButtonBar:nth-child(2) .buttonWrap:nth-child(1){
    position: absolute;
    top: 205px;
    right: 0px;
    width: 100%;
}




@media screen and (max-width: 500px) {
    /*region portfolioHoldingsList DrillableList*/
    .DetailedValuationBreakdownPlace .portfolioHoldingsList thead tr {
        width: 100%;
        display: inline-block;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody tr {
        width: 100%;
        display: inline-block;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList thead th.headerInvestment {
        float: left;
        width: 100%;
    }

    DetailedValuationBreakdown .portfolioHoldingsList tbody td.investment {
        float: left;
        width: 100%;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList thead th.headerEffectiveDate,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList thead th.headerUnits,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList thead th.headerCurrentPrice,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList thead th.headerMarketValue,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList thead th.headerPortfolioPercent,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList thead th.headerFormAction {
        display: none;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.effectiveDate,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.units,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.currentPrice,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.marketValue,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.portfolioPercent,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.formAction {
        float: right;
        width: 100%;
    }


    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.investment {
        font-weight: bold;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.effectiveDate .labelText {
        text-align: right !important;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.effectiveDate:before {
        content: "Effective Date : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody tr:first-child td.units:before,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody tr:first-child td.currentPrice:before{
        content: "";
    }
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody tr:first-child td.units,
    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody tr:first-child td.currentPrice{
        display: none !important;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.units:before {
        content: "Units : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.currentPrice:before {
        content: "Current Price : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.marketValue:before {
        content: "Market Value : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }

    .DetailedValuationBreakdownPlace .portfolioHoldingsList tbody td.portfolioPercent:before {
        content: "Portfolio Percent : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    /*endregion*/

    /*region transactionHistoryList DrillableList*/
    .DetailedValuationBreakdownPlace .transactionHistoryList thead tr{
        width: 100%;
        display: inline-block;
        position: relative;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr{
        width: 100%;
        display: inline-block;
        padding-bottom: 180px;
        position: relative;
    }

    .DetailedValuationBreakdownPlace .transactionHistoryList thead tr th.headerDescription{
        width: 100%;
        float: left;
    }

    .DetailedValuationBreakdownPlace .transactionHistoryList thead tr th.headerEffectiveDate,
    .DetailedValuationBreakdownPlace .transactionHistoryList thead tr th.headerDebitAmount,
    .DetailedValuationBreakdownPlace .transactionHistoryList thead tr th.headerCreditAmount,
    .DetailedValuationBreakdownPlace .transactionHistoryList thead tr th.headerRunningBalance{
        display: none;
    }

    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.description,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.effectiveDate,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.debitAmount,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.creditAmount,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.runningBalance{
        position: absolute;
        width: 100%;
    }

    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.description{
        top : 0px;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.effectiveDate{
        top: 50px;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.debitAmount{
        top: 80px;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.creditAmount{
        top: 120px;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.runningBalance{
        top: 150px;
    }

    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.effectiveDate .labelText{
        text-align: right !important;
    }

    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr:first-child td.debitAmount,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr:first-child td.creditAmount,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr:last-child td.debitAmount,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr:last-child td.creditAmount{
        display: none;
    }

    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr:first-child td.runningBalance,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr:last-child td.runningBalance{
        top: 80px !important;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr:first-child ,
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr:last-child {
        padding-bottom: 120px;
    }

    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.effectiveDate:before{
        content: "Effective Date : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.debitAmount:before{
        content: "Receipts : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.creditAmount:before{
        content: "Payments : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    .DetailedValuationBreakdownPlace .transactionHistoryList tbody tr td.runningBalance:before{
        content: "Cash Balance : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }

    /*endregion*/

    /*region assetTransactionListingList DrillableList*/
    .DetailedValuationBreakdownPlace .assetTransactionListingList thead tr{
        width: 100%;
        display: inline-block;
    }
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr{
        width: 100%;
        display: inline-block;
    }



    .DetailedValuationBreakdownPlace .assetTransactionListingList thead tr th.headerDescription{
        width: 100%;
        float: left;
    }
    .DetailedValuationBreakdownPlace .assetTransactionListingList thead tr th.headerTransactionDate,
    .DetailedValuationBreakdownPlace .assetTransactionListingList thead tr th.headerTransactionUnits,
    .DetailedValuationBreakdownPlace .assetTransactionListingList thead tr th.headerTransactionPrice,
    .DetailedValuationBreakdownPlace .assetTransactionListingList thead tr th.headerTransactionAmount,
    .DetailedValuationBreakdownPlace .assetTransactionListingList thead tr th.headerTransactionAmountCurrent{
        display: none;
    }

    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.description{
        float: left;
        width: 100%;
    }
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionDate .labelText{
        text-align: right !important;
    }
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionDate,
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionUnits,
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionPrice,
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionAmount,
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionAmountCurrent{
        float: right;
        width: 100%;
    }

    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionDate:before {
        content: "Date : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionUnits:before {
        content: "Units : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionPrice:before {
        content: "Price : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionAmount:before {
        content: "Amount : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }
    .DetailedValuationBreakdownPlace .assetTransactionListingList tbody tr td.transactionAmountCurrent:before {
        content: "Current Value : ";
        position: absolute;
        left: 0;
        padding-left: 5px;
    }




    /*endregion*/


}
/*endregion*/


/*endregion*/
/*region AccountOpening*/
.place-AccountOpening .navmenu{
    display: none;
}
body.place-AccountOpening {
    padding: 0 0 0 0px;
}
.place-AccountOpening  .content-container{
    padding: 0px 50px;
    width: 100%;
}
/*endregion*/
/*region RolloverSuperStreamPlace SMAT2*/

body.place-AccountOpening .smat2ResultsList table tbody tr td.status[data-bgml-value^="FOUND"],
body.place-RolloverSuperStream .smat2ResultsList table tbody tr td.status[data-bgml-value^="FOUND"] {
    color: green;
    font-weight: bold;
}
body.place-AccountOpening .smat2ResultsList table tbody tr td.status[data-bgml-value^="NOT FOUND"],
body.place-RolloverSuperStream .smat2ResultsList table tbody tr td.status[data-bgml-value^="NOT FOUND"] {
    color: black;
    font-weight: bold;
}
body.place-AccountOpening .smat2ResultsList table tbody tr td.status[data-bgml-value^="PENDING"],
body.place-RolloverSuperStream .smat2ResultsList table tbody tr td.status[data-bgml-value^="PENDING"] {
    color: #E87722;
    font-weight: bold;
}
body.place-AccountOpening .smat2ResultsList table tbody tr td.status[data-bgml-value^="COMPLETE"],
body.place-RolloverSuperStream .smat2ResultsList table tbody tr td.status[data-bgml-value^="COMPLETE"] {
    color: black;
    font-weight: bold;
}
/*body.place-AccountOpening .smat2ResultsList table thead th.headerTableFirstColumnHeader,
body.place-RolloverSuperStream .smat2ResultsList table thead th.headerTableFirstColumnHeader,
body.place-AccountOpening .smat2ResultsList table thead th.headerFormAction,
body.place-RolloverSuperStream .smat2ResultsList table thead th.headerFormAction{
    background: none;
}*/
body.place-AccountOpening .smat2ResultsList table tbody tr.odd .canBeConsolidated.editable table > tbody > tr > td,
body.place-RolloverSuperStream .smat2ResultsList table tbody tr.odd .canBeConsolidated.editable table > tbody > tr > td {
    border: none;
}

/*@media screen and (max-width: 700px){

    !* body.place-AccountOpening .smat2ResultsList table thead,
     body.place-RolloverSuperStream .smat2ResultsList table thead{
         display: none;
     }*!
    !*  body.place-AccountOpening .smat2ResultsList table thead th.headerStatusDescription ,
      body.place-AccountOpening .smat2ResultsList table thead th.headerReference,
      body.place-RolloverSuperStream .smat2ResultsList table thead th.headerStatusDescription ,
      body.place-RolloverSuperStream .smat2ResultsList table thead th.headerReference{
          display: none;
      }*!

    !* body.place-AccountOpening .smat2ResultsList table tbody tr td.statusDescription ,
     body.place-AccountOpening .smat2ResultsList table tbody tr td.reference ,
     body.place-RolloverSuperStream .smat2ResultsList table tbody tr td.statusDescription ,
     body.place-RolloverSuperStream .smat2ResultsList table tbody tr td.reference{
     display: none;
     }
 *!
}*/

@media screen and (max-width: 767px){
    body.place-AccountOpening .smat2ResultsList table thead th,
    body.place-RolloverSuperStream .smat2ResultsList table thead th {
        display: none;
    }

    /* Clearfixing trs */

    body.place-AccountOpening .smat2ResultsList tbody tr:before, body.place-AccountOpening .smat2ResultsList tbody tr:after,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr:before, body.place-RolloverSuperStream .smat2ResultsList tbody tr:after{
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr:after,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr:after{
        clear: both;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr{
        display: block;
        position: relative;
        zoom: 1;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td{
        border: none;
        display: inline-block;
        float: left;
        width: 100%;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.organisation,
    body.place-AccountOpening .smat2ResultsList tbody tr td.reference,
    body.place-AccountOpening .smat2ResultsList tbody tr td.amount,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.organisation,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.reference,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.amount{
        padding-left: 40px;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.organisation,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.organisation{
        font-size: 20px;
        font-weight: bold;
        width: 50%;
        line-height: 100%;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.reference,
    body.place-AccountOpening .smat2ResultsList tbody tr td.amount,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.reference,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.amount{
        padding-top: 0;
        padding-bottom: 0;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.reference .formFieldLabel:before,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.reference .formFieldLabel:before{
        content: "Ref: ";
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.amount .formFieldLabel:before,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.amount .formFieldLabel:before{
        content: "Amt: ";
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.amount,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.amount{
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.organisation > div ,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.organisation > div {
        overflow: visible !important;
    }


    body.place-AccountOpening .smat2ResultsList tbody tr td.canBeConsolidated ,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.canBeConsolidated  {
        position: absolute;
        top: -11px;
        left: -15px;
        width: auto;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.status,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.status  {
        position: absolute;
        right: 0;
        width: auto;
        top: 0;
    }

    body.place-AccountOpening .smat2ResultsList tbody tr td.statusDescription,
    body.place-RolloverSuperStream .smat2ResultsList tbody tr td.statusDescription  {
        position: absolute;
        right: 0;
        width: 50%;
        top: 15px;
        text-align: right;
    }

    /* More button */
    body.place-AccountOpening .smat2ResultsList table.drillableTableData > tbody > tr > td:last-of-type ,
    body.place-RolloverSuperStream .smat2ResultsList table.drillableTableData > tbody > tr > td:last-of-type {
        float: left;
        width: 100% !important;
    }

    @media screen and (min-width: 421px){
        body.place-AccountOpening .smat2ResultsList table.drillableTableData > tbody > tr > td:last-of-type ,
        body.place-RolloverSuperStream .smat2ResultsList table.drillableTableData > tbody > tr > td:last-of-type {
            float: left;
            width: 100% !important;
        }
    }

    body.place-AccountOpening .smat2ResultsList table.drillableTableData > tbody > tr > td:last-of-type .buttonWrap ,
    body.place-RolloverSuperStream .smat2ResultsList table.drillableTableData > tbody > tr > td:last-of-type .buttonWrap {
        float: right;
    }
}
/*
Order-
External Super Fund
Transfer Requested
Transfer Receipted
Transfer Allocated
*/
body.place-Onboarding #additionalInfo,
body.place-AccountOpening #additionalInfo,
body.place-RolloverSuperStream #additionalInfo {
    padding-bottom: 20px;
}

body.place-Onboarding #additionalInfo .warning,
body.place-AccountOpening #additionalInfo .warning,
body.place-RolloverSuperStream #additionalInfo .warning {
    border: 1px red solid;
    margin-bottom: 20px;
    padding: 10px;
}

body.place-Onboarding #contentForAdditionalInfo,
body.place-AccountOpening #contentForAdditionalInfo,
body.place-RolloverSuperStream #contentForAdditionalInfo {
    position: relative;
}

body.place-Onboarding #progress-bar,
body.place-AccountOpening #progress-bar,
body.place-RolloverSuperStream #progress-bar {
    width: 200px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

body.place-Onboarding #detailsForAdditionalInfo,
body.place-AccountOpening #detailsForAdditionalInfo,
body.place-RolloverSuperStream #detailsForAdditionalInfo {
    float: left;
    width: 50%;
}

@media screen and (max-width: 700px){
    body.place-Onboarding #detailsForAdditionalInfo,
    body.place-AccountOpening #detailsForAdditionalInfo,
    body.place-RolloverSuperStream #detailsForAdditionalInfo {
        float: left;
        width: 100%;
    }

    body.place-Onboarding #progress-bar,
    body.place-AccountOpening #progress-bar,
    body.place-RolloverSuperStream #progress-bar{
        position: static;
        display: inline-block;
        text-align: center;
        margin-bottom: 30px;
        top: 0%;
    transform: translateY(0%);
    }
}

body.place-Onboarding  #progress-bar .progress-item,
body.place-AccountOpening  #progress-bar .progress-item,
body.place-RolloverSuperStream  #progress-bar .progress-item {
    /*border: solid 5px red;*/
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: solid 5px black;
    height: 5vh;
    position: relative;
}

body.place-Onboarding  #progress-bar .progress-item p,
body.place-AccountOpening  #progress-bar .progress-item p,
body.place-RolloverSuperStream  #progress-bar .progress-item p {
    position: absolute;
    top: 100%;
    transform: translateY(-100%);
    margin-left: 20px;
}

body.place-Onboarding  #progress-bar .progress-item:after,
body.place-AccountOpening  #progress-bar .progress-item:after,
body.place-RolloverSuperStream  #progress-bar .progress-item:after {
    content: ' ';
    color: green;
    position: absolute;
    left: -11px;
    bottom: -4px;
    z-index: 100;
    width: 20px;
    height: 20px;
    background-image: url("gwt/laf/sitewide/tab2.png");
    background-size: cover;
    visibility: hidden;
}

body.place-Onboarding  #progress-bar .ExternalSuperFund .progress-item:nth-of-type(1),
body.place-AccountOpening  #progress-bar .ExternalSuperFund .progress-item:nth-of-type(1),
body.place-RolloverSuperStream  #progress-bar .ExternalSuperFund .progress-item:nth-of-type(1) {
    border-color: green;
    color: green;
}

body.place-Onboarding  #progress-bar .ExternalSuperFund .progress-item:nth-of-type(1):after,
body.place-AccountOpening  #progress-bar .ExternalSuperFund .progress-item:nth-of-type(1):after,
body.place-RolloverSuperStream  #progress-bar .ExternalSuperFund .progress-item:nth-of-type(1):after {
    visibility: visible;
}

body.place-Onboarding  #progress-bar .TransferRequested .progress-item:nth-of-type(1),
body.place-Onboarding  #progress-bar .TransferRequested .progress-item:nth-of-type(2),
body.place-AccountOpening  #progress-bar .TransferRequested .progress-item:nth-of-type(1),
body.place-AccountOpening  #progress-bar .TransferRequested .progress-item:nth-of-type(2),
body.place-RolloverSuperStream  #progress-bar .TransferRequested .progress-item:nth-of-type(1),
body.place-RolloverSuperStream  #progress-bar .TransferRequested .progress-item:nth-of-type(2) {
    border-color: green;
    color: green;
}

body.place-Onboarding  #progress-bar .TransferRequested .progress-item:nth-of-type(2):after,
body.place-AccountOpening  #progress-bar .TransferRequested .progress-item:nth-of-type(2):after,
body.place-RolloverSuperStream  #progress-bar .TransferRequested .progress-item:nth-of-type(2):after {
    visibility: visible;
}

body.place-Onboarding  #progress-bar .TransferReceipted .progress-item:nth-of-type(1),
body.place-Onboarding  #progress-bar .TransferReceipted .progress-item:nth-of-type(2),
body.place-Onboarding  #progress-bar .TransferReceipted .progress-item:nth-of-type(3),
body.place-AccountOpening  #progress-bar .TransferReceipted .progress-item:nth-of-type(1),
body.place-AccountOpening  #progress-bar .TransferReceipted .progress-item:nth-of-type(2),
body.place-AccountOpening  #progress-bar .TransferReceipted .progress-item:nth-of-type(3),
body.place-RolloverSuperStream  #progress-bar .TransferReceipted .progress-item:nth-of-type(1),
body.place-RolloverSuperStream  #progress-bar .TransferReceipted .progress-item:nth-of-type(2),
body.place-RolloverSuperStream  #progress-bar .TransferReceipted .progress-item:nth-of-type(3) {
    border-color: green;
    color: green;
}

body.place-Onboarding  #progress-bar .TransferReceipted .progress-item:nth-of-type(3):after,
body.place-AccountOpening  #progress-bar .TransferReceipted .progress-item:nth-of-type(3):after,
body.place-RolloverSuperStream  #progress-bar .TransferReceipted .progress-item:nth-of-type(3):after {
    visibility: visible;
}

body.place-Onboarding  #progress-bar .TransferAllocated .progress-item:nth-of-type(1),
body.place-Onboarding  #progress-bar .TransferAllocated .progress-item:nth-of-type(2),
body.place-Onboarding  #progress-bar .TransferAllocated .progress-item:nth-of-type(3),
body.place-Onboarding  #progress-bar .TransferAllocated .progress-item:nth-of-type(4),
body.place-AccountOpening  #progress-bar .TransferAllocated .progress-item:nth-of-type(1),
body.place-AccountOpening  #progress-bar .TransferAllocated .progress-item:nth-of-type(2),
body.place-AccountOpening  #progress-bar .TransferAllocated .progress-item:nth-of-type(3),
body.place-AccountOpening  #progress-bar .TransferAllocated .progress-item:nth-of-type(4),
body.place-RolloverSuperStream  #progress-bar .TransferAllocated .progress-item:nth-of-type(1),
body.place-RolloverSuperStream  #progress-bar .TransferAllocated .progress-item:nth-of-type(2),
body.place-RolloverSuperStream  #progress-bar .TransferAllocated .progress-item:nth-of-type(3),
body.place-RolloverSuperStream  #progress-bar .TransferAllocated .progress-item:nth-of-type(4) {
    border-color: green;
    color: green;
}

body.place-Onboarding  #progress-bar .TransferAllocated .progress-item:nth-of-type(4):after,
body.place-AccountOpening  #progress-bar .TransferAllocated .progress-item:nth-of-type(4):after,
body.place-RolloverSuperStream  #progress-bar .TransferAllocated .progress-item:nth-of-type(4):after {
    visibility: visible;
}

body.place-Onboarding .dialogWrap.Dialog_MoreDetails  .buttonWrap,
body.place-AccountOpening .dialogWrap.Dialog_  .buttonWrap,
body.place-RolloverSuperStream .dialogWrap.Dialog_  .buttonWrap {
    float: right;
}

body.place-Onboarding #fancybox-wrap[style*="opacity"],
body.place-AccountOpening #fancybox-wrap[style*="opacity"],
body.place-RolloverSuperStream #fancybox-wrap[style*="opacity"] {
    opacity: 0 !important;
}

body.place-Onboarding .sectionBar.sectionDark.transferInSuperStreamDetailsSectionBar,
body.place-AccountOpening .sectionBar.sectionDark.transferInSuperStreamDetailsSectionBar,
body.place-RolloverSuperStream .sectionBar.sectionDark.transferInSuperStreamDetailsSectionBar{
    border-bottom: 1px black solid;
    padding-top: 10px;
}
.smat2ResultsContentList .drillableTable .drillableTableData tbody tr td table tbody tr {
    border-bottom: 1px solid transparent;
}
.smat2ResultsContentList .drillableTable .drillableTableData tbody tr td table tbody tr {
    border-bottom: 1px solid transparent;
}
body.place-AccountOpening .transferInSuperStreamBackToSearchButtonBar {
    display: none;
}
/*##RolloverSuperStreamPlace SMAT2 END*/

/*#fancybox-wrap.displayDialog{
    left: 0 !important;
    width: 100% !important;
    margin-left: 0;
}*/
/*endregion*/
/*region CorrespondencePlace Dialog box*/
.place-Correspondence #fancybox-content{
    /*height: 90vh !important;*/
}

.place-Correspondence #fancybox-content .dialogWrap.MergedPdfDialog ,
.place-Correspondence #fancybox-content .dialogWrap.Dialog_Cancelrequest,
.place-Correspondence #fancybox-content .dialogWrap.Dialog_Documentnotfound{
    position:absolute;
    top: 50%;
    left: 50%;
    transform:translateY(-50%) translateX(-50%);
    max-width: 420px !important;
    padding: 20px;
}
.place-Correspondence #fancybox-content .dialogWrap{
    position: relative;
    top: 0px;
    left: 0px;
    transform: translateY(0%) translateX(0%);
    width: auto !important;
    max-width: inherit !important;
}
.place-Correspondence #fancybox-content .dialogWrap.IFrameDialog{
    height: 90vh !important;
}
.place-Correspondence .dialogWrap.IFrameDialog div:nth-child(2){
    height: 100%;
}
.place-Correspondence .dialogWrap.IFrameDialog #dialogContent{
    height: 100% !important;
}

/*endregion*/
/*region PensionPlace*/
.PensionPlace.Pension_footer{
    margin-top: 10px;
}
/*endregion*/
/*region PerformanceDialog*/
.PerformanceDialog .performanceActionBar {
    margin-bottom: 10px;
}
/*endregion*/

/** EmailEmployerContribution Place */
.EmailEmployerContributionPlace .accountBar {
    display: none;
}
/**Notice of Intent Place */
@media screen and (max-width: 600px) {
    .place-NoticeOfIntent .NoticeOfIntentSummaryList .buttonWrap {
        padding: 0;
        margin: 0;
    }

    /* Force table to not be like tables anymore */
    .place-NoticeOfIntent .NoticeOfIntentSummaryList table,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList thead,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList tbody,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList th,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList td,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .place-NoticeOfIntent .NoticeOfIntentSummaryList thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        /**display: none;**/
    }

    .place-NoticeOfIntent .NoticeOfIntentSummaryList tr { border: 1px solid #e5e5e5; }

    .place-NoticeOfIntent .NoticeOfIntentSummaryList td {
        /* Behave  like a "row" */
        border: none;

        position: relative;
        padding-left: 50%;
    }

    .place-NoticeOfIntent .NoticeOfIntentSummaryList td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
    */
    .place-NoticeOfIntent .NoticeOfIntentSummaryList td:nth-of-type(1):before {
        content: "Financial year ending";
        text-align: left;
    }
    .place-NoticeOfIntent .NoticeOfIntentSummaryList td:nth-of-type(2):before {
        content: "Personal contributions";
        text-align: left;
    }
    .place-NoticeOfIntent .NoticeOfIntentSummaryList td:nth-of-type(3):before {
        content: "Total claimed";
        text-align: left;
    }
    .place-NoticeOfIntent .NoticeOfIntentSummaryList td:nth-of-type(4):before {
        content: "Claim date";
        text-align: left;
    }

    .place-NoticeOfIntent .NoticeOfIntentSummaryList table.drillableTableData tbody tr td.endDate,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList table.drillableTableData tbody tr td.contributions,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList table.drillableTableData tbody tr td.claimed,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList table.drillableTableData tbody tr td.claimDate,
    .place-NoticeOfIntent .NoticeOfIntentSummaryList table.drillableTableData tbody tr td.maxDeduction
    {
        text-align: right;
    }

    .place-NoticeOfIntent .NoticeOfIntentSummaryList td:last-child
    {
        width: 100% !important;
        padding-left: 5px;
    }

    .place-NoticeOfIntent .NoticeOfIntentSummaryList .buttonWrap {
        width: 100% !important;
    }

}

@media screen and (min-width: 450px) and ( max-width: 767px) {
    .place-NoticeOfIntent #fancybox-content .TwoFAAuthDialogButtonBar .button.authorize,
    .place-NoticeOfIntent #fancybox-content .TwoFAAuthDialogButtonBar .button.cancel
    {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
    }

    .place-NoticeOfIntent .dialogWrap {
        max-width: 767px;
    }
}

.place-NoticeOfIntent .TwoFADialog{
    width: 100%;
    padding: 5px 0px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 5px;
}

.place-NoticeOfIntent .NoticeOfIntent_noticeOfIntentMakeClaimPage_noticeOfIntentClaimForm_footer {
   padding-bottom: 25px;
}

.place-NoticeOfIntent #fancybox-content .TwoFADialog #dialogContent .resend span,
.place-NoticeOfIntent #fancybox-content .TwoFAAuthDialogButtonBar .button span{
    margin: 0px;
    line-height: 19px;
    background-color: #525199;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding: 7px 25px;
    text-align: center;

    border-radius: 3px;
}

.place-NoticeOfIntent .TwoFADialog .textModal .twoFaForm > input {
    margin: 10px 0px 10px 0px;
    padding: 5px 0px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 5px;

}

.place-NoticeOfIntent [id="field.claimAmount.label"] {
    white-space: normal;
}

/**Onboarding Place */
body.place-Onboarding {
    padding: 0;
}

.place-Onboarding #acc-opening-site-header,
.place-Onboarding #responsive-site-nav {
    display: none !important;
}

.place-Onboarding #main {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
}

.place-Onboarding #page
{
    padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
    .siteNotificationContent .buttonWrap {
        margin-top: 10px;
    }
    .siteNotificationContent .buttonText {
        font-size: 12px;
    }
}

#myDetailsItem {
    display: none;
}