/**
* #.# Asg Styles
*
* These tags are used in the My ASG Portal
*/


/**
* #.# Common Styles
*
* Used on multiple pages in the portal
*/

body {
    font-family: 'Raleway', sans-serif;
}
.fa-4 {
    font-size: 7em;
}
.gender-icon {
    margin-left: -8px;
    margin-right: 5px;
}
.asg-page-title {
    font-size: 1.8em;
}
.page-action {
    margin-top: 20px;
}
.page-nav-top {
    text-align: right;
    margin-bottom: 5px;
}
.page-nav {
    margin-right: 30px;
    float: right;
}
.page-section {
    background-color: #efeeef;
    padding: 20px;
    margin-top: 40px;
}
.page-section legend {
    display: block;
    width: 250px;
    padding: 0;
    margin-bottom: 20px;
    font-size: 1.6em;
    background-color: #efeeef;
    padding-left: 10px;
}
.asg-section {
    border: solid;
    padding: 10px 10px 10px 10px;
}
.asg-action-icon {
    margin-left: -10px;
}
.btnCancel {
    background-color: #595b61;
}
.control-label {
    text-align: left;
}
.left {
    float: left;
}
.right {
    float: right;
}
.panel-title {
    margin-bottom: 5px;
    font-size: 1.2em;
}
.asg-section {
    margin-bottom: 10px;
}
.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    width: 100% !Important;
}
blockquote {
    color: #002034;
    background: #eef9ff;
    border: 1px solid #d9f3ff;
    padding: 10px 30px;
    margin: 30px 0;
    min-height: 70px;
    position: relative;
    box-sizing: border-box;
    font-size: 1em;
}
.editor-label {
    margin-top: 10px;
    font: 400 14px/24px 'Open Sans', Arial, sans-serif;
}
.editor-label label {
    margin-bottom: 2px;
    font: 400 14px/24px 'Open Sans', Arial, sans-serif;
}
.checkbox, .check-box {
    position: relative;
    margin-left: 0;
}
input[type="checkbox"] {
    position: relative !Important;
    margin-left: 0px !Important;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.nav-wrapper {
    border: solid;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-decoration: none;
}
.nav li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    float: left;
}
.inline {
    margin: 0;
    padding: 0;
    list-style: none;
}
.inline li {
    display: inline-block;
}
.plain-list {
    list-style: none;
}
.form-section-header {
    font-weight: 700;
    font-size: 1.1em;
}
div.k-window-content {
    overflow: hidden !Important;
}

/**
* #.# Member Section
*/

.asg-member-section h2 {
    margin: 0;
    font-size: 1.6em;
}
.asg-member-combinedfundvalue {
    padding-top: 10px;
    padding-bottom: 20px;
    /*padding: 5px 5px 5px 5px;*/
    background-color: #fff;
    margin-top: 10px;
    border: solid;
    border-width: 2px;
}
ul.asg-combinedfundvalue {
    list-style-type: none;
    margin-right: 5px;
    margin-left: 5px;
}
.asg-marketing-preference-table {
    width: 100%;
}
.asg-marketing-preference-option {
    text-align: center;
}
.asg-update-password {
    padding-bottom: 10px;
}

/**
* #.# Beneficiary Section Styles
*/

.open-beneficiary {
    /*margin-top: 20px;*/
}
.asg-open-beneficiary-page .k-tabstrip .k-content {
    overflow: hidden;
}
.asg-child {
    margin-top: 10px;
    background-color: #fff;
}
.asg-beneficiary-group {
    border: solid;
    padding: 10px;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #fff;
}
.asg-child-name {
    font-weight: 700;
}
.asg-child-action {
    border: solid;
    border-style: solid;
    border-width: 1px;
    margin-top: 10px;
    background-color: #fff;
    text-align: center;
    /*margin-left: 20px;
    margin-right: 20px;*/
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 10px;
}

/**
* #.# Fund Section
*/

ul.asg-fund-payment-required li {
    display: inline;
}
.asg-fund-payment-due {
    border: solid;
    margin-bottom: 20px;
    padding: 5px;
}
.asg-fund-benefit .field {
    line-height: 1.5;
}
.asg-fund-current-account-value p {
    margin: 0;
}
.asg-fund-benefit {
    margin-top: 10px;
}
.asg-fund-contribution-section {
    /*border: solid;*/
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}
.asg-fund-bpay {}
fieldset.asg-fund-page {
    background: transparent;
    margin-bottom: 20px;
}
.asg-fund-transactions {
    margin-left: 15px;
    margin-top: 10px;
}
.asg-fund-current-account-value {
    padding: 10px;
    text-align: center;
    font-weight: 700;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}
.asg-fund-update {
    border-style: solid;
    padding: 20px;
}
.fund-transaction-list {
    margin-top: 20px;
}
.asg-fund-action {
    text-align: right;
    margin-bottom: 5px;
}
.tabFund {
    margin-bottom: 10px;
}

/**
* #.# Alerts Section
*/

.asg-member-alerts {
    border: solid;
    border-width: 1px;
    padding: 5px;
}
.asg-alert {
    border: solid;
    padding: 4px;
    margin-bottom: 4px;
}
.asg-alert-title {
    font-size: 1.2em;
}

/**
* #.# Documents Section
*/

.asg-document-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-decoration: none;
}
.asg-document-list li {
    display: inline;
    list-style-type: none;
}
.asg-document-item {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-decoration: none;
}
.asg-document-table th {
    font-weight: 900;
    background: #acacac;
    padding: 5px;
    color: #FFFFFF;
    text-align: left;
    font-size: 16px;
    padding-left: 5px;
    text-transform: uppercase;
  
}
.asg-document-table td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
    font-family: Arial, sans-serif;
    font-weight:bold;
}
.asg-document-name {
    min-width: 200px;
}
.km-switch-handle {
    background-color: #d9ecf5 !Important;
}
.asg.fund.c {
    /*#d9ecf5*/
}

/**
* #.# BPay Section
*/

.asg-fund-bpay {
    margin-top: 10px;
    margin-bottom: 10px;
}
.bpay-biller {
    float: left;
    border-style: solid;
    border-width: 2px;
}
.bpay-biller p {
    margin: 0 0 0 0;
    padding: 2px;
    line-height: 1.5;
}
.bpay-logo {
    width: 34px;
    height: 50px;
    float: left;
    margin: 0 5px 0 0;
}

/**
* #.# My Money Section
*/

.asg-fund-totals {
    margin-top: 20px;
}
.asg-fund-totals td {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}
.asg-fund-totals th {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1em;
    border-width: 2px;
    padding: 5px;
}
.asgWithdrawPurposeId {
    margin-top: 20px;
}
.asgWithdrawTime {
    margin-top: 20px;
}
.not-available {
    opacity: 0.4;
}
.asg-mymoney-schedule-table {
    margin: 20px 0 0 0;
}
.asg-mymoney-schedule-table td, th {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    text-align: center;
}