/*
 * AccountOpeningPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.place-AccountOpening #page {
    max-width: 100% !important;
}

.AccountOpeningPlace .sectionBar {
    border-bottom: none;
}

.AccountOpeningPlace .taskContainer .task {
    display: inline-table;
    margin: 10px;
}

.AccountOpeningPlace .tactical-boxes a {
    padding: 0px;
    font-size: 18px;
    font-weight: 700;
}

.AccountOpeningPlace .tactical-boxes {
    display: table-row;
    vertical-align: top;
    margin: 0px;
}

.AccountOpeningPlace .tactical-boxes li {
    display: none;
}

.AccountOpeningPlace .taskContainer .task > div {
    display: table-row;
    vertical-align: top;
    text-align: start;
}

.AccountOpeningPlace .taskContainer .task > div ul {
    padding-left: 10px;
}

.AccountOpeningPlace .taskContainer .task > div ul li {
    list-style-type: none;
}

.AccountOpeningPlace .taskContainer .task > div ul li:before {
    content: "";
    border-color: transparent gray;
    border-style: solid;
    border-width: 0.25em 0 0.25em 0.35em;
    display: block;
    height: 0;
    width: 0;
    left: -0.7em;
    top: 0.9em;
    position: relative;
}

.AccountOpeningPlace .GeneratePDF {
    display: none;
}

.AccountOpeningPlace .buttonWrap {
    margin: 0px !important;
}

.AccountOpeningPlace .closeButtonContainer .closeButtonBar {
    text-align: center;
}

.AccountOpeningPlace .closeButtonContainer .closeButtonBar .Login a {
    font-size: 1.9rem;
    font-family: 'Apercu Bold', Helvetica, Arial, sans-serif;
    background-image: url('gwt/laf/thumbs-up.png');
    background-repeat: no-repeat;
    background-position: 15%;
    padding: 15px;
}

.place-AccountOpening #sidebar-left {
    display: none !important;
}

.place-AccountOpening #responsive-site-nav .menu-item {
    display: none;
}

.place-AccountOpening #promos {
    padding: 50px 0 20px;
    position: relative;
}

.place-AccountOpening .promo {
    margin: 0 0 0 31px;
    padding: 28px 30px 33px;
    width: 306px;
    float: left;
    position: relative;
    overflow: hidden;
    font-size: 15px;
    font-size: 1.5rem;
}

.place-AccountOpening .promo:first-child {
    margin: 0;
}

.place-AccountOpening .no-csstransforms .promo:hover .promo__cover,
.place-AccountOpening .no-csstransforms .promo.focus .promo__cover {
    bottom: -287px;
}

.place-AccountOpening .promo__cover__top,
.place-AccountOpening .promo__cover__heading {
    -webkit-transition: all 220ms cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: all 220ms cubic-bezier(0.65, 0.05, 0.36, 1);
    -ms-transition: all 220ms cubic-bezier(0.65, 0.05, 0.36, 1);
    -o-transition: all 220ms cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: all 220ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.place-AccountOpening .promo:hover .promo__cover__icon,
.place-AccountOpening .promo.focus .promo__cover__icon {
    -webkit-transition: all 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -moz-transition: all 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -ms-transition: all 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -o-transition: all 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: all 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.place-AccountOpening .promo__cover__icon {
    -webkit-transition: all 500ms cubic-bezier(0, 0.94, 0.07, 1.1) 180ms;
    -moz-transition: all 500ms cubic-bezier(0, 0.94, 0.07, 1.1) 180ms;
    -ms-transition: all 500ms cubic-bezier(0, 0.94, 0.07, 1.1) 180ms;
    -o-transition: all 500ms cubic-bezier(0, 0.94, 0.07, 1.1) 180ms;
    transition: all 500ms cubic-bezier(0, 0.94, 0.07, 1.1) 180ms;
}

.place-AccountOpening .promo:hover .promo__cover__top,
.place-AccountOpening .promo.focus .promo__cover__top {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.place-AccountOpening .promo:hover .promo__cover__heading,
.place-AccountOpening .promo.focus .promo__cover__heading {
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.place-AccountOpening .promo:hover .promo__cover__icon,
.place-AccountOpening .promo.focus .promo__cover__icon {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.place-AccountOpening .no-csstransforms .promo:hover .promo__cover__top,
.place-AccountOpening .no-csstransforms .promo.focus .promo__cover__top {
    display: none;
}

.place-AccountOpening .no-csstransforms .promo:hover .promo__cover__heading,
.place-AccountOpening .no-csstransforms .promo.focus .promo__cover__heading {
    display: none;
}

.place-AccountOpening .no-csstransforms .promo:hover .promo__cover__icon,
.place-AccountOpening .no-csstransforms .promo.focus .promo__cover__icon {
    display: none;
}

.place-AccountOpening .promo:hover,
.place-AccountOpening .promo.focus {
    -webkit-box-shadow: 0 0 30px 0 #d5d5d5;
    box-shadow: 0 0 30px 0 #d5d5d5;
}

.place-AccountOpening .no-boxshadow .promo:hover,
.place-AccountOpening .no-boxshadow .promo.focus {
    outline: 1px solid #d5d5d5;
}

.place-AccountOpening .promo__cover__top {
    height: 85px;
    background-color: #ef8d48;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.place-AccountOpening .promo__cover__icon .path {
    fill: #000;
}

.place-AccountOpening .promo__cover__heading {
    padding: 75px 30px 10px;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: 'Apercu Bold', Helvetica, Arial, sans-serif;
    line-height: 1.1em;
    border-top: 2px solid #ef8d48;
    background-color: #ef8d48;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    text-align: center;
}

.place-AccountOpening .promo__cover__heading:after {
    content: attr(data-heading);
}

.place-AccountOpening .promo__cover__icon {
    display: block;
    margin: 0 auto;
    border-radius: 100px;
    width: 96px;
    height: 96px;
    background: rgb(165, 157, 149);
    border: 3px solid rgba(204, 194, 184, 80);
    position: relative;
    top: 38px;
    z-index: 1;
}

.place-AccountOpening .promo__cover__icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
}

.place-AccountOpening .promo__heading {
    color: #17244C;
    font-size: 20px;
    line-height: 1.1em;
    padding-top: 8px;
    margin-top: 0;
}

.place-AccountOpening #promos .button {
    text-transform: uppercase;
    padding: 14px 26px;
}

@media screen and (min-width: 531px) and (max-width: 760px) {
    .place-AccountOpening .promo-content ul {
        padding: 0.5em !important;
    }
}
@media screen and (max-width: 760px) {
    .place-AccountOpening .promo__heading {
        font-size: 20px;
        padding-top: 4px;
    }

    .place-AccountOpening .promo {
        width: 230px;
        padding: 18px 20px 25px;
    }

    .place-AccountOpening .promo__cover__top {
        height: 67px;
    }

    .place-AccountOpening .promo__cover__heading {
        padding: 54px 20px 10px;
        top: 67px;
    }

    .place-AccountOpening .promo__cover__icon {
        border-radius: 70px;
        width: 70px;
        height: 70px;
        top: 30px;
    }
    .place-AccountOpening .promo__heading {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 530px) {
    .place-AccountOpening .task .promo .promo-content .buttonWrap {
        padding-top: 10px;
    }

    .place-AccountOpening .promo__cover__heading {
        display: none;
    }

    .place-AccountOpening .promo__cover__top {
        background-color: transparent;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }

    .place-AccountOpening .promo__cover__icon {
        border-radius: 60px;
        width: 60px;
        height: 60px;
        top: 0;
        margin-bottom: 15px;
    }


    .place-AccountOpening .promo {
        margin-left: 3.3333333%;
        font-size: 14px;
        font-size: 1.4rem;
        color: black;
        background-color: #ef8d48;
        width: 200px;
        height: 200px !important;
    }

    .place-AccountOpening .promo:hover,
    .place-AccountOpening .promo.focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .place-AccountOpening .promo:hover .promo__cover__top, .promo.focus .promo__cover__top,
    .place-AccountOpening .promo:hover .promo__cover__icon, .promo.focus .promo__cover__icon {
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .place-AccountOpening .promo__heading {
        color: #FFF;
        margin-bottom: 7px;
        padding: 0;
    }

    .place-AccountOpening #promos {
        padding: 14px 0 20px;
    }

    .place-AccountOpening #promos .button {
        background-color: #AF3914;
        color: #fff;
        font-size: 13px;
        font-size: 1.3rem;
        padding: 8px 11px;
    }

    .place-AccountOpening #promos .button:hover,
    .place-AccountOpening #promos .button:focus {
        background-color: #933011;
    }

    .place-AccountOpening .promo-content p,
    .place-AccountOpening .promo-content ul {
        display: none;
    }
    .AccountOpeningPlace .taskContainer .task {
        width: 100%;
        margin: 0px;
    }

    .place-AccountOpening .promo {
        width: 100%;
        float: none;
        height: auto !important;
        margin: 20px 0 0;
        padding: 17px 20px;
        background-color: #ef8d48;
        border: 1px solid #e3e3e3;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .place-AccountOpening .promo__cover__top {
        float: left;
        margin-right: 7%;
        width: 21%;
    }

    .place-AccountOpening .promo-content {
        float: left;
        width: 72%;
    }

    .place-AccountOpening .promo__cover__icon {
        margin-bottom: 0;
        background-color: transparent;
    }

    .place-AccountOpening .promo__heading {
        margin-bottom: 9px;
    }
}

@media screen and (min-width: 450px) {
    .AccountOpeningPlace .closeButtonContainer .closeButtonBar .Login a {
        width: 200px !important;
        height: 50px;
    }
}

@media screen and (max-width: 891px) {
    .place-AccountOpening #responsive-site-nav .Logout_Wrapper {
        display: block;
    }
}

.place-AccountOpening .TFNDeclarationDialog .popupContent,
.place-AccountOpening .TFNDeclarationDialog .popupContent .TFNDeclarationPlace {
    background: transparent;
}

.place-AccountOpening .promo-content ul {
    font-size: 15px !important;
}

/*
 * CombinedSwitchAndProfilePlace
 *--------------------------------------------------------------------------------------------------------------------*/

.CombinedSwitchAndProfilePlace .combinedSwitchAndProfileAdditionalOptionsForm.form {
}

.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_combinedSwitchAndProfileConfirm_profileDefaultSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profileProrataSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profileDefaultSectionBar_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: -21px;
    margin-left: 60px;
}

.CombinedSwitchAndProfilePlace .combinedInvestmentProfileContsType .radioButton:nth-of-type(3) label{
    display: none;
}
.CombinedSwitchAndProfilePlace .combinedInvestmentProfileContsType .radioButton:nth-of-type(3):after{
    content: 'Default drawdown';
    margin-left: 4px;
    vertical-align: middle;
}

@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;
    }
}

/*
 * MyDetailsPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.place-MyDetails .formLabelCell {
    width: 200px;
    display: table-cell;
}

.place-MyDetails .formControlCell.readOnly {
    padding: 20px 0 20px 0;
    width: 100%;
}

.place-MyDetails .formControlCell.editable td:not(.requiredIndicatorField) {
    width: 100%;
}

/*
 * Audit
 *--------------------------------------------------------------------------------------------------------------------*/
.place-Audit .formTable {
    width: 100%;
}

.place-Audit .result {
    margin: 10px 0;
}

.place-Audit .drillableTableData {
    width: 100%;
}

.place-Audit .noAuditData {
    text-align: center;
}

.place-Audit .filterControl {
    text-align: right;
}

.place-Audit .pager {
    text-align: center;
    width: 100%;
}

/*
 *Global Audit
 *--------------------------------------------------------------------------------------------------------------------*/
.place-GlobalAudit .formTable {
    width: 100%;
}

.place-GlobalAudit .result {
    margin: 10px 0;
}

.place-GlobalAudit .drillableTableData {
    width: 100%;
}

.place-GlobalAudit .noAuditData {
    text-align: center;
}

.place-GlobalAudit .filterControl {
    text-align: right;
}

.place-GlobalAudit .pager {
    text-align: center;
    width: 100%;
}

/*
 * Employer Dashboard
 *--------------------------------------------------------------------------------------------------------------------*/

.EmployerDashboardPlace .contentPanel .dashboard-section {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 40px !important;
    width: 100% !important;
    justify-content: space-evenly !important;
}

.EmployerDashboardPlace .contentPanel .dashboard-section li {
    list-style-type: none !important;
}

.EmployerDashboardPlace .dashboard-section a {
    text-decoration: none;
    display: block;
    height: 100%;
    color: black !important;
    width: 80%;
    margin-left: 10%;
    padding: 10px;
    text-align: center;
}

.EmployerDashboardPlace .dashboard-section a:hover {
    border-bottom: 0px solid white !important;

}

.EmployerDashboardPlace img {
    height: 80px;
    vertical-align: middle;
}

.EmployerDashboardPlace .contentPanel .dashboard-section .bindingHtmlPanel {
    display: inline-block;
    width: 25%;
}

.EmployerDashboardPlace .contentPanel .dashboard-section ul {
    width: 100%;
}

.EmployerDashboardPlace .bindingHtmlPanel ul {
    margin-left: 0px !important;
}

.EmployerDashboardPlace .contentPanel .dashboard-section .dashboard-item a:hover {
    background-color: #eeeeee;
}

.EmployerDashboardPlace .contentPanel .dashboard-section .dashboard-item .tile-title {
    font-size: 23px;
    color: #968c83;
    padding: 10px 0 15px;
    font-weight: 300;
    text-align: center;
    line-height: 1.455;
    margin-top: 20px;
}

.EmployerDashboardPlace .contentPanel .dashboard-section .dashboard-item .tile-content {
    margin: 0 0 10px;
    line-height: 1.625;
}

/*.EmployerDashboardPlace .contentPanel .dashboard-section .dividerTile {*/
/*    border-right: 1px solid #a59d95;*/
/*}*/

@media only screen and (max-width: 1043px) and (min-width: 740px) {
    .EmployerDashboardPlace .contentPanel .dashboard-section .bindingHtmlPanel {
        width: 50%;
    }

    .EmployerDashboardPlace .evenTile {
        border-right: none !important;
    }
}

@media only screen and (max-width: 739px) {
    .EmployerDashboardPlace .contentPanel .dashboard-section .bindingHtmlPanel {
        width: 100%;
        border-right: none !important;
    }
}

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

.pager .pageSize.align {
    float: right;
}

.pagerLabel input[type="text"],
.pageSize input[type="text"] {
    width: 30px;
    min-width: 30px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #b4b4b4;
    text-align: center;
}

.place-WorkbenchContributionEdit #main > .content-wrapper {
    max-width: none;
}

body.employerLayout.place-WorkbenchContributionEdit #page {
    width: 100%;
}

.middle.wide.extra {
    width: 98%;
}

/*
 * TransactionHistoryPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.TransactionHistoryPlace .Submit {
    margin-top: 20px;
}

.TransactionHistoryPlace .transactionHistoryFilterForm .startDateNote {
    font-style: italic;
}

@media screen and (min-width: 680px) {
    .TransactionHistoryPlace .transactionHistoryFilterForm .formRow .formLabelCell {
        width: 150px;
    }

    .TransactionHistoryPlace .transactionHistoryFilterForm .startDateNote {
        margin-left: 150px;
    }

    .TransactionHistoryPlace .transactionHistoryFilterForm .formRow.endDate {
        margin-right: 0;
    }

    .TransactionHistoryPlace .transactionHistoryFilterForm .buttonWrap.Submit {
        float: right;
    }

    .TransactionHistoryPlace .transactionHistoryFilterForm > .horizontalButtonBar {
        padding: 0;
        margin: 0;
        min-height: 61px;
    }

}

.TransactionHistoryPlace .transactionHistoryFilterForm .formTable .requiredField .formLabelCell .formLabel:after {
    display: none !important;
}

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

/* transaction history list drilldown section */
.TransactionHistoryPlace .transactionHistoryList table tr.selectable {
    cursor: pointer;
}

.TransactionHistoryPlace .transactionHistoryList table tr.selectable.selected {
    background-color: #FCE5D3 !important;
}

.TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr.dynamicRow {
    border: none;
    background-color: white;
}

.TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr.dynamicRow > td {
    margin: 0;
    padding: 0;
}

.TransactionHistoryPlace .transactionHistoryList table tr div.dynamic {
    max-height: 0px;
    opacity: 0;
    -webkit-transition: all 1.5s cubic-bezier(0, 1.05, 0, 1);
    -moz-transition: all 1.5s cubic-bezier(0, 1.05, 0, 1);
    transition: all 1.5s cubic-bezier(0, 1.05, 0, 1);
}

.TransactionHistoryPlace .transactionHistoryList table tr div.dynamic.active {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
}

.TransactionHistoryPlace .transactionHistoryList table tr div.dynamic .innerTableHeader {
    text-align: center;
    color: #49247d;
    font-weight: bold;
}

.TransactionHistoryPlace .transactionHistoryList table .innerTable {
    margin: 0 auto;
    border-collapse: separate;
    border-radius: 0.5em;
}

.TransactionHistoryPlace .transactionHistoryList table .innerTable,
.TransactionHistoryPlace .transactionHistoryList table .innerTable th,
.TransactionHistoryPlace .transactionHistoryList table .innerTable td {
    background-color: #FCE5D3;
    padding: 5px;
    text-align: left;
}

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

    .TransactionHistoryPlace .transRef, .TransactionHistoryPlace .headerTransRef {
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData thead tr {
        display: none
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData th.headerEffectiveDate,
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData th.headerAmount {
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tbody tr {
        display: grid;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.amount {
        text-align: right;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.effectiveDate::before {
        content: "Effective date";
        font-weight: bold;
    }
    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.description::before {
        content: "Transaction type";
        font-weight: bold;
    }
    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.amount::before {
        content: "Amount";
        font-weight: bold;
    }
    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.runningBalance::before {
        content: "Total";
        font-weight: bold;
    }

    /* transaction history list drilldown section */
    /* The biggest problem in making drilldown section responsive is that DrillableList responsive
        treatment sets all <tr>s to be 'display: inline-block;
        This makes making any content within a <tr> hard to get to be responsive itself in terms of
        display and/or height/width and/or position */
    /* Undo DrillableList default styling */
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr.dynamicRow {
        width: auto;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr.dynamicRow.active {
        width: 100%;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr.dynamicRow.active > td {
        /* Important to "undo" inline-block styling from base  */
        display: block;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr.dynamicRow.active > td {
        display: table-cell !important;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable tr {
        padding: 5px;
    }

    /* Undone! Now we can render our inner table */
    /* Force table parent text-alignment to center table */
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData .innerTableWrapper {
        text-align: center;
        padding: 0 20px;
    }

    /* Force table to not be like a table */
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable,
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable thead,
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable tbody,
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable th,
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable td,
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable tr {
        display: block;
    }

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

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable tr {
        border: 1px solid #ccc;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: right;
        width: 100%;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable 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;
        text-align: left;
        font-weight: bold;
    }

    /* Label the data */
    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData table.innerTable td:before {
        content: attr(data-title);
    }
}

/*
 * AllocationPlace
 *--------------------------------------------------------------------------------------------------------------------*/

.AllocationPlace .assetAllocationPortfolioList {
    display: none;
}

/*
 * ValuationPlace
 *--------------------------------------------------------------------------------------------------------------------*/


.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-family: 'Apercu Bold', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #00355f
}

@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: 762px) {
    .ValuationPlace .drillableTableData td {
        border-bottom: 0px solid #000000;
    }
    .ValuationPlace .portfolioHoldingsList .drillableTableData > tbody {
        display: grid;
    }
    .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;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData th {
        font-size: 14px;
        float: left;
    }

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

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerInvestment,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioSubPercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerMarketValue {
        height: 65px;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioSubPercent .labelText {
        /*display: none;*/
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioSubPercent:before {
        /*content: "Balance /Future";*/
        /*display: block;*/
        /*text-align: right;*/
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerUnits,
    .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 {
        display: none;

    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerInvestment,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.investment {
        float: left;
        width: 40%;
    }

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

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.portfolioSubPercent {
        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 {
        float: right;
        width: 50%;
        border-top: 1px dashed #cccccc;
        clear:both;
    }

    .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 {
        font-weight: 700;
        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%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.units,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.marketValue,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.currentPrice {
        display: none;
    }

    /* portfolioHoldingsUnconfirmedInvestmentList */
    .ValuationPlace .Valuation_portfolioHoldingsUnconfirmedInvestmentList_header h1 {
        color: #888888;
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.5em;
        text-align: left;
        padding-top: 10px;
    }

    .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%;
        font-size: 16px;
        padding-top: 15px;
        font-weight: 700;
    }

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

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

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

    .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;
        font-weight: bold;
        color: #616161;
        padding: 2px 5px 15px 10px;
        float: right;
    }

    .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;
        font-size: 16px;
        padding-top: 15px;
        font-weight: 700;
        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;
    }
}

.place-MyPreferences .formLabelCell {
    width: 200px;
}

.place-MemberDashboard .drillableListClickableRow {
    background-color: #ef8d48 !important;
    border: 1px solid white;
    color: white;
}

.place-MemberDashboard .drillableListClickableRow a {
    color: white !important;
}

.place-MemberDashboard .MemberDashboard_accountSummaryList_footer > div {
    text-align: right;
}

/*.place-MemberDashboard .MemberDashboard_accountSummaryList_footer .selectedBalance {*/
/*    font-size: 2em;*/
/*}*/

.place-MemberJoin .nav-header {
    display: none;
}

.place-MemberJoin #page {
    margin-left: 0px !important;
}

.place-MyDetails .formTableNested > tbody > tr > td:first-child > div > div > table > tbody > tr > td:first-child > div > table > tbody > tr > td:first-child {
    display: none;
}

.AddRow_PurchasedLeave {

}

.EmployerDashboardPlace .memberSearchForm {
    display: none;
}

/**** Employer ****/
.EmployeeTerminationDialog .page-header {
    display: none;
}

td[data-bgml-value="No data"] {
    text-align: center !important;
}

.place-WorkbenchContributionList table {
    width: 100%;
}

.noData {
    text-align: center;
}

.WorkbenchViewAdditionalInfoPlace .personal {
    padding: 0px 10px 0px 10px;
}

.WorkbenchViewAdditionalInfoPlace .employment {
    padding: 0px 10px 0px 10px;
}

.WorkbenchViewAdditionalInfoPlace .employment1 {
    padding: 0px 10px 0px 0px;
}

.WorkbenchViewAdditionalInfoPlace .subgrouped {
    border: 2px solid grey;
    padding: 0px 5px;
    margin: 20px 0px;

}

.WorkbenchViewAdditionalInfoPlace .superfund {
    display: none;
}

/*.WorkbenchViewAdditionalInfoPlace .personal .residentialCountry,*/
.WorkbenchViewAdditionalInfoPlace .personal .residentialLine3 {
    display: none;
}

.WorkbenchContributionEditPlace .addEmployee{
    display: flex;
}

.WorkbenchViewAdditionalInfoPlace .header h2 {
    position: absolute;
    background-color: white;
    margin-top: -40px;
    padding: 0px 10px;
    margin-bottom: 20px;
}
.WorkbenchViewAdditionalInfoPlace .formRow {
    padding: 10px;
}
.WorkbenchViewAdditionalInfoPlace .formRow.newMember, .WorkbenchViewAdditionalInfoPlace .formRow.payrollId {
    margin-top: 20px;
}
.WorkbenchViewAdditionalInfoPlace .header h3 {
    background-color: white;
    margin-top: -30px;
    padding: 0 10px;
    float: left;
}

.WorkbenchViewAdditionalInfoPlace .form .formTableColumn.column1 {
    border: 2px solid grey;
    margin: 0px 5px;
}

.WorkbenchViewAdditionalInfoPlace .form .formTableColumn.column2 {
    border-left: 2px solid grey;
    border-top: 2px solid grey;
    border-bottom: 2px solid grey;

}

.WorkbenchViewAdditionalInfoPlace .form .formTableColumn.column3 {
    border-right: 2px solid grey;
    border-top: 2px solid grey;
    border-bottom: 2px solid grey;
}

.WorkbenchViewAdditionalInfoPlace .form .formTable td:nth-child(2) {
    width: 8px;
}

.WorkbenchContributionEditPlace .h1 {
    margin: 0;
}

.WorkbenchContributionEditPlace .buttonWrap,
.WorkbenchContributionListPlace .buttonWrap {
    margin-top: 15px;
}

.WorkbenchContributionListPlace .searchButton {
    margin: 15px 0 10px 0
}
.WorkbenchContributionEditPlace .pageSize, .place-WorkbenchContributionList .pageSize {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    float: right !important;
}

#filterCount {
    font-size: 23px;
    font-weight: 400;
}

.WorkbenchContributionEditPlace .pageSize input, .place-WorkbenchContributionList .pageSize input {
    width: 30px !important;
}

.place-WorkbenchContributionList .pagerLabel input, .WorkbenchContributionEditPlace .pagerLabel input {
    width: 30px;
}

.place-WorkbenchContributionList .pagerNav td, .WorkbenchContributionEditPlace .pagerNav td {
    text-align: center;
}

.place-WorkbenchContributionList .pager table, .WorkbenchContributionEditPlace .pager table {
    width: auto !important;
}

.WorkbenchContributionEditPlace .results, .WorkbenchContributionListPlace .results {
    padding: 10px;
    background: #d4eef4;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
}
.WorkbenchContributionListPlace .results {
    display: flex;
    flex-direction: row;
}
.WorkbenchContributionListPlace .results .details {
    padding: 20px 0;
    margin: 0 20px;
    font-size: 23px;
    font-weight: 400;
}
.WorkbenchContributionEditPlace .addEmployee label {
    border: 0;
    background-color: transparent;
    padding: 10px 0 10px 0;
    text-align: left;
    width: 30%;
    font-weight: bold;
}

.WorkbenchContributionEditPlace .row.total, .WorkbenchContributionListPlace .row.total {
    background-color: rgb(150,140,131);
    font-weight: 600;
}

.WorkbenchContributionEditPlace input.error,
.WorkbenchContributionEditPlace select.error {
    outline: 1px solid red;
}

.WorkbenchContributionEditPlace .workbenchContWizard .contGridContainer .tableHeader .fundName {
    min-width: 80px;
}

.WorkbenchContributionEditPlace .workbenchContWizard .contGridContainer .tableHeader.ote .fundName {
    min-width: 110px;
}

.WorkbenchContributionEditPlace .spinnerBox {
    margin: 20px auto;
}

.WorkbenchContributionEditPlace .spinnerText {
    display: block;
    width: 100%;
    text-align: center;
}

.WorkbenchContributionEditPlace #dropzone {
    text-align: center;
    background-color: #f5f5f5;
    border: 2px dashed #e0e0e0;
}

.WorkbenchContributionEditPlace #dropzone.in {
    background-color: #e0e0e0;
    border-color: #E06C19;
}

.WorkbenchContributionEditPlace #dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

.WorkbenchContributionEditPlace #fileuploadblock button {
    margin: 15px 5px;
}

.WorkbenchContributionEditPlace .contGridStatus {
    max-width: 940px;
}

.WorkbenchContributionListPlace .asyncDataCell,
.WorkbenchContributionEditPlace .asyncDataCell,
.WorkbenchContributionListPlace .uploadingDataCell,
.WorkbenchContributionEditPlace .uploadingDataCell {
    background: url(gwt/laf/loadingContribution.gif) 50% 50% no-repeat;
    width: 14px;
    display: inline-block;
    margin-left: 5px;
}
.WorkbenchContributionListPlace .validatedDataCell,
.WorkbenchContributionEditPlace .validatedDataCell {
    background: url(gwt/laf/sitewide/success.png) 50% 50% no-repeat;
    width: 14px;
    display: inline-block;
    margin-left: 5px;
    background-size: 12px;
}
.WorkbenchContributionListPlace .asyncDataCell:after,
.WorkbenchContributionEditPlace .asyncDataCell:after {
    content: "Processing";
    margin-left: 20px;
    color: #e06c19;
    line-height: 1.0;
}
.WorkbenchContributionListPlace .validatedDataCell:after,
.WorkbenchContributionEditPlace .validatedDataCell:after {
    content: "Validated";
    margin-left: 20px;
    color: #99d300;
    line-height: 1.0;
}
.WorkbenchContributionListPlace .uploadingDataCell:after,
.WorkbenchContributionEditPlace .uploadingDataCell:after {
    content: "Processing";
    margin-left: 20px;
    color: #e06c19;
    line-height: 1.0;
}

/* worktest popup dialog */
.dialogMiddleCenterInner {
    padding: 10px;
}

.dialogMiddleCenterInner input[type="radio"] {
    margin: 10px;
}
.dialogMiddleCenterInner .worktestCheck p {
    margin-top: 5px;
}
/*.WorkbenchContributionEditPlace .results:before, .WorkbenchContributionListPlace .results:before {*/
/*    border-left: 10px solid transparent;*/
/*    border-right: 10px solid transparent;*/
/*    border-top: 10px solid #d4eef4;*/
/*    content: "";*/
/*    height: 20px;*/
/*    position: absolute;*/
/*    width: 0;*/
/*    margin-top: 5%;*/
/*}*/

@media only screen and (max-width: 1360px) {
    .WorkbenchContributionListPlace .drillableTable table.drillableTableData > tbody > tr,
    .WorkbenchContributionListPlace .drillableTable table.drillableTableData > thead > tr,
    .WorkbenchContributionEditPlace .drillableTable table.drillableTableData > tbody > tr,
    .WorkbenchContributionEditPlace .drillableTable table.drillableTableData > thead > tr {
        display: flex;
        flex-direction: column;
    }
    .WorkbenchContributionListPlace .drillableTable table.drillableTableData > tbody > tr > td,
    .WorkbenchContributionListPlace .drillableTable table.drillableTableData  > thead > tr > th,
    .WorkbenchContributionEditPlace .drillableTable table.drillableTableData > tbody > tr > td,
    .WorkbenchContributionEditPlace .drillableTable table.drillableTableData  > thead > tr > th {
        width: 100%;
        padding: 5px 10px;
        border-bottom: none;
    }
}


#field\.copySwitchPercentToProfile\.label {
    display: none;
}

.place-SuperToPension .copySwitchPercentToProfile input[type='checkbox'] {
    margin-left: 250px;
}

.SuperToPension_superToPensionInvestmentOptionsPage_combinedSwitchAndProfileCopyPercentagesForm_copySwitchPercentToProfile_info {
    margin-top: -2%;
}

.SuperToPensionPlace .sToPReversionaryForm table .formRow {
    margin-right: 20px;
}

@media only screen and (max-width: 600px) {
    .EmployerMemberAdditionalInformationPlace .memberEmploymentInfoForm td.formLabelCell {
        display: inline-block;
        width: auto;
    }
}

.EmployerMemberAdditionalInformationPlace .drillableList .drillableTable tbody tr td:last-child{
    text-align: left;
}

#fileUploadStatusHp > tbody > tr:last-child > td > table > tbody > tr > td:first-child {
    width: 50%;
}

#fileUploadStatusHp > tbody > tr:last-child > td > table > tbody > tr > td:last-child {
    display: none;
}

@media screen and (max-width: 480px) {
    .place-RolloverSuperStream .transferInSuperStreamRequestForm .formLabelCell {
        padding-right: 10px;
    }
}

@media screen and (max-width: 599px) {
    .BeneficiariesPlace .dependantDetailsList .drillableTableData td,
    .BeneficiariesPlace .dependantDetailsList_AC .drillableTableData td,
    .BeneficiariesPlace .dependantDetailsList_DB .drillableTableData td {
        border-bottom: 0px solid #000000;
    }
    .BeneficiariesPlace .dependantDetailsList thead th,
    .BeneficiariesPlace .dependantDetailsList_AC thead th,
    .BeneficiariesPlace .dependantDetailsList_DB thead th{
        display: none;
    }

    .BeneficiariesPlace .dependantDetailsList thead th:first-child,
    .BeneficiariesPlace .dependantDetailsList_AC thead th:first-child,
    .BeneficiariesPlace .dependantDetailsList_DB thead th:first-child{
        display: block;
    }

    .BeneficiariesPlace .dependantDetailsList tbody tr,
    .BeneficiariesPlace .dependantDetailsList_AC tbody tr,
    .BeneficiariesPlace .dependantDetailsList_DB tbody tr{
        display: block;
    }

    .BeneficiariesPlace .dependantDetailsList tbody tr td,
    .BeneficiariesPlace .dependantDetailsList_AC tbody tr td,
    .BeneficiariesPlace .dependantDetailsList_DB tbody tr td {
        display: inline-block;
        padding: 5px 5px;
    }

    .BeneficiariesPlace .dependantDetailsList tbody tr td.fullName,
    .BeneficiariesPlace .dependantDetailsList_AC tbody tr td.fullName,
    .BeneficiariesPlace .dependantDetailsList_DB tbody tr td.fullName {
        width: calc(100% - 60px);
        font-weight: bold;
        font-size: 16.8px;
    }

    .BeneficiariesPlace .dependantDetailsList tbody tr td.benPercentage,
    .BeneficiariesPlace .dependantDetailsList_AC tbody tr td.benPercentage,
    .BeneficiariesPlace .dependantDetailsList_DB tbody tr td.benPercentage{
        font-weight: bold;
        position: absolute;
        top: 0;
        right: 0;
    }

    .BeneficiariesPlace .dependantDetailsList tbody tr td.benBirthDate,
    .BeneficiariesPlace .dependantDetailsList_AC tbody tr td.benBirthDate,
    .BeneficiariesPlace .dependantDetailsList_DB tbody tr td.benBirthDate,
    .BeneficiariesPlace .dependantDetailsList tbody tr td.benRelationship,
    .BeneficiariesPlace .dependantDetailsList_AC tbody tr td.benRelationship,
    .BeneficiariesPlace .dependantDetailsList_DB tbody tr td.benRelationship {
        width: 100%;
    }
}

.AdminActionsPlace .adminActionsActionHistoryList .drillableTable thead tr th.headerDetails > .labelText {
    text-align: right !important;
}