/*

	Table of Contents
	=================

	* Layouts
	* Modules
	* Plugin Styles
	* Helper Classes
	* Media Queries
*/


/* ==========================================================================
	Layouts
========================================================================== */

.l-site-header {
    border-bottom: 4px solid #002776;
    padding-top: 20px;
    position: relative;
    width: 100%;
    z-index: 2;
}

    .l-site-header:after {
        border-bottom: 1px solid #e5e5e5;
        width: 100%;
    }

.l-site-main {
    position: relative;
    z-index: 0;
}

.l-divider-top {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
}

.l-padding-top {
    padding-top: 20px;
}

.l-padding-bottom {
    padding-bottom: 20px;
}

.width-200px, .l-margin-fluid {
    margin: 0 2% 20px;
    position: relative;
}

.l-margin-auto {
    margin: 0 auto;
}

/* ==========================================================================
	Modules
========================================================================== */

/* Accounts Registered */
.accounts-registered li {
    margin-bottom: 10px;
}

.accounts-registered select,
.accounts-registered .selectboxit-container {
    margin-left: 5px;
}

/* Block */
.block-secondary {
    background-color: #f7f7f7;
    margin-bottom: 20px;
    padding: 20px 20px 10px;
}


/* Bank Accounts */
.bank-accounts .filters {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bank-accounts .item-list {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.bank-accounts .item {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px;
}

.bank-accounts .item-odd {
    background-color: #f7f7f7;
}

.bank-accounts .item-column {
    float: left;
    padding-right: 5%;
    width: 45%;
}

    .bank-accounts .item-column.actions {
        padding-right: 0;
        width: 50%;
    }

.bank-accounts .item-header {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    .bank-accounts .item-header .account-nickname {
        color: #333;
        font-size: 16px;
        padding-top: 8px;
        text-transform: uppercase;
    }

    .bank-accounts .item-header .actions {
        text-align: right;
    }

.bank-accounts .item-content {
    font-size: 12px;
}

    .bank-accounts .item-content b {
        color: #666;
    }

/* Brand */
.brand-heading {
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    margin-bottom: -8px;
    padding-top: 5px;
    text-transform: uppercase;
}

.brand-image {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
}

.brand-bannertext {
    color: #666;
    font-size: 14px;
    text-transform: none;
    font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
    position: relative;
    top: -3px;
}


.message-overflow {
    height: 220px;
    overflow-y: auto;
}

/*on off button*/

.form .field--on-off-switch {
    padding-top: 5px;
}

.on-off-switch-wrapper {
    height: 23px;
    overflow: hidden;
    position: relative;
    width: 80px;
}

.js .on-off-switch-checkbox {
    display: none;
}

.on-off-switch {
    border: 1px solid #e4e3e3;
    cursor: pointer;
    display: inline-block;
    height: 21px;
    position: relative;
    width: 78px;
}

    .on-off-switch.on .toggle {
        left: 39px;
    }

    .on-off-switch .toggle {
    }

.loading {
    font-style: italic;
    color: #666;
}
/* Breadcrumbs */
.breadcrumbs {
    margin: 0 0 30px;
}

    .breadcrumbs ol {
        background: url(images/breadcrumbs-bg.png) repeat-x 0 0;
        float: left;
        list-style: none;
        margin: 0;
    }

    .breadcrumbs li {
        color: #c9c9c9;
        float: left;
        height: 33px;
        line-height: 33px;
        font-size: 13px;
        font-weight: 700;
        padding: 0 10px 0 19px;
        position: relative;
    }

    .breadcrumbs .ribbon {
        background-image: url(images/breadcrumb.png);
        background-position: right top;
        background-repeat: no-repeat;
        display: block;
        height: 33px;
        position: absolute;
        top: -1px;
        left: 0;
        width: 9px;
    }

    .breadcrumbs .first {
        border-left: 1px solid #e9e9e9;
        padding-left: 10px;
    }

    .breadcrumbs .last {
        border-right: 1px solid #e9e9e9;
    }

    .breadcrumbs .current {
        background-color: #a2ad00;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a2ad00), to(#595f00));
        background-image: -webkit-linear-gradient(top, #a2ad00, #595f00);
        background-image: -moz-linear-gradient(top, #a2ad00, #595f00);
        background-image: -ms-linear-gradient(top, #a2ad00, #595f00);
        background-image: -o-linear-gradient(top, #a2ad00, #595f00);
        border: 1px solid #939c00;
        border-left-width: 0;
        -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
        -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
        color: #fff;
        height: 31px;
        line-height: 31px;
        padding-right: 19px;
    }

        .breadcrumbs .current.first {
            border-left-width: 1px;
            padding-left: 10px;
        }

        .breadcrumbs .current.last {
            padding-right: 10px;
        }

        .breadcrumbs .current .ribbon {
            background-position: right top;
        }

    .breadcrumbs .next {
        padding-left: 10px;
    }

        .breadcrumbs .next .ribbon {
            background-position: left top;
            top: 0;
            left: -9px;
        }

    .breadcrumbs .number {
        background-image: url(images/breadcrumb-number.png);
        background-position: left top;
        background-repeat: no-repeat;
        display: inline-block;
        *display: inline;
        height: 20px;
        line-height: 20px;
        margin-right: 10px;
        text-align: center;
        width: 20px;
        zoom: 1;
    }

.lt-ie9 .breadcrumbs .number {
    position: relative;
}

.breadcrumbs .number-check {
    background-color: #a2ad00;
    background-position: left bottom;
    position: relative;
    top: 6px;
}

.lt-ie8 .breadcrumbs .number-check {
    top: 0;
}

.breadcrumbs .current .number {
    color: #a2ad00;
}

.breadcrumbs a {
    color: #c9c9c9;
    text-decoration: none;
}

    .breadcrumbs a:hover {
        color: #999;
    }
/* Button List */
.button-list {
    margin: 0 5px 10px;
}

    .button-list .button {
        margin: 0 5px 10px;
    }
/* Buttons */
.button-full-width {
    display: block;
}

.button-smaller {
    font-size: 11px;
}

.button-grid-action {
    width: 15px;
    height: 30px;
    text-align: center;
    padding-left: 5px;
    padding-right: 25px;
}

.button-simple {
    border: 1px solid #e5e5e5;
    display: inline-block;
    *display: inline;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 40px;
    *zoom: 1;
}

    .button-simple:focus,
    .button-simple:hover {
        background-color: #e5e5e5;
    }

.button-simple-full {
    padding: 5px 10%;
    width: 80%;
}

.button-with-margins {
    margin: 0 5px;
}

.button__step {
    font-size: 11px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.button-disabled,
.button-disabled:focus,
.button-disabled:hover {
    background-color: #e7e7e7;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#ccc));
    background-image: -webkit-linear-gradient(top, #e7e7e7, #ccc);
    background-image: -moz-linear-gradient(top, #e7e7e7, #ccc);
    background-image: -ms-linear-gradient(top, #e7e7e7, #ccc);
    background-image: linear-gradient(top, #e7e7e7, #ccc);
    color: #002776;
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/* Conditional Controls */
.form .conditional-items {
    margin-top: 10px;
}

    .form .conditional-items .conditional-items {
        margin-top: 0;
    }

.form .conditional-items--more-margin {
    margin-top: 20px;
}

.form .conditional-items--inline {
    margin-top: 0;
}

.form .conditional-items__item > .field {
    margin-left: 0;
}

.form .conditional-items--inline .conditional-items__item--from-to-dates {
    margin-left: 10px;
}

.form .conditional-items__item--from-to-dates .field {
    margin: 0 0 0 10px;
}

    .form .conditional-items__item--from-to-dates .field label {
        margin: 0;
    }

.form .conditional-items__item--from-to-dates .datepicker-wrapper {
    display: inline-block;
    *display: inline;
    margin: 0;
    *zoom: 1;
}

/* Content */
.content h4 {
    margin-top: 10px;
}

    .content h4:first-child {
        margin-top: 0;
    }

.content ul {
    margin-bottom: 10px;
}

/* Details Expando */
.js .details-expando .details-content {
    display: none;
}

/* Dropdown */
.dropdown {
    position: relative;
}

    .dropdown a {
        text-decoration: none;
    }

.dropdown-trigger {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 5px 15px;
    position: relative;
    z-index: 300;
}

.dropdown-messages .dropdown-trigger {
    background-image: url(images/envelope.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 25px;
}

.dropdown-messages-bank .dropdown-trigger {
    background-image: url(images/bank.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 25px;
}

.dropdown-logout .dropdown-trigger {
    background-image: url(images/logout-icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 25px;
}

.dropdown-account .dropdown-trigger {
    background-image: url(images/account-arrow-down.png);
    background-position: right 18px;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.dropdown-trigger-count {
    background-color: #007ea3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
    padding: 1px 4px;
    position: relative;
    bottom: -8px;
    left: -8px;
}

.lt-ie9 .dropdown-trigger-count {
    behavior: url(/[AppPath]/PIE/PIE.htc);
}

.lt-ie8 .dropdown-trigger-count {
    bottom: -18px;
}

.dropdown-list {
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    display: none;
    margin: 0;
    position: absolute;
    top: 40px;
    right: 0;
    width: 250px;
    z-index: 200;
}

.lt-ie9 .dropdown-list {
    box-shadow: 0 0 5px #ccc;
    behavior: url(/[AppPath]/PIE/PIE.htc);
}

.dropdown-link {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    font-size: 12px;
    padding: 10px 20px;
}

.dropdown-link-read {
    color: #666;
}

.dropdown-link-view-all {
    background-color: #f0f0f0;
}

.dropdown-link:hover {
    background-color: #fff;
}

.message-meta {
    font-size: 11px;
}

.dropdown-is-open {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.lt-ie9 .dropdown-is-open {
    box-shadow: 0 0 5px #ccc;
    position: relative;
    behavior: url(/[AppPath]/PIE/PIE.htc);
}

.dropdown-is-open .dropdown-trigger {
    background-color: #f7f7f7;
    color: #666;
}

.dropdown-account .dropdown-trigger:hover,
.dropdown-account.dropdown-is-open .dropdown-trigger {
    background-position: right -27px;
}

/* Emulation */
.currently-emulating {
    padding-top: 41px;
}

.emulation-message {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0;
    position: fixed;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 999;
}

    .emulation-message a {
        margin-left: 20px;
        text-transform: uppercase;
    }

/* Expando */
.expando__trigger .icon-expando {
    margin-top: -5px;
}

.expando__trigger:focus .icon-expando,
.expando__trigger:hover .icon-expando {
    border-bottom-color: #666;
}

.expando__trigger--is-collapsed .icon-expando,
.expando__trigger--is-collapsed .icon-expando {
    border-top: 10px solid #002776;
    border-bottom: none;
}

.expando__trigger--is-collapsed:focus .icon-expando,
.expando__trigger--is-collapsed:hover .icon-expando {
    border-top-color: #666;
}

.expando__trigger .icon-expando-small {
    background-image: url(images/icon-expando-small.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 5px;
    margin-top: -2.5px;
    width: 10px;
}

.expando__trigger:focus .icon-expando-small,
.expando__trigger:hover .icon-expando-small {
    background-position: 100% 0;
}

.expando__trigger--is-collapsed .icon-expando-small {
    background-position: 0 100%;
}

.expando__trigger--is-collapsed:focus .icon-expando-small,
.expando__trigger--is-collapsed:hover .icon-expando-small {
    background-position: 100% 100%;
}

.expando__trigger:focus .heading,
.expando__trigger:hover .heading {
    color: #333;
}

.expando__content {
    padding-top: 20px;
}

.expando__content--is-hidden {
    display: none;
}

.expando--regular {
    margin-bottom: 20px;
}

.expando--regular__trigger {
    background-color: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    padding: 15px 20px;
    position: relative;
    text-decoration: none;
}

    .expando--regular__trigger .heading {
        margin: 0;
        padding-right: 30px;
    }

    .expando--regular__trigger .icon {
        position: absolute;
        top: 50%;
        right: 20px;
    }

.expando--contained {
    margin-bottom: 20px;
}

.expando--contained__trigger {
    background-color: #eee;
    display: block;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
}

    .expando--contained__trigger .heading {
        margin: 0;
        padding-right: 30px;
    }

    .expando--contained__trigger .icon {
        position: absolute;
        top: 50%;
        right: 20px;
    }

.expando--contained__content {
    border: 1px solid #eee;
    border-top: none;
    padding: 20px 10px 0;
}

.expando--plus-minus {
    margin-bottom: 10px;
}

.expando--plus-minus__trigger {
    background-color: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
}

    .expando--plus-minus__trigger .icon-plus-minus {
        background-image: url(images/icon-plus-minus.png);
        background-position: 0 100%;
        background-repeat: no-repeat;
        display: block;
        height: 9px;
        margin: auto 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        width: 9px;
    }

.lt-ie8 .expando--plus-minus__trigger .icon-plus-minus {
    top: 10px;
    bottom: auto;
}

.expando--plus-minus__trigger:focus .icon-plus-minus,
.expando--plus-minus__trigger:hover .icon-plus-minus {
    background-position: 100% 100%;
}

.expando__trigger--is-collapsed .icon-plus-minus {
    background-position: 0 0;
}

.expando__trigger--is-collapsed:focus .icon-plus-minus,
.expando__trigger--is-collapsed:hover .icon-plus-minus {
    background-position: 100% 0;
}

/* Expenses Transactions */
.expenses-transactions-results-header {
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 20px 10px 5px;
}

    .expenses-transactions-results-header .radio span {
        background-image: url(images/uniform-radio-gray.png);
    }

.form .expenses-transactions-results-header .field:first-child {
    margin-right: 30px;
}

a.js-attach-receipt.receipt-no img.receipt-no, a.js-attach-receipt.receipt-yes img.receipt-yes {
    display: inline;
}

a.js-attach-receipt.receipt-no img.receipt-yes, a.js-attach-receipt.receipt-yes img.receipt-no {
    display: none;
}

.divtextarea {
    background-color: #fff;
    border: 1px solid #c7c7c7;
    padding: 5px;
    width: 20em;
    min-height: 1em;
    max-height: 4em;
    overflow: auto;
    line-height: 14px;
}

.divtextarea-readonly {
    border: 0;
    padding: 5px;
    width: 20em;
    white-space: normal;
}

.divtextarea-allocation-editcode-readonly {
    border: 0;
    padding: 5px;
    max-width: 20em;
    white-space: normal;
    word-wrap: break-word;
}

.expenses-transactions-summary .item {
    float: left;
    margin-right: 20px;
}

.table-expenses-transactions input[type="text"] {
    border-style: dashed;
}

    .table-expenses-transactions input[type="text"].field-modified {
        border-color: #ccc;
        border-style: solid;
    }

tr.locked {
    color: #999;
}

    tr.locked td a.tran-action {
        filter: alpha(opacity=30);
        opacity: 0.3;
    }

    tr.locked a.listpicker__trigger {
        display: none;
    }

/* Generic Modal */
.generic-modal {
    margin: 0 10px;
}

/* Form */
.form .clear {
    clear: both;
}

.form .group {
    margin-bottom: 10px;
}

.form .field {
    margin: 0 10px 15px;
}

.form .field--indented {
    margin-top: 10px;
    margin-left: 25px;
}

.form .field-indented-15px {
    margin-top: 10px;
    margin-left: 15px;
}

.form .field-default {
    width: 280px;
}

.form .field-350px {
    width: 350px;
}

.form .field-full {
    width: 100%;
}

.form .field-half {
    width: 130px;
}

.form .field-half-max {
    width: 140px;
}

.form .field--on-off-switch {
    padding-top: 5px;
}

.form .field select {
    margin-bottom: 10px;
}

.form .field .on-off-switch-wrapper {
    float: left;
}

.form .field .selectboxit-container {
    height: 25px;
    margin-bottom: 5px;
}

.z-index-999 .selectboxit-container {
    z-index: 999;
}

.form .field .on-off-switch-content {
    float: left;
    margin-bottom: 10px;
    margin-left: 20px;
}

.form .field .on-off-switch-content__options {
    margin-bottom: 10px;
}

.form .field .on-off-switch-content--disabled .on-off-switch-content__options {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

a.disabled, button.disabled {
    cursor: default !important;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.form .field .on-off-switch-content label {
    margin-bottom: 5px;
}

.form .field .on-off-switch-content .on-off-switch-label {
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 10px;
}

.radio-list-li {
    margin-bottom: 5px;
    margin-right: 10px;
}

.radio-list--account-type {
    margin-top: 10px;
}

.toggable-content--disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.field__toggable-content--disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.form .input-box {
    margin-bottom: 5px;
}

.form .pin-number {
    font-size: 18px;
    text-align: center;
    width: 21px;
}

.form .restriction-input {
    display: inline-block;
    *display: inline;
    padding-top: 20px;
    position: relative;
    *zoom: 1;
}

.form .restriction-input__number {
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.form .restriction-input input {
    font-size: 18px;
    text-align: center;
    /*text-transform: uppercase;*/
    width: 21px;
}

.form .label1 {
    font-weight: bold;
    margin-bottom: 5px;
}

.form .label-info {
    font-weight: bold;
    margin-bottom: 5px;
    color: #25383C;
    display: block
}

    .form .label1 span {
        font-weight: normal;
    }

.form .label2 {
    margin-bottom: 5px;
    margin-right: 20px;
}

.label2.disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.parameters.disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.form .action {
    margin: 0 10px 10px;
}

.form .action-secondary {
    font-size: 14px;
    line-height: 28px;
    margin-left: 20px;
    white-space: nowrap;
}

.margin-left-10px {
    margin-left: 10px;
}

.margin-left-35px {
    margin-left: 35px;
}

.margin-auto {
    margin: auto 0;
}

.margin-auto-horizontal {
    margin-left: auto;
    margin-right: auto;
}

.lt-ie8 .form .action-secondary {
    position: relative;
    top: 6px;
}

.form .action-disabled {
    color: #999;
}

.form .no-input {
    min-height: 25px;
    line-height: 25px;
}

.form input[type="text"].error, .form input[type="text"].input-validation-error, input[type=tel].input-validation-error, div.divtextarea.input-validation-error, .form textarea.input-validation-error {
    border-color: #91220c;
}

.form input[type="password"].error, .form input[type="password"].input-validation-error {
    border-color: #91220c;
}

.form .selectbox-error {
    border-color: #91220c;
}

.form .divSecurityQuestions {
    font-weight: bold;
    margin-bottom: 15px;
}

.form .error-container {
    color: #91220c;
    display: none;
    margin-bottom: 20px;
    margin-left: 10px;
}

.validation-summary-errors {
    color: #91220c;
    margin-bottom: 20px;
    margin-left: 10px;
    display: block;
}

.validation-summary-valid {
    display: none;
}

.form .table-wrapper {
    margin-left: 10px;
    margin-right: 10px;
}

.lt-ie8 .form .float-left.field {
    padding-bottom: 15px;
}

.form-add-receipt {
    border: 1px solid #eee;
    margin: 0 10px;
    padding: 15px 10px 0;
}

.copy-existing-mapper {
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 20px 10px 5px;
}

    .copy-existing-mapper .radio span {
        background-image: url(images/uniform-radio-gray.png);
    }

.form input[readonly] {
    background: transparent;
    border: none;
}

form .dirty {
    background-color: #FCF9C7;
}

.dirty.selectboxit-btn {
    background-color: lightyellow;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFE0), to(#FAFAD2));
    background-image: -webkit-linear-gradient(top, #FFFFE0, #FAFAD2);
    background-image: -moz-linear-gradient(top, #FFFFE0, #FAFAD2);
    background-image: -o-linear-gradient(top, #FFFFE0, #FAFAD2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFE0, endColorstr=#FAFAD2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFE0, endColorstr=#FAFAD2)";
    border: solid 1px #cecece;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    color: #666;
    cursor: default;
}

/* Generic Selector */
.generic-selector {
    line-height: 24px;
}
/* Generic Selector */
.generic-selector-center {
    line-height: 24px;
    text-align: center;
}


/* Header Table */
.header-table {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.lt-ie8 .header-table {
    padding-bottom: 10px;
}

.header-table--simple {
    border-bottom: none;
    margin-bottom: 0;
}

.header-table--simple__heading {
    line-height: 20px;
}

.header-table--simple__action {
    font-size: 12px;
    line-height: 20px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.confirmation-message, div[role='main'] label.important-message, .important-message {
    color: #91220C;
    width: 100%;
}


.important-message-block {
    display: block;
    font-style: italic;
    color: #666;
    font-weight: 600;
}

/* Hierarchy */
.hierarchy ul ul {
    padding-left: 20px;
}

.hierarchy ul li {
    background-image: url(images/hierarchy-link.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.hierarchy__parent {
    font-weight: bold;
}

/*Session Renew*/
.countdown {
    font-size: 28px;
    text-align: center;
    width: 21px;
}

.showSpinnerContainer {
    position: relative;
    margin-top: 30px;
    padding: 12px;
}

.showSpinner {
    height: 32px;
    background: url(images/loader.gif) center no-repeat
}

.showSmallSpinner {
    height: 24px;
    background: url(images/loader.gif) center no-repeat
}

.transparent {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

/* Icons */

.blockui-msg-window {
    background: url(images/loader.gif) no-repeat;
    z-index: 1100;
}


.blockui-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    float: left;
    opacity: .1;
    z-index: 999999;
    background-color: white;
}

.blockui-frame {
    width: 100%;
    height: 100%;
    opacity: .1;
}

.blockui-image-wrapper {
    width: 100px;
    height: 100px;
    position: fixed;
    top: 45%;
    left: 45%;
}

.icon-pdf-acro {
    background: url(images/getacro.gif) no-repeat 0 0;
    display: block;
    height: 40px;
    width: 90px;
}

.icon-zip {
    background: url(images/download_report.gif) no-repeat 0 0;
    border: none;
    outline: none;
    display: inline-block;
    height: 16px;
    margin: auto 0;
    overflow: hidden;
    text-indent: 100%;
    vertical-align: text-top;
    white-space: nowrap;
    width: 16px;
}

.icon-pdf {
    background: url(images/pdf.gif) no-repeat 0 0;
    display: inline-block;
    *display: inline;
    height: 16px;
    margin: auto 0;
    overflow: hidden;
    text-indent: 100%;
    vertical-align: text-top;
    white-space: nowrap;
    width: 16px;
    *zoom: 1;
}

.ie8 .icon-pdf {
    display: block;
}

.lt-ie8 .icon-pdf {
    display: block;
}

.icon-arrow-up {
    background: url(images/arrow-up.png) no-repeat 0 0;
    display: block;
    height: 5px;
    width: 10px;
}

.icon-arrow-down {
    background: url(images/arrow-down.png) no-repeat 0 0;
    display: block;
    height: 5px;
    width: 10px;
}

.icon-expando {
    border-bottom: 10px solid #002776;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    width: 0;
}

.item-summary {
    margin-bottom: 10px;
}

    .item-summary .item {
        float: left;
        margin-bottom: 10px;
        margin-right: 20px;
    }
/* Images */
.check-img {
    height: 220px;
    width: 400px;
}

.tran-icon-img {
    height: 20px;
    width: 20px;
}

/* Inline Notice */
.inline-notice--sm {
    line-height: 25px;
}

.inline-notice--md {
    line-height: 28px;
}

.inline-notice--success {
    color: #737c00;
}

/* Last Bank Mapper */
.last-bank-mapper p {
}

.last-bank-mapper ul {
    margin-bottom: 20px;
}

.last-bank-mapper a {
    text-decoration: none;
}

/* Last Report Run */
.last-report-run p {
}

.last-report-run ul {
    margin-bottom: 20px;
}

.last-report-run a {
    text-decoration: none;
}

/* Last Logged In */
.last-logged-in {
    /*color: #ff0000;*/
    font-size: 12px;
    padding-right: 35px;
    margin-top: 10px;
}

.last-logged-in-link {
    margin-top: -5px;
}

a.last-logged-in-link:link {
    color: #ff0000;
}

a.last-logged-in-link:visited {
    color: #ff0000;
}

a.last-logged-in-link:hover {
    color: #ff0000;
}

/* Links */
.download-all {
    font-size: 12px;
    line-height: 24px;
    margin-left: 10px;
}

.action-link {
    font-size: 12px;
    margin-left: 10px;
}

.back-link,
.show-link {
    text-decoration: none;
}

.log-out-link {
    display: block;
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    padding: 5px 0;
    text-decoration: none;
}

/* Listpicker */
.listpicker {
    display: inline-block;
    *display: inline;
    position: relative;
    *zoom: 1;
}

div .listpicker__list input[type="text"] {
    margin-right: 0;
    /*padding-right: 30px; THIS DID NOT WORK FOR IE so changing to line below */
    border-right: 28px solid #dcdcdc;
}

.listpicker__trigger {
    background-image: url(images/list.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    position: absolute;
    top: 5px;
    right: 7px;
    width: 16px;
}

.lt-ie8 .listpicker__trigger {
    top: 7px;
}

/* Lists */
.checkbox-list li {
    margin-bottom: 5px;
}

/* Multi-Select */
.multi-select__section {
    float: left;
    position: relative;
    width: 273px;
}

.multi-select__section--available {
    margin-right: 20px;
}

.multi-select__actions {
    float: left;
    margin-right: 20px;
    padding-top: 138px;
}

.multi-select .checkbox-list {
    border: 1px solid #e5e5e5;
    height: 270px;
    margin-bottom: 10px;
    overflow-y: scroll;
    padding: 20px 20px 10px;
    position: relative;
}

    .multi-select .checkbox-list .disabled {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

.multi-select__actions button {
    display: block;
    margin-bottom: 10px;
}

/* Notice */
.notice {
    background-color: #eee;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 10px 20px;
    /*display: none;*/
}

.notice--success, .notice-success {
    background-color: #a1ae39;
    border-color: #737c00;
    color: #fff;
    font-weight: bold;
    display: block;
}

.notice--error, .notice-error {
    background-color: #c63812;
    border-color: #91220c;
    color: #fff;
    font-weight: bold;
    display: block;
}

div[role='main'] .notice-success a {
    color: #fff;
}

div[role='main'] .notice-error a {
    color: #fff;
}

.notice--important, .notice-important {
    padding: 0;
    display: block;
}

.notice_header, .notice__header {
    display: block;
    padding: 10px 70px 10px 20px;
    position: relative;
    text-decoration: none;
}

.notice__heading {
    font-size: 16px;
    font-weight: bold;
}

.notice__trigger {
    position: absolute;
    top: 10px;
    right: 20px;
}

.notice__content {
    border-top: 1px solid #ddd;
    padding: 10px 20px 10px;
}

/* Pagination */
.pagination {
    padding-top: 10px;
}

    .pagination a {
        text-decoration: none;
    }

.pagination-goto {
    float: left;
    margin-bottom: 10px;
    padding-top: 4px;
    padding-bottom: 3px;
}

    .pagination-goto input {
        color: #666;
    }

.pagination-list {
    float: right;
    text-align: center;
}

    .pagination-list li {
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    .pagination-list .page {
        border: 1px solid #eee;
        display: block;
        margin: 0 0 10px 10px;
        padding: 5px 10px;
        text-decoration: none;
    }

    .pagination-list .page-current {
        color: #666;
    }

    .pagination-list .page-disabled {
        color: #999;
        cursor: default;
    }

.pagination-group {
    border-top: 1px solid #e5e5e5;
    clear: both;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

/* Payment Queue */
.payment-queue {
    margin-top: 20px;
    position: relative;
}

/* Quick Links */
.quick-links ul {
    margin-bottom: 20px;
}

.quick-links li a {
    background-color: #f7f7f7;
    border-left: 1px solid #007ea3;
    border-right: 1px solid #007ea3;
    display: block;
    margin-bottom: 0px;
    padding: 5px 10px;
    text-decoration: none;
}

    .quick-links li a:focus,
    .quick-links li a:hover {
        background-color: #e5e5e5;
        border-left-color: #666;
    }

.top-margin-minus20 {
    margin-top: -20px;
}

.last-quicklink {
    border-bottom: 1px solid #007ea3;
}
/* Recent Authorizations */
.recent-authorizations {
    margin-bottom: 20px;
}

    .recent-authorizations a {
        text-decoration: none;
    }

    .recent-authorizations .item-list {
        border-top: 1px solid #e5e5e5;
        margin-bottom: 10px;
    }

    .recent-authorizations .item {
        border-bottom: 1px solid #e5e5e5;
        padding: 10px 20px;
    }

    .recent-authorizations .item-odd {
        background-color: #f7f7f7;
    }

    .recent-authorizations .main {
        font-size: 16px;
    }

    .recent-authorizations .details {
        border-top: 1px solid #e5e5e5;
        font-size: 12px;
        margin-top: 10px;
        padding-top: 5px;
    }

        .recent-authorizations .details > div {
            margin-left: 4%;
            width: 22%;
        }

            .recent-authorizations .details > div:first-child {
                margin-left: 0;
            }

    .recent-authorizations .type {
        margin-right: 5%;
        width: 70%;
    }

    .recent-authorizations .amount {
        width: 25%;
    }

    .recent-authorizations .status {
        text-transform: uppercase;
    }

/* Recent Expense Reports */
.recent-expense-reports {
    margin-bottom: 20px;
}

    .recent-expense-reports a {
        text-decoration: none;
    }

.table-row-error {
    background-color: #c63812;
    border-color: #91220c;
    color: #fff;
    font-weight: bold;
    display: block;
}

.recent-expense-reports .item-list {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.recent-expense-reports .item {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px;
}

.recent-expense-reports .item-odd {
    background-color: #f7f7f7;
}

.recent-expense-reports .main {
    font-size: 16px;
}

.recent-expense-reports .details {
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    margin-top: 10px;
    padding-top: 5px;
}

    .recent-expense-reports .details > div {
        margin-left: 4%;
        width: 22%;
    }

        .recent-expense-reports .details > div:first-child {
            margin-left: 0;
        }

.recent-expense-reports .report-id {
    font-size: 12px;
}

.recent-expense-reports .name {
    margin-right: 5%;
    width: 70%;
}

.recent-expense-reports .amount {
    width: 25%;
}

.recent-expense-reports .details .status-updated {
    width: 35%;
}

.recent-expense-reports .details .status {
    text-transform: uppercase;
    width: 35%;
}

/* Recent Statements */
.recent-statements {
    margin-bottom: 20px;
}

    .recent-statements a {
        text-decoration: none;
    }

/* Recent Transactions */
.recent-transactions {
    margin-bottom: 20px;
}

    .recent-transactions a {
        text-decoration: none;
    }

    .recent-transactions .item-list {
        border-top: 1px solid #e5e5e5;
        margin-bottom: 10px;
    }

    .recent-transactions .item {
        border-bottom: 1px solid #e5e5e5;
        padding: 10px 20px;
    }

    .recent-transactions .item-odd {
        background-color: #f7f7f7;
    }

    .recent-transactions .main {
        font-size: 16px;
    }

    .recent-transactions .details {
        border-top: 1px solid #e5e5e5;
        font-size: 12px;
        margin-top: 10px;
        padding-top: 5px;
    }

        .recent-transactions .details > div {
            margin-left: 4%;
            width: 22%;
        }

            .recent-transactions .details > div:first-child {
                margin-left: 0;
            }

    .recent-transactions .name {
        margin-right: 5%;
        width: 70%;
    }

    .recent-transactions .amount {
        width: 25%;
    }

/* Same Page Details */
.same-page-details {
    display: none;
}

/* Search Results */
.search-results {
    display: none;
    margin-top: 20px;
    position: relative;
}
/* Section Overview */
.section-overview__item {
    margin-bottom: 20px;
}

.section-overview__title {
    font-size: 20px;
    margin-bottom: 5px;
}

    .section-overview__title a {
        text-decoration: none;
    }
/* Security Profile */
.security-profile__list {
    border: 1px solid #eee;
    padding: 20px 20px 5px;
}

    .security-profile__list ul {
        margin-left: 20px;
    }

    .security-profile__list li {
        padding-bottom: 15px;
    }

    .security-profile__list .item {
        font-weight: bold;
        margin-bottom: 10px;
    }

        .security-profile__list .item a {
            padding-left: 19px;
            position: relative;
            text-decoration: none;
        }

            .security-profile__list .item a .icon {
                background-image: url(images/icon-plus-minus.png);
                background-position: 0 0;
                background-repeat: no-repeat;
                display: block;
                height: 9px;
                position: absolute;
                top: 5px;
                left: 0;
                width: 9px;
            }

            .security-profile__list .item a:focus .icon,
            .security-profile__list .item a:hover .icon {
                background-position: 100% 0;
            }

            .security-profile__list .item a.expanded .icon,
            .security-profile__list .item a.expanded .icon {
                background-position: 0 100%;
            }

            .security-profile__list .item a.expanded:focus .icon,
            .security-profile__list .item a.expanded:hover .icon {
                background-position: 100% 100%;
            }

    .security-profile__list .label2 {
        margin-right: 20px;
    }

    .security-profile__list .collapsible {
        display: none;
    }

    .security-profile__list .options {
        margin-bottom: 5px;
    }

/* Section Header */
.section-header {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

    .section-header .heading {
        float: left;
    }

    .section-header .button-wrapper {
        float: right;
        margin-bottom: 10px;
    }

    .section-header .button {
        margin-top: 1px;
        margin-bottom: 4px;
        margin-left: 10px;
    }

.hdreverse {
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.chart-summary-name {
    color: #ffffff;
}

/* Split Balance Info */
.lt-ie8 .split-balance-info {
    padding-bottom: 10px;
}

.split-balance-info__item {
    float: left;
    font-weight: bold;
    font-size: 16px;
    margin: 0 10px 10px;
}

.lt-ie8 .split-balance-info__item {
    margin: 0 10px;
}

/* Statement Box */
.statement-box {
    background-color: #002776;
    color: #fff;
    margin-bottom: 20px;
    padding: 20px 20px 30px;
}

    .statement-box ul li a {
        text-decoration: underline;
        font-weight: bold;
        color: #fff;
    }

    .statement-box a#icon-alerts {
        background-image: url(images/icon-alerts-reverse.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 30px;
    }

    .statement-box a.disabled-dash-link {
        text-decoration: none;
        opacity: 0.5;
    }

    .statement-box .current-balance {
        text-align: center;
    }

        .statement-box .current-balance .value {
            font-size: 32px;
            font-weight: bold;
            line-height: 1;
        }

        .statement-box .current-balance .last-updated {
            margin-bottom: 20px;
        }

    .statement-box .item-list {
        margin-bottom: 20px;
    }

    .statement-box .item {
        margin-bottom: 10px;
    }

        .statement-box .item label {
            float: left;
            width: 50%;
        }

        .statement-box .item .value {
            font-weight: bold;
        }

    .statement-box h2, .quickLinks h2 {
        font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
        font-weight: bold;
    }

.quickLinks a {
    text-decoration: none;
}

.quickLinks ul li:hover {
    background-color: #f7f7f7;
}

/* Statements */
.statements-list li {
    margin-bottom: 10px;
    position: relative;
}

    .statements-list li a {
        background-color: #f7f7f7;
        border: 1px solid #eee;
        display: block;
        padding: 10px 46px 10px 20px;
        text-decoration: none;
    }

.statements-list .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
}

.lt-ie8 .statements-list .icon {
    margin-top: -8px;
    top: 50%;
    bottom: auto;
}
/* Table */
.table--width-auto {
    width: auto;
}

.tr--header {
    background-color: #a2ad00;
}

.tr--odd {
    background-color: #f7f7f7;
}

.tr--error {
    background-color: #c63812;
    color: #fff;
}

.tr--disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

table.table-allow-wrapping td {
    white-space: normal;
}

.table--amount-and-number-of-transactions {
    width: 50%;
}

table.no-bottom-border * {
    border-bottom: none;
}

th a {
    text-decoration: none
}

.sortable a {
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.sortable span {
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.sortable-asc span,
.sortable-desc span {
    display: block;
}


.sortable-asc,
.sortable-desc {
    background-color: #eee;
}

    .sortable-asc a,
    .sortable-desc a {
        display: block;
        padding-right: 20px;
    }

    .sortable-asc .icon,
    .sortable-desc .icon {
        margin-top: -2.5px;
        position: absolute;
        top: 50%;
        right: 0;
    }

    .sortable-asc a:hover .icon,
    .sortable-desc a:hover .icon {
        background-position: right 0;
    }

    .sortable-asc .thButton,
    .sortable-desc .thButton {
        position: relative;
        padding-right: 20px;
    }

.table-wrapper {
    margin-bottom: 10px;
    position: relative;
}

.table-content {
    display: inline-block;
    *display: inline;
    overflow-x: auto;
    position: relative;
    width: 100%;
}

.ie9 .table-content {
    display: inline-block;
}

.lt-ie8 .table-content {
    overflow: auto;
    overflow-x: scroll;
    position: relative;
}

    .lt-ie8 .table-content .tooltip {
        display: none !important;
    }

.table-content--fixed-height {
    overflow-x: auto;
    overflow-y: auto;
}

.table-content--fixed-height--md {
    max-height: 215px;
}


.table-content--fixed-height--lg {
    max-height: 540px;
}

.table-content--fixed-height--140 {
    overflow-x: auto;
    overflow-y: auto;
    height: 120px;
}

.table-content--fixed-height--650 {
    overflow-x: auto;
    overflow-y: auto;
    height: 650px;
}

.top-shadow {
    -webkit-box-shadow: inset 0px 10px 19px -8px #918791;
    -moz-box-shadow: inset 0px 10px 19px -8px #918791;
    box-shadow: inset 0px 10px 19px -8px #918791;
}

.vertical-overflow {
    overflow-y: auto;
    overflow-x: hidden;
}

.sticky-scroller {
    position: absolute;
    width: 49px;
    height: 53px;
    top: 0;
    z-index: 1000;
    background-size: contain;
}

.sticky-scroller--right {
    background: url(images/toparrws_R.png) no-repeat top center;
    right: -0px;
}

.sticky-scroller--left {
    background: url(images/toparrws_L.png) no-repeat top right;
    left: -0px;
    display: none;
}

.horizontalScroller {
    position: absolute;
    width: 32px;
    height: 100%;
    top: 0;
    background-color: #666666;
    z-index: 10000;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.horizontalScroller-left {
    left: -42px;
}

.horizontalScroller-right {
    right: 0px;
}

.horizontalScroller a {
    position: relative;
    display: block;
    top: 50%;
    width: 42px;
    height: 83px;
}

.horizontalScroller-right a {
    background-image: url(images/comp_grid_hz-animate_butt_R_100.png);
    right: 11px;
}

.horizontalScroller-left a {
    background-image: url(images/comp_grid_hz-animate_butt_L_100.png);
    left: 0px;
}


.stickyTable--top thead tr {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    position: absolute;
    top: 0;
    left: auto;
    width: 100%;
    z-index: 10;
}

.stickyTable--top thead th {
    border: none;
    white-space: nowrap;
}

.stickyTable {
    margin: 0;
}

.sticky-constrained th {
    background-color: #fff;
    position: absolute;
}

    .sticky-constrained th.sortable-asc,
    .sticky-constrained th.sortable-desc {
        background-color: #eee;
    }

.table-content--fixed-height .table-lg td {
    white-space: normal;
}

.checkbox-table {
    background-color: #fff;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    z-index: 10;
}

    .table-content--checkbox-table th:first-child,
    .table-content--checkbox-table td:first-child,
    .checkbox-table th,
    .checkbox-table td {
        height: 37px;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        vertical-align: top;
        width: 35px;
    }

        .table-content--checkbox-table th:first-child .checker,
        .table-content--checkbox-table td:first-child .checker,
        .checkbox-table .checker {
            margin: 0;
            position: relative;
            top: 8px;
            vertical-align: top;
        }

.table-lg {
    margin: 0;
}

    .table-lg th,
    .table-lg td {
        white-space: normal;
    }
    .table-lg td div.enrichmentLogoTextAlign {
        display: flex;
        align-items: center;
    }

.importtable {
    white-space: nowrap;
}

.table-lg .datepicker-wrapper {
    margin: 0;
}

.table-lg .datepicker-wrapper,
.table-lg .selectboxit-container {
    margin: 0;
}

.table-lg input[type="text"] {
    margin: 0;
    padding: 5px;
}

.table-lg .label2 {
    margin-bottom: 0;
}

.table-lg th.allow-wrap, td.allow-wrap, div.allow-wrap span.allow-wrap {
    white-space: normal;
}

.table-lg th {
    white-space: normal;
    padding: 5px 15px 5px 8px;
}

.table-lg td {
    white-space: normal;
    padding: 5px 15px 5px 8px;
    vertical-align: top;
}

.table-expand-trigger {
    background-image: url(images/icon-table-expand.png);
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    width: 20px;
}

.table-expand-trigger--expand {
    background-position: 0 0;
    top: 9px;
    right: -40px;
}

.table-expand-trigger--collapse {
    background-position: 100% 0;
    top: -20px;
    right: 0;
}

.cell--with-input {
    padding-top: 5px;
    padding-bottom: 5px;
}

.cell--with-select-box {
    padding-top: 5px;
    padding-bottom: 7px;
    vertical-align: top;
}

.cell--with-icon,
.row-radio {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: top;
}

.table-lg td.multiple-icon-cell {
    white-space: nowrap;
}

.row-radio .radio {
    margin: 0;
    position: relative;
    top: 8px;
    vertical-align: top;
}

table .radio-list-li {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    *zoom: 1;
}

table .text-align-right .radio-list-li {
    margin-left: 10px;
    margin-right: 0;
}

.tr--odd .radio span {
    background-image: url(images/uniform-radio-gray.png);
}

.table-actions {
    line-height: 25px;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .table-actions label {
        float: left;
        line-height: 38px;
        margin-right: 3px;
    }

.action-list {
    float: left;
}

.action-list--disabled {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.action-list__action {
    border: 1px solid #ddd;
    border-left: none;
    float: left;
}

    .action-list__action:first-child {
        border-left: 1px solid #ddd;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.action-list__action--last {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.action-list__action a {
    display: block;
    padding: 8px 16px;
}

.action-list__action img {
    display: block;
}

.action-list__action .action_img {
    display: block;
    height: 20px;
    width: 20px;
}

.td--checkbox {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 20px;
}

    .td--checkbox .checker {
        margin: 0;
    }

/* Table Filters */
.table-filters {
    border-bottom: 1px solid #e5e5e5;
}

.lt-ie8 .table-filters {
    padding-bottom: 20px;
}

.table-filters__left {
    float: left;
    line-height: 24px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.lt-ie8 .table-filters__left {
    margin-bottom: 0;
}

/* Table Responsive */
.table-responsive th {
    line-height: 1.2;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.table-responsive td {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.table-responsive .tr--error .button-simple {
    border-color: #91220c;
    color: #fff;
}

    .table-responsive .tr--error .button-simple:focus,
    .table-responsive .tr--error .button-simple:hover {
        background-color: #91220c;
    }

/* Table Transactions Results */
.transactions-results-details-row td {
    border: none;
    padding: 0;
}

.transactions-results-details .details {
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 10px 0;
}

.transactions-results-details .field {
    float: left;
}

.lt-ie8 .transactions-results-details .field {
    margin-bottom: 0;
}

.transactions-results-details .field input {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.trigger-transactions-results-details {
    cursor: pointer;
    position: relative;
}

.trigger-expand-collapse-all {
    display: inline-block;
    *display: inline;
    padding: 0 5px;
    *zoom: 1;
}

.trigger-transactions-results-details .trigger-expand-collapse {
    display: inline-block;
    *display: inline;
    padding: 0 5px;
    *zoom: 1;
}

.lt-ie8 .trigger-transactions-results-details .trigger-expand-collapse {
    position: relative;
    top: -5px;
}

.trigger-expand-collapse-all .icon-plus-minus,
.trigger-transactions-results-details .icon-plus-minus {
    background-image: url(images/icon-plus-minus.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    display: inline-block;
    *display: inline;
    height: 9px;
    margin: auto 0;
    width: 9px;
    *zoom: 1;
}

.trigger-expand-collapse-all:focus .icon-plus-minus,
.trigger-expand-collapse-all:hover .icon-plus-minus,
.trigger-transactions-results-details:focus .icon-plus-minus,
.trigger-transactions-results-details:hover .icon-plus-minus {
    background-position: 100% 100%;
}

.trigger-expand-collapse-all--is-collapsed .icon-plus-minus,
.trigger-transactions-results-details--is-collapsed .icon-plus-minus {
    background-position: 0 0;
}

.trigger-expand-collapse-all--is-collapsed:focus .icon-plus-minus,
.trigger-expand-collapse-all--is-collapsed:hover .icon-plus-minus,
.trigger-transactions-results-details--is-collapsed:focus .icon-plus-minus,
.trigger-transactions-results-details--is-collapsed:hover .icon-plus-minus {
    background-position: 100% 0;
}


/* Tabs */
.tabs-nav {
    border-bottom: 1px solid #e5e5e5;
}

    .tabs-nav ul {
        position: relative;
        bottom: -1px;
    }

    .tabs-nav li {
        float: left;
    }

        .tabs-nav li a {
            display: block;
            font-weight: bold;
            padding: 5px 20px;
            text-decoration: none;
        }

    .tabs-nav .current {
        border-width: 1px;
        border-style: solid;
        border-color: #E5E5E5 #E5E5E5 #FFF;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image: none;
        border-radius: 3px 3px 0px 0px;
        color: #666;
        padding: 4px 14px;
    }

    .tabs-nav button {
        border: none;
        background: #FFF;
        text-transform: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        padding: 4px 20px;
    }

div[role="tablist"] {
    position: relative;
    bottom: -1px;
}

.lt-ie9 .tabs-nav .current {
    position: relative;
    behavior: url(/[AppPath]/PIE/PIE.htc);
}

.tabs-accordion-content {
    padding: 30px 0 0;
}

.js .tabs-accordion-content {
    display: none;
}

.tabs-accordion-trigger {
    display: none;
}

button.btnAcntActivity {
    display: none;
}

/* Transactions */
.transactions a {
    text-decoration: none;
}

.transactions header {
    margin-bottom: 10px;
}

.transactions .filters {
    float: left;
}


.transactions .filter {
    float: left;
    line-height: 24px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.transactions .actions {
    float: right;
}

.transactions .action {
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0;
}

.transactions .item-list {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.transactions .item {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px;
}

.transactions .item-odd {
    background-color: #f7f7f7;
}

.transactions .main {
    font-size: 16px;
}

.transactions .details {
    border-top: 1px solid #e5e5e5;
    color: #444;
    font-size: 12px;
    margin-top: 10px;
    padding-top: 5px;
}

    .transactions .details b {
        color: #666;
    }

.transactions .details-section {
    float: left;
    margin-left: 4%;
    width: 22%;
}

    .transactions .details-section:first-child {
        margin-left: 0;
    }

.transactions .name {
    color: #333;
    margin-right: 5%;
    width: 70%;
}

.transactions .amount {
    width: 25%;
}

.transactions .details-section-quarter {
    width: 35%;
}

/* Transactions Results Filter */
.transactions-results-filter {
    border-bottom: 1px solid #eee;
    line-height: 24px;
    margin-bottom: 10px;
}

    .transactions-results-filter .table-actions {
        float: left;
        margin-bottom: 20px;
    }

.lt-ie8 .transactions-results-filter .table-actions {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.transactions-results-filter .table-actions .action-dropdown {
    display: none;
}

.transactions-results-filter .format-actions {
    float: right;
    line-height: 25px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}


/*list alternate color     */
.list-odd {
    color: blue;
}

.list-even {
    color: #666;
}

.popup-list {
    padding-left: 10px;
}

    .popup-list li {
        list-style-type: disc;
    }
/* Trigger */
.trigger--disabled {
    color: #666;
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/* Widths */
.width-19px {
    width: 19px;
}

input[type="text"].width-30px {
    width: 30px;
    margin-right: 10px;
}

    input[type='text'].width-30px.margin-0px {
        margin: 0;
    }

.width-30px {
    width: 30px;
}

.width-15px {
    width: 15px;
}

.width-25px {
    width: 25px;
}

.width-35px {
    width: 35px;
}

.width-45px {
    width: 45px;
}

.width-55px {
    width: 55px;
}

.width-65px {
    width: 65px;
}

.width-75px {
    width: 75px;
}

.width-85px {
    width: 85px;
}

.width-94px {
    width: 94px;
}

.width-95px {
    width: 95px;
}

.width-105px {
    width: 105px;
}

.width-115px {
    width: 115px;
}

.width-125px {
    width: 125px;
}

.width-135px {
    width: 135px;
}

.width-145px {
    width: 145px;
}

.width-155px {
    width: 155px;
}

.width-165px {
    width: 165px;
}

.width-175px {
    width: 175px;
}

.width-185px {
    width: 185px;
}

.width-195px {
    width: 195px;
}

.width-205px {
    width: 205px;
}

.width-215px {
    width: 215px;
}

.width-225px {
    width: 225px;
}

.width-235px {
    width: 235px;
}

.width-244px {
    width: 244px;
}

.width-246px {
    width: 246px;
}

.width-268px {
    width: 268px;
}

input[type=tel].width-268px {
    width: 278px;
}

.width-278px {
    width: 278px;
}

.width-298px {
    width: 298px;
}

.width-300px {
    width: 300px;
}

.width-20px {
    width: 20px;
}

.height-20px {
    height: 20px;
}

.notice-right-wrapper {
    width: 505px;
}

.notice-left-wrapper {
    width: 350px;
    float: left;
}

.width-526px {
    width: 526px;
}

.width-75 {
    width: 75%;
}

.width-100 {
    width: 100%;
}

.width-200px {
    width: 200px;
}

.width-499px {
    width: 499px;
}

.width-368px {
    width: 368px;
}

/* ==========================================================================
	Plugin Styles
========================================================================== */

/* ===== jQuery selectBoxIt ===== */

/* SelectBoxIt container */
.selectboxit-container {
    display: inline-block;
    *display: inline;
    line-height: 24px;
    position: relative;
    vertical-align: top;
    *zoom: 1;
}

.lt-ie8 .selectboxit-container {
    top: 2px;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
    font-size: 11px;
    font-weight: 600;
    /* Prevents text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

    .selectboxit-container .selectboxit.width-278px {
        min-width: 278px;
        max-width: 278px;
    }

    .selectboxit-container .selectboxit.width-128px {
        min-width: 128px;
        max-width: 128px;
    }

.selectboxit-container .width-278px {
    min-width: 278px;
    max-width: 278px;
}

.selectboxit-container .width-128px {
    min-width: 128px;
    max-width: 128px;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    display: block;
    height: 22px; /* Height of the drop down */
    line-height: 22px; /* Vertically positions the drop down text */
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
    outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
    zoom: 1;
}

/* Button Text */
.selectboxit-text {
    float: left;
    overflow: hidden;
    text-indent: 5px;
    text-overflow: ellipsis;
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
    cursor: pointer;
    display: none;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    text-align: left;
    min-width: 100%; /* Minimum Width of the dropdown list box options */
    *width: 100%;
    z-index: 9999999999999;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
    list-style-type: none;
    margin: 0;
    text-indent: 5px; /* Horizontal Positioning of the select box option text */
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
    font-weight: 700;
}

    /* Drop Down optgroup header hover psuedo class */
    .selectboxit-optgroup-header:hover {
        cursor: default;
    }

/* Drop Down down arrow container */
.selectboxit-arrow-container {
    position: absolute;
    right: 0;
    width: 30px;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    float: left;
    height: 100%;
    width: 18px;
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    visibility: visible !important;
    *zoom: 1 !important;
}

/* Theme */
.selectboxit-btn {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #e1e1e1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
    background-image: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f8f8f8, endColorstr=#e1e1e1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f8f8f8, endColorstr=#e1e1e1)";
    border: solid 1px #cecece;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    color: #666;
    cursor: default;
}

    .selectboxit-btn.selectboxit-enabled:focus {
        border-color: #999;
    }

.selectboxit-default-arrow {
    background: url(images/select-box-arrow.png) 50% 50% no-repeat;
    height: 100%;
    width: 100%;
}

.selectboxit-list {
    background-color: #fff;
    border: solid 1px #cecece;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

    .selectboxit-list .selectboxit-option-anchor {
        color: #666;
        text-decoration: none;
    }

    .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
        background-color: #002776;
        color: #fff;
    }

    .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
        background-color: #eee;
        color: #666;
    }

.error.selectboxit-container .select-box, .input-validation-error.selectboxit-container .select-box {
    border-color: #91220c !important;
}

.realtime.selectboxit-btn {
    background-color: lightyellow;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFE0), to(#FAFAD2));
    background-image: -webkit-linear-gradient(top, #FFFFE0, #FAFAD2);
    background-image: -moz-linear-gradient(top, #FFFFE0, #FAFAD2);
    background-image: -o-linear-gradient(top, #FFFFE0, #FAFAD2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFE0, endColorstr=#FAFAD2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFE0, endColorstr=#FAFAD2)";
    border: solid 1px #cecece;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    color: #666;
    cursor: default;
}

/* ===== Uniform ===== */

/* General settings */
.checker,
.radio {
    display: inline-block;
    *display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
    top: -1px;
    vertical-align: middle;
    zoom: 1;
}

    .checker input,
    .radio input {
        background: none;
        border: none;
        display: inline-block;
        *display: inline;
        margin: 0;
        filter: alpha(opacity=0);
        opacity: 0;
        padding: 0;
        *zoom: 1;
    }

        .checker input[disabled] {
            opacity: 0.3;
        }

        .checker input:focus,
        .radio input:focus {
            outline: 0;
        }

    /* Checkbox */
    .checker,
    .checker span,
    .checker input {
        height: 20px;
        width: 20px;
    }

.checker {
    position: relative;
}

    .checker span {
        background-image: url(images/uniform-checker.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        display: inline-block;
        *display: inline;
        text-align: center;
        *zoom: 1;
    }

        .checker span.checked {
            background-color: #a2ad00;
            background-position: 0 100%;
        }

    .checker input {
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .checker.focus, .checker:hover {
        border: 1px solid;
    }

.tr--disabled .checker.disabled span {
    filter: none;
    opacity: 1;
}


.checker.disabled span {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.tr--disabled .checker.disabled span {
    filter: none;
    opacity: 1;
}

/* Radio */
.radio,
.radio span,
.radio input {
    height: 20px;
    width: 20px;
}

    .radio span {
        background-image: url(images/uniform-radio.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        display: inline-block;
        *display: inline;
        text-align: center;
        *zoom: 1;
    }

        .radio span.checked {
            background-color: #a2ad00;
            background-position: 0 100%;
        }

    .radio input {
        text-align: center;
    }

    .radio.disabled span {
        filter: alpha(opacity=30);
        opacity: 0.3;
    }

.popinfo span {
    white-space: nowrap;
}

/* ===== jQuery UI ===== */

/* Base */
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    border: 0;
    font-size: 100%;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-widget-overlay {
    background-color: #666;
    height: 100%;
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border-color: #999;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #007ea2;
    font-weight: bold;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: #007ea2;
    border-color: #007ea2;
    color: #fff;
    font-weight: bold;
}

/* Datepicker */
.datepicker-wrapper {
    display: inline-block;
    *display: inline;
    margin-bottom: 5px;
    position: relative;
    *zoom: 1;
}

input.datepicker {
    padding-right: 29px;
}

.ui-datepicker-trigger {
    background-color: #fff;
    cursor: pointer;
    padding: 4px 6px;
    position: absolute;
    top: 1px;
    right: 1px;
}

.lt-ie8 .ui-datepicker-trigger {
    top: 3px;
}

.ui-datepicker {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    display: none;
    width: 15em;
}

    .ui-datepicker .ui-datepicker-header {
        font-weight: bold;
        position: relative;
    }

.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
    font-size: 16px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    text-decoration: none;
}

.ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-title {
    background: #e5e5e5;
    border-bottom: 1px solid #ccc;
    line-height: 20px;
    padding: 5px 10px;
    text-align: center;
}

.ui-datepicker table {
    border-bottom: none;
    border-collapse: collapse;
    margin: 0 0 1px;
    width: 100%;
}

.ui-datepicker th {
    border: 0;
    font-size: 10px;
    padding: .4em .2em;
    text-align: center;
    text-transform: uppercase;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

    .ui-datepicker td span,
    .ui-datepicker td a {
        border: 1px solid #e5e5e5;
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
    }

.ui-datepicker-buttonpane {
    padding: 2px 3px 4px;
    text-align: center;
}

    .ui-datepicker-buttonpane button {
        font-size: 10px;
        width: 100%;
    }

.ui-datepicker-close {
    display: none;
}

.ui-timepicker {
    box-sizing: inherit;
    width: 100px;
    height: 24px;
    padding-bottom: 1px;
    left: 295px;
    top: 88px;
    border: 1px solid #c7c7c7;
    font-family: Arial;
    font-size: inherit;
    margin-left: 5px;
}

/* Overrides */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    background-color: #c63812;
    border: 1px solid #91220c;
    color: #fff;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #fff;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    background-image: none;
    filter: alpha(opacity=35);
    opacity: 0.35;
}

/* ===== On/Off Switch ===== */
.td-on-off-switch {
    vertical-align: top;
    width: 90px;
}

.js .on-off-switch-checkbox {
    display: none;
}

.on-off-switch-wrapper {
    height: 23px;
    overflow: hidden;
    position: relative;
    width: 80px;
}

.on-off-switch {
    border: 1px solid #e4e3e3;
    cursor: pointer;
    display: inline-block;
    height: 21px;
    position: relative;
    width: 78px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .on-off-switch .text {
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        padding-top: 1px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        width: 40px;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
    }

    .on-off-switch .text-on {
        background-color: #a2ad00;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8e9700), to(#a1ac00));
        background-image: -webkit-linear-gradient(top, #8e9700, #a1ac00);
        background-image: -moz-linear-gradient(top, #8e9700, #a1ac00);
        background-image: -ms-linear-gradient(top, #8e9700, #a1ac00);
        background-image: -o-linear-gradient(top, #8e9700, #a1ac00);
        color: #fff;
        left: -40px;
    }

    .on-off-switch .text-off {
        background-color: #fff;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#fff));
        background-image: -webkit-linear-gradient(top, #f6f6f6, #fff);
        background-image: -moz-linear-gradient(top, #f6f6f6, #fff);
        background-image: -ms-linear-gradient(top, #f6f6f6, #fff);
        background-image: -o-linear-gradient(top, #f6f6f6, #fff);
        color: #666;
        right: 0;
    }

    .on-off-switch .toggle {
        background-color: #e6e6e6;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6);
        background-image: -moz-linear-gradient(top, #fbfbfb, #e6e6e6);
        background-image: -ms-linear-gradient(top, #fbfbfb, #e6e6e6);
        background-image: -o-linear-gradient(top, #fbfbfb, #e6e6e6);
        border: 1px solid #cecece;
        -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 1);
        -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 1);
        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 1);
        height: 21px;
        position: absolute;
        top: -1px;
        width: 38px;
        z-index: 50;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
    }

    .on-off-switch.on .toggle {
        left: 39px;
    }

    .on-off-switch.off .toggle {
        left: -1px;
    }

    .on-off-switch.on .text-on {
        left: 0;
    }

    .on-off-switch.off .text-on {
        left: -40px;
    }

    .on-off-switch.on .text-off {
        right: -40px;
    }

    .on-off-switch.off .text-off {
        right: 0;
    }


/* ===== Modal ===== */
.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    overflow-y: scroll;
    z-index: 1040;
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
    z-index: 1050;
}

.modal-dialog-top {
    top: 300px;
    margin: 10px;
    left: 40%;
    right: 0;
    position: absolute;
    width: auto;
    z-index: 1050;
}

.lt-ie9 .modal-dialog {
    margin: 30px auto;
    width: 600px;
}

.modal-content {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    position: relative;
}

.modal-backdrop {
    background-color: #000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 30px 15px;
    position: relative;
}

.modal-title {
    margin: 0;
    padding-right: 26px;
}

.modal-header .close {
    cursor: pointer;
    display: block;
    font-size: 30px;
    font-weight: bold;
    height: 18px;
    margin: auto 0;
    position: absolute;
    top: 4px;
    bottom: 0;
    right: 30px;
    text-decoration: none;
}

.lt-ie8 .modal-header .close {
    top: 18px;
    bottom: auto;
}

.modal-body {
    padding: 20px 20px 10px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        margin: 30px auto;
    }

    .modal-dialog-sm {
        width: 400px;
    }

    .modal-dialog-md {
        width: 600px;
    }

    .modal-dialog-md-642px {
        width: 642px;
    }

    .modal-dialog-lr {
        width: 720px;
    }

    .modal-dialog-lg {
        width: 70%;
    }

    th.noWrap {
        white-space: nowrap !important;
    }
}
/* block extended status beyond 4 entries*/
.column-limit-10 {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 6em;
    color: #666666;
}

/* ===== Tooltip ===== */
.tooltip {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    white-space: nowrap;
    visibility: visible;
    z-index: 2010;
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

.tooltip-inner {
    background-color: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: white;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    max-width: 200px;
}

.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
}

.tooltip.top .tooltip-arrow {
    border-top-color: black;
    border-width: 5px 5px 0;
    margin-left: -5px;
    bottom: 0;
    left: 50%;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: black;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 5px;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: black;
    border-width: 5px 5px 0;
    bottom: 0;
    right: 5px;
}

.tooltip.right .tooltip-arrow {
    border-right-color: black;
    border-width: 5px 5px 5px 0;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

.tooltip.left .tooltip-arrow {
    border-left-color: black;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    top: 50%;
    right: 0;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: black;
    border-width: 0 5px 5px;
    margin-left: -5px;
    top: 0;
    left: 50%;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: black;
    border-width: 0 5px 5px;
    top: 0;
    left: 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: black;
    border-width: 0 5px 5px;
    top: 0;
    right: 5px;
}


/* ===== Popover ===== */
.item-with-popover,
.item-with-img-popover {
    font-size: 12px;
    margin-left: 4px;
    position: relative;
    top: -1px;
}

.popover {
    background-color: white;
    background-clip: padding-box;
    border: 1px solid #e5e5e5;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 1px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    white-space: normal;
    max-width: 500px;
    z-index: 2000;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow, .popover .arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.popover .arrow {
    border-width: 11px;
}

    .popover .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top .arrow {
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    margin-left: -11px;
    bottom: -11px;
    left: 50%;
}

    .popover.top .arrow:after {
        border-bottom-width: 0;
        border-top-color: white;
        content: " ";
        margin-left: -10px;
        bottom: 1px;
    }

.popover.right .arrow {
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    margin-top: -11px;
    top: 50%;
    left: -11px;
}

    .popover.right .arrow:after {
        border-left-width: 0;
        border-right-color: white;
        content: " ";
        bottom: -10px;
        left: 1px;
    }

.popover.bottom .arrow {
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    margin-left: -11px;
    top: -11px;
    left: 50%;
}

    .popover.bottom .arrow:after {
        border-top-width: 0;
        border-bottom-color: white;
        content: " ";
        margin-left: -10px;
        top: 1px;
    }

.popover.left .arrow {
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
    margin-top: -11px;
    top: 50%;
    right: -11px;
}

    .popover.left .arrow:after {
        border-right-width: 0;
        border-left-color: white;
        content: " ";
        bottom: -10px;
        right: 1px;
    }

.item-with-popover-cap-one {
    cursor: pointer;
    line-height: 1;
    margin-left: 6px;
    position: relative;
    top: 4px;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(Images/icon-info.png);
}

.red-text {
    color: #ff0000;
}

/* ==========================================================================
	Helper Classes
========================================================================== */

.show-on-phone {
    display: none;
}

.show-on-tablet {
    display: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.starts-hidden {
    display: none;
}

.starts-open {
    display: block;
}

.starts-inlineopen {
    display: inline-block;
}

.with-gutters {
    margin-left: 10px;
    margin-right: 10px;
}

.with-form-gutters {
    margin-left: 10px;
    margin-right: 10px;
}

.img-responsive {
    height: auto;
    max-width: 100%;
}

.inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.field-background {
    background-color: #f7f7f7;
    padding: 6px 0 6px 0;
    margin: 0 0 12px 0;
}

.padding-left-20 {
    padding-left: 20px;
}

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

td.padding-left-right-16 {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 5px;
}

.width-20 {
    width: 20%;
}

.resize-none {
    resize: none;
}

.margin-left-27 {
    margin-left: 27px
}

/*this was inline in template - I moved to a class and removed inline code  - rc */
.preview-border-layout {
    border: 1px solid #e5e5e5;
    height: 40px;
    min-width: 200px;
    margin: 0;
    position: relative;
}

/*allows sprites to be called for image previews if one does not exist -rc*/
.preview-sprite-40 {
    background-image: url('../img/sprite-fileTypes.png');
    border: none;
    height: 40px;
    width: 40px;
    margin: 0;
    position: relative;
}


/* ==========================================================================
	Media Queries
========================================================================== */

@media only screen and (max-width: 959px) {
    /* Helper Classes */
    .show-on-mobile {
        display: block !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    /* Table */
    .table--amount-and-number-of-transactions {
        width: 100%;
    }
    /* Table */
    .stickyTable {
        display: none;
    }

    .notice-right-wrapper {
        width: 350px;
    }

    .notice-left-wrapper {
        width: 350px;
        float: left;
    }
    /* Transactions */
    .transactions .statement-cycle label,
    .transactions .download-format label {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Helper Classes */
    .show-on-tablet--block {
        display: block !important;
    }

    .show-on-tablet--inline {
        display: inline !important;
    }

    .hide-on-tablet {
        display: none !important;
    }

    .notice-right-wrapper, .notice-left-wrapper {
        width: 300px;
        font-size: 12px;
        float: left;
    }

    /* Form */
    .form .field-full-on-tablet {
        width: 193px;
    }

    /* Nav */
    .nav-main,
    .nav-main-lvl2 {
        font-size: 10px;
    }

    .nav-main-admin .nav-main-sub {
        width: 100%;
    }

    /* Start Expense Report */
    .start-expense-report input[type="text"] {
        width: 181px;
    }

    .start-expense-report select {
        width: 191px;
    }

    .start-expense-report .datepicker-wrapper {
        width: 193px;
    }

    .start-expense-report input.datepicker {
        width: 157px;
    }

    /* Transactions */
    .transactions .button-download {
        margin-top: 28px;
    }

    /* Transactions Results */
    .transactions-results-filter .format-actions {
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }
    /*Manage Accounts*/
    .manage-alert-div {
        width: 690px !important;
    }

    .heading-compress {
        max-width: 280px;
    }
}
/* iPad landscape */
@media only screen and (max-width: 767px) {
    /* Layouts */
    .l-site-header {
        padding-top: 10px;
    }

    .table--responsive-default .starts-hidden {
        display: none;
    }

    .notice-left-wrapper {
        width: 90%;
        float: left;
    }

    .l-divider-top {
        border-top: 1px solid #e5e5e5;
        padding-top: 5px;
    }

    .l-padding-top {
        padding-top: 10px;
    }

    .l-padding-bottom {
        padding-bottom: 10px;
    }

    .l-margin-fluid {
        float: none;
        margin: 0 auto 10px;
    }

    /* Helper Classes */
    .show-on-phone {
        display: block !important;
    }

    .hide-on-phone {
        display: none !important;
    }

    .with-gutters {
        margin-left: 0;
        margin-right: 0;
    }

    .notice-right-wrapper {
        float: left;
        width: 100%;
    }

    .sticky-scroller-container {
        display: none !important;
    }

    .opacity-on-mobile-menu-open {
        opacity: .1;
    }

    /* Bank Accounts */
    .bank-accounts .filters select {
        width: 298px;
    }

    .bank-accounts .item-content .item-column {
        float: none;
        padding-right: 0;
        width: auto;
    }

    .brand-link {
        background-image: url(images/logo-centresuite-mobile.png);
        background-size: contain;
        height: 24px;
    }

    /* Breadcrumbs */
    .breadcrumbs {
        display: none;
    }

    /* Buttons */
    .button-mobile-full {
        padding: 5px 10%;
        text-align: center;
        width: 80%;
    }

    .button-simple-mobile-full {
        padding: 5px 10%;
        width: 80%;
    }

    /* Dropdown */
    .dropdown-list {
        left: 0;
        right: auto;
    }

    .dropdown-account {
        float: right;
    }

        .dropdown-account .dropdown-list {
            left: auto;
            right: 0;
        }

    /* Emulation */
    .currently-emulating {
        padding-top: 61px;
    }

        .currently-emulating .message {
            display: block;
        }

    /* Expando */
    .expando--contained__content .account-selector__account .with-gutters,
    .expando--contained__content .account-selector__account .mobile-sort,
    .expando--contained__content .account-selector__unit .with-gutters,
    .expando--contained__content .account-selector__unit .mobile-sort {
        margin-left: 10px;
        margin-right: 10px;
    }

    /* Expenses Transactions */
    .expenses-transactions-summary .item {
        float: none;
        margin: 0 10px;
    }


    /* Form */
    .form .label2 {
        clear: both;
        margin-right: 0;
    }

    .form .field-half-on-phone {
        width: 130px;
    }

    .form .group-actions button {
        margin-bottom: 10px;
    }

    .form .group-actions .button {
        margin-bottom: 10px;
        text-align: center;
    }

    .form .field--on-off-switch {
        border-bottom: 1px solid #eee;
        padding-top: 15px;
    }

    .form .field .on-off-switch-wrapper {
        float: none;
    }

    .form .field .on-off-switch-content {
        float: none;
        margin-top: 10px;
        margin-left: 0;
    }

    /* Mobile Sort */
    .mobile-sort {
        line-height: 25px;
        margin-bottom: 10px;
    }

        .mobile-sort label {
            display: block;
        }

        .mobile-sort select {
            display: block;
        }

    /* Nav */
    .nav-main-mobile-toggle {
        background-image: url(images/icon-menu.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        height: 34px;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        text-indent: 100%;
        white-space: nowrap;
        width: 34px;
    }

    .open.nav-main-mobile-toggle {
        background-position: 100% 0;
    }

    .nav-main-wrapper .nav-main {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-bottom: none;
        font-size: 12px;
        position: absolute;
        top: 10px;
        left: -400px;
        width: 300px;
        z-index: 9999;
        font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    }

    .nav-main-sub {
        padding: 0;
        border: none;
    }

    .nav-main-admin .category-name, .nav-main-admin .nav-main-group {
        margin: 0;
    }

        .nav-main-wrapper .nav-main a, .nav-main-admin .nav-main-group .category-name {
            border: none;
            border-bottom: 1px solid #e5e5e5;
            display: block;
            font-size: 12px;
            line-height: 1.2;
            padding: 10px 20px;
            text-decoration: none;
            text-transform: uppercase;
        }

            .nav-main-wrapper .nav-main a:focus,
            .nav-main-wrapper .nav-main a:hover {
                background-color: #e5e5e5;
                color: #666;
            }

    .nav-main-lvl2 {
        padding: 0;
        border: none;
    }

    .nav-main-wrapper .nav-main a {
        padding: 10px 20px;
        font-size: 12px;
    }

    .nav-main .nav-main-lvl1 {
        float: none;
        font-weight: bold;
    }

    .nav-main .nav-main-sub, .nav-main-admin .nav-main-column {
        border: none;
        font-weight: normal;
        background: inherit;
        float: none;
        display: block;
        padding: 0;
        text-transform: uppercase;
    }

    .nav-main .nav-main-link, .nav-main .nav-main-sub-link {
        background: none;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        color: inherit;
        cursor: pointer;
    }

    .nav-main .nav-main-lvl2 a, .nav-main-admin .nav-main-group .category-name {
        padding-left: 40px;
        background: none;
        border-top: none;
    }

    .nav-main-wrapper div.nav-main-sub {
        position: relative;
        float: none;
        width: inherit;
        top: inherit;
        display: block;
    }

    .nav-main .nav-main-admin .nav-main-group .nav-main-lvl2 a {
        padding-left: 60px;
    }

    .nav-main-admin .nav-main-column-30, .nav-main-admin .nav-main-column-40 {
        width: inherit;
    }


    /* Pagination */
    .pagination-goto,
    .pagination-list {
        float: none;
        text-align: center;
    }

    /* Section Header */
    .section-header {
        text-align: center;
    }

        .section-header .heading {
            float: none;
        }

        .section-header .button-wrapper {
            float: none;
            margin-bottom: 15px;
        }

        .section-header .button {
            display: block;
            margin: 0 0 10px;
            text-align: center;
        }

    /* Table */
    .table-expand-trigger {
        display: none;
    }

    .stickyTable {
        display: none;
    }

    /* Table Responsive */
    .table-responsive,
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive tfoot,
    .table-responsive tr,
    .table-responsive td {
        display: block;
    }

    .ie9 .table-responsive,
    .ie9 .table-responsive thead,
    .ie9 .table-responsive tbody,
    .ie9 .table-responsive tfoot,
    .ie9 .table-responsive tr,
    .ie9 .table-responsive td {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        clear: both;
        float: left;
        width: 100%;
    }

    .table-responsive {
        width: 100%;
    }

        .table-responsive thead tr,
        .table-responsive th {
            display: none;
        }

        .table-responsive td {
            min-height: 16px;
        }

            .table-responsive td:before {
                content: attr(data-th);
                float: left;
                font-weight: bold;
                padding-right: 5%;
                white-space: normal;
                width: 45%;
            }

        .table-responsive .button-simple {
            display: block;
        }

        .table-responsive .button-simple-top {
            margin-bottom: 5px;
        }

    /* Table Responsive Default */
    .table--responsive-default,
    .table--responsive-default thead,
    .table--responsive-default tbody,
    .table--responsive-default tfoot,
    .table--responsive-default tr,
    .table--responsive-default td {
        display: block;
    }

    .ie9 .table--responsive-default,
    .ie9 .table--responsive-default thead,
    .ie9 .table--responsive-default tbody,
    .ie9 .table--responsive-default tfoot,
    .ie9 .table--responsive-default tr,
    .ie9 .table--responsive-default td {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        clear: both;
        float: left;
        width: 100%;
    }

    .table--responsive-default {
        width: 100%;
    }

        .table--responsive-default thead tr,
        .table--responsive-default th {
            display: none;
        }

        .table--responsive-default td {
            padding: 8px 16px;
            text-align: left;
        }

            .table--responsive-default td:before {
                content: attr(data-th);
                display: block;
                font-weight: bold;
                white-space: normal;
            }

    .table-content--checkbox-table .th--checkbox,
    .table-content--checkbox-table .td--checkbox,
    .table-content--radio-table .th--radio,
    .table-content--radio-table .td--radio {
        height: auto;
        padding: 10px 16px 9px;
        text-align: left;
        width: auto;
    }

    .table--responsive-default .cell--with-icon img {
        top: 0;
    }

    .table--responsive-alt,
    .table--responsive-alt thead,
    .table--responsive-alt tbody,
    .table--responsive-alt tfoot,
    .table--responsive-alt tr,
    .table--responsive-alt td {
        display: block;
    }

    .ie9 .table--responsive-alt,
    .ie9 .table--responsive-alt thead,
    .ie9 .table--responsive-alt tbody,
    .ie9 .table--responsive-alt tfoot,
    .ie9 .table--responsive-alt tr,
    .ie9 .table--responsive-alt td {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        clear: both;
        float: left;
        width: 100%;
    }

    .table--responsive-alt {
        width: 100%;
    }

        .table--responsive-alt td {
            text-align: left;
        }

            .table--responsive-alt td:first-child {
                font-weight: bold;
            }

            .table--responsive-alt td .radio-list-li {
                margin-left: 0;
                margin-right: 10px;
            }

    .checkbox-table,
    .radio-table {
        display: none;
    }

    .table-content--checkbox-table .th--checkbox .checker,
    .table-content--checkbox-table .td--checkbox .checker {
        top: 0;
    }

    /* Table Borderless */
    .table--borderless {
        margin-bottom: 20px;
    }

        .table--borderless tr {
            margin: 10px 0;
        }

        .table--borderless td {
            padding-bottom: 0;
            padding-top: 0;
        }

    /* Table Transactions Results */
    .transactions-results-details-row td {
        padding: 0;
    }

    .transactions-results-details .details {
        padding: 10px 15px 5px;
    }

    .transactions-results-details .field {
        margin: 0 0 5px;
    }

    .transactions-results-details input[type="text"],
    .transactions-results-details .listpicker {
        display: block;
    }

    /* Tabs */
    .tabs {
        margin-bottom: 20px;
    }

    .tabs-nav {
        display: none;
    }

    .tab-content {
        padding: 0;
    }

    .js .tab-content {
        display: block;
    }

    .tabs-accordion-trigger {
        border: 1px solid #e5e5e5;
        clear: both;
        display: block;
        margin-bottom: 10px;
        padding: 5px 20px;
        position: relative;
        text-decoration: none;
    }

    .current.tab-content .tabs-accordion-trigger {
        background-color: #f7f7f7;
    }

    .tabs-accordion-trigger .icon {
        margin-top: -2px;
        position: absolute;
        top: 50%;
        right: 20px;
    }

    .tabs-accordion-trigger:focus .icon,
    .tabs-accordion-trigger:hover .icon {
        background-position: 100% 0;
    }

    .tabs-accordion-content {
        padding-top: 0;
    }

    .js .tabs-accordion-content {
        display: none;
    }

    /* Transactions */
    .transactions .actions {
        float: none;
    }

    .transactions .action {
        float: none;
        margin-left: 0;
    }

    .transactions .button-download {
        clear: both;
        float: none;
    }

    .transactions .details-section {
        float: none;
        margin-left: 0;
        width: auto;
    }

    /* Transactions Results Filter */
    .transactions-results-filter {
        padding-bottom: 10px;
    }

        .transactions-results-filter label {
            display: block;
            float: none;
            line-height: 25px;
            margin: 0;
        }

        .transactions-results-filter .table-actions {
            float: none;
            margin-bottom: 10px;
            margin-right: 0;
        }

            .transactions-results-filter .table-actions .action-dropdown {
                display: block;
            }

            .transactions-results-filter .table-actions .action-list {
                display: none;
            }

        .transactions-results-filter .format-actions {
            float: none;
            margin-bottom: 10px;
            margin-left: 0;
            padding: 0;
        }

    /* Modal */
    .modal-header {
        border-bottom: 1px solid #e5e5e5;
        padding: 10px;
        position: relative;
    }

        .modal-header .close {
            top: 0;
            right: 10px;
        }

    .modal-body {
        padding: 10px 0;
        position: relative;
    }

    .modal-dialog .listpicker {
        display: block;
    }

    .search-for-form .label1 {
        display: block;
    }

    .search-for-form .input-box {
        display: block;
    }

    .search-for-form button.action {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    /* Popover */
    span.item-with-popover,
    span.item-with-img-popover {
        display: none;
    }

    .popover {
        display: none !important;
    }

    /* Tooltip */
    .tooltip {
        visibility: hidden;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Helper Classes */
    input[type="text"].full-on-mobile,
    textarea.full-on-mobile,
    .textarea-tools {
        display: block;
        width: 388px;
    }

    .notice-right-wrapper {
        float: left;
        width: 100%;
    }

    .log-out-link {
        margin-left: 12px;
    }

    .notice-left-wrapper {
        width: 90%;
        float: left;
    }

    select.full-on-mobile {
        display: block;
        width: 420px;
    }

    button.full-on-mobile {
        text-align: center;
        width: 400px;
    }

    .button.full-on-mobile {
        text-align: center;
        width: 358px;
    }

    /* block extended status beyond 4 entries*/
    .column-limit-10 {
        max-width: inherit;
    }

    /* selectboxit */
    .selectboxit-container .selectboxit.width-128px {
        min-width: 398px;
        max-width: 398px;
    }

    .selectboxit-container .selectboxit.width-278px {
        min-width: 398px;
        max-width: 398px;
    }

    .selectboxit-container .selectboxit.width-298px {
        max-width: 418px;
    }

    .selectboxit-container .width-128px {
        min-width: 398px;
        max-width: 398px;
    }

    .selectboxit-container .width-278px {
        min-width: 398px;
        max-width: 398px;
    }

    .selectboxit-container .width-298px {
        min-width: 418px;
        max-width: 418px;
    }

    /* Buttons */
    .button--inline {
        margin: 0;
        margin-top: 10px;
    }

    /* Expando */
    .expando--contained__content .account-selector__account select,
    .expando--contained__content .account-selector__account .selectboxit,
    .expando--contained__content .account-selector__unit select,
    .expando--contained__content .account-selector__unit .selectboxit,
    .expando--contained__content .full-on-mobile.selectboxit,
    .expando--contained__content .full-on-mobile.selectboxit {
        min-width: 376px;
        max-width: 376px;
    }

    .expando--contained__content .form .group-actions button {
        width: 378px;
    }

    .expando--contained__content .form .group-actions .button {
        width: 336px;
    }

    /* Expenses Transactions */
    .expenses-transactions-results-header select.width-128px,
    .expenses-transactions-results-header .selectboxit.width-128px {
        min-width: 378px;
        max-width: 378px;
    }

    /* Form */
    .form .group-actions button {
        width: 400px;
    }

    .form .group-actions .button {
        width: 356px;
    }

    .form .field-half {
        width: 190px;
    }

    .upload-receipts canvas {
        width: 376px;
    }

    .form-add-receipt.form input[type="text"] {
        width: 346px;
    }

    .form-add-receipt.form .group-actions button {
        width: 358px;
    }

    /* Table Responsive Default */
    .table--responsive-default input[type="text"] {
        margin-bottom: 5px;
        width: 356px;
    }
    /* added per defect 76779 - this sets text input size to default -overrides width: 356px on above line */
    .table-filter-input-wrapper input[type="text"] {
        width: 69px;
    }

    .table--responsive-default input.datepicker {
        margin-bottom: 5px;
        width: 332px;
    }

    .table--responsive-default select,
    .table--responsive-default .selectboxit {
        margin-bottom: 5px;
        min-width: 366px;
        max-width: 366px;
    }

    /* Transactions Results Filter */
    .transactions-results-filter select,
    .transactions-results-filter .selectboxit {
        min-width: 418px;
        max-width: 418px;
    }

    /* Widths */
    .width-94px {
        width: 154px;
    }

    .width-246px {
        width: 366px;
    }

    .width-268px {
        width: 388px;
    }

    /* Modal */
    .modal-dialog {
        margin: 10px auto;
        width: 420px;
    }

        .modal-dialog .width-244px {
            width: 386px;
        }

        .modal-dialog .width-526px {
            width: 386px;
        }

    .search-for-form .input-box {
        width: 386px;
    }

    .search-for-form button.action {
        width: 398px;
    }

    .allocate-transactions-modal input[type="text"] {
        display: block;
        width: 386px;
    }
}

@media only screen and (max-width: 479px) {
    /* Layouts */
    .width-200px {
        width: 300px;
    }

    .notice-right-wrapper {
        float: left;
        width: 100%;
    }

    .log-out-link {
        margin-left: 10px;
    }

    .notice-left-wrapper {
        width: 86%;
        font-size: 12px;
    }
    /* Helper Classes */
    input[type="text"].full-on-mobile,
    textarea.full-on-mobile,
    .textarea-tools {
        display: block;
        width: 268px;
    }

    select.full-on-mobile {
        display: block;
        width: 300px;
    }

    button.full-on-mobile {
        text-align: center;
        width: 280px;
    }

    .button.full-on-mobile {
        text-align: center;
        width: 238px;
    }

    input.border-none {
        border: 0 !important;
        box-shadow: none !important;
    }
    /* selectboxit */
    .selectboxit-container .selectboxit.width-128px {
        min-width: 278px;
        max-width: 278px;
    }
    /* block extended status beyond 4 entries*/
    .column-limit-10 {
        max-width: inherit;
    }
    /* Bank Accounts */
    .bank-accounts .account-nickname {
        margin-bottom: 5px;
    }

    .bank-accounts .item-column {
        float: none;
        padding-right: 0;
        width: auto;
    }

        .bank-accounts .item-column.actions {
            padding-right: 0;
            width: auto;
        }

            .bank-accounts .item-column.actions a {
                display: block;
                float: left;
                width: 83px;
            }

                .bank-accounts .item-column.actions a:first-child {
                    margin-right: 10px;
                }

    /* Buttons */
    .button--inline {
        margin: 0;
        margin-top: 10px;
    }

    /* Expando */
    .expando--contained__content .account-selector__account select,
    .expando--contained__content .account-selector__account .selectboxit,
    .expando--contained__content .account-selector__unit select,
    .expando--contained__content .account-selector__unit .selectboxit,
    .expando--contained__content .full-on-mobile.selectboxit,
    .expando--contained__content .full-on-mobile.selectboxit {
        min-width: 256px;
        max-width: 256px;
    }

    .expando--contained__content .form .group-actions button {
        width: 258px;
    }

    .expando--contained__content .form .group-actions .button {
        width: 216px;
    }

    /* Expenses Transactions */
    .expenses-transactions-results-header select.width-128px,
    .expenses-transactions-results-header .selectboxit.width-128px {
        min-width: 258px;
        max-width: 258px;
    }

    /* Form */
    .form .group-actions button {
        width: 280px;
    }

    .form .group-actions .button {
        width: 238px;
    }

    .upload-receipts canvas {
        width: 238px;
    }

    .field--number-of-splits {
        clear: both;
    }

        .field--number-of-splits input[type="text"] {
            width: 199px;
        }

    .field--filter-search-results-by .radio-list-li {
        clear: both;
    }

    .form-add-receipt.form input[type="text"] {
        width: 226px;
    }

    .form-add-receipt.form .group-actions button {
        width: 238px;
    }

    /* Search Account */
    .search-account select {
        display: block;
        width: 100%;
    }

    .search-account .selectBox {
        margin-bottom: 5px;
    }

    /* Table Filters */
    .table-filters {
        padding-bottom: 10px;
    }

    .table-filters__left {
        float: none;
        margin-bottom: 10px;
        margin-right: 0;
    }

        .table-filters__left label {
            display: block;
        }

        .table-filters__left select,
        .table-filters__left .selectboxit {
            display: block;
            min-width: 300px;
            max-width: 300px;
        }

    /* Table Responsive Default */
    .table--responsive-default input {
        margin-bottom: 5px;
        width: 236px;
    }

        .table--responsive-default input.datepicker {
            margin-bottom: 5px;
            width: 212px;
        }

    .table--responsive-default select,
    .table--responsive-default .selectboxit {
        margin-bottom: 5px;
        min-width: 246px;
        max-width: 246px;
    }

    /* Transactions */
    .transactions .statement-cycle {
        display: block;
        float: none;
        margin-bottom: 5px;
        margin-right: 0;
    }

    .transactions .download-format {
        display: block;
        float: none;
        margin-bottom: 15px;
    }

    .transactions .button-download {
        text-align: center;
        width: 100%;
    }

    /* Transactions Results Filter */
    .transactions-results-filter select,
    .transactions-results-filter .selectboxit {
        min-width: 298px;
        max-width: 298px;
    }

    /* Widths */
    .width-246px {
        width: 246px;
    }

    /* Modal */
    .modal-dialog {
        margin: 10px auto;
        width: 320px;
    }

        .modal-dialog .width-268px,
        .modal-dialog .width-526px {
            width: 286px;
        }

        .modal-dialog .group-actions button {
            width: 298px;
        }

        .modal-dialog .group-actions .button {
            width: 256px;
        }

        .modal-dialog .selectboxit-container .selectboxit.width-278px {
            min-width: 296px;
            max-width: 296px;
        }

    .search-for-form .input-box {
        width: 286px;
    }

    .search-for-form button.action {
        width: 298px;
    }

    .allocate-transactions-modal input[type="text"] {
        display: block;
        width: 288px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    .dropdown-messages .dropdown-trigger {
        background-image: url(images/envelope@2x.png);
        background-size: 25px 22px;
    }

    .dropdown-messages-bank .dropdown-trigger {
        background-image: url(images/bank@2x.png);
        background-size: 25px 22px;
    }

    .nav-main-mobile-toggle {
        background-image: url(images/icon-menu@2x.png);
        background-size: 68px 34px;
    }
}

.errorText {
    color: #ff0000;
    font-weight: bold;
}

/* Hierarchy */
.hierarchy ul ul {
    padding-left: 20px;
}

.hierarchy ul li {
    background-image: url(images/hierarchy-link.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.hierarchy__parent {
    font-weight: bold;
}

.cell--with-icon,
.row-radio {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: top;
}

    .cell--with-icon img {
        display: inline-block;
        *display: inline;
        max-height: 20px;
        position: relative;
        top: 8px;
        max-width: 20px;
        *zoom: 1;
    }

.hierarchy_icon {
    background-image: url(images/icon-hierarchy.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.header-button {
    font-size: 0;
    color: transparent;
    background-image: url(images/logout-icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 55px;
    height: 40px;
    position: relative;
    z-index: 300;
}

.header-button-count {
    background-color: #007ea3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
    padding: 1px 4px;
    position: absolute;
    bottom: 3px;
    left: 7px;
}

.header-button-corp {
    background-image: url(images/envelope.png);
}

.header-button-bank {
    background-image: url(images/bank.png);
}

.header-button-logout, .header-button-logout:hover {
    background-color: transparent;
    background: url(images/logout-icon.png) no-repeat center;
    border: none;
    box-shadow: none;
}

.verisign-container {
    float: right;
    margin: 1.12em 0;
}

    .verisign-container td {
        width: 135px;
        align-content: center;
        vertical-align: top;
    }

        .verisign-container td a {
            color: #000000;
            text-decoration: none;
            font: bold 7px verdana,sans-serif;
            letter-spacing: .5px;
            text-align: center;
            margin: 0px;
            padding: 0px;
        }

.transaction-action-button {
    background: transparent url(images/icon-account-access-account.png) no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    border: 0;
}

.transaction-action-button-dispute-partial {
    background: transparent url(images/icon-account-access-account-dispute-partial.png) no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    border: 0;
}

.transaction-action-button-dispute {
    background: transparent url(images/icon-account-access-account-dispute.png) no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    border: 0;
}

.receipts-overflow {
    width: 800px;
}

#contactAlertPopup {
    position: absolute;
    background-color: white;
    border: 10px solid #CCC;
    padding: 10px;
    z-index: 1001;
    margin: 10px 0;
}

.columnSelector {
    position: absolute;
    background-color: white;
    border: 10px solid #CCC;
    padding: 10px;
    z-index: 1001;
    margin: 10px 0;
}

    .columnSelector label {
        display: block;
    }

.textboxbordernone {
    border: 0px !important;
}

.button-icon-download {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('images/icon-download.png');
    cursor: pointer;
    display: inline-block;
}

.button-icon-magnifying {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('images/icon-magnifying-glass.png');
    cursor: pointer;
    display: inline-block;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.height-1em {
    height: 1em;
}

.height-3em {
    height: 3em;
}

.padding-left-25 {
    padding-left: 25px;
}
/* Viewer */
.viewer__actions .button {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}

.viewer__note {
    float: left;
    margin-bottom: 10px;
    padding-top: 3px;
}

.viewer__box {
    border: 1px solid #eee;
    font-size: 10px;
    height: auto;
    overflow: auto;
    margin-bottom: 20px;
}

.modalCollapse {
    visibility: collapse;
}

.overflow-hidden {
    overflow: hidden;
}

.tdcautionvalign {
    vertical-align: middle;
}

.tdcautionvalignwidth {
    vertical-align: middle;
    width: 95%;
}

.zindex-99999 {
    z-index: 99999;
}

.zindex-9999999 {
    z-index: 9999999;
}

.ui-cursor-state-default {
    cursor: default;
}

.currently-emulating .stuck .sticky-scroller, .currently-emulating .stuck .sticky-constrained {
    margin-top: 40px;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

.highlight {
    outline: thin solid #91220c;
}

.icon-image {
    text-indent: 10px;
}

.icon-15 {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

/* Table Filters */
.table-filters {
    border-bottom: 1px solid #e5e5e5;
}

.lt-ie8 .table-filters {
    padding-bottom: 20px;
}

.table-filters__left {
    float: left;
    line-height: 24px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.lt-ie8 .table-filters__left {
    margin-bottom: 0;
}

.tr-table-filters {
    background-color: #eee;
}

    .tr-table-filters td {
        border-bottom-color: #e7e7e7;
    }

.table-filter-input-wrapper {
    display: inline-block;
    *display: inline;
    position: relative;
    width: 100px;
    *zoom: 1;
}

    .table-filter-input-wrapper input[type="text"] {
        border-color: #e7e7e7;
        display: block;
        padding-right: 24px;
        width: 69px;
    }

    .table-filter-input-wrapper .toggle {
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
    }

        .table-filter-input-wrapper .toggle img {
            display: block;
        }

/* Preview Toggle */
.preview-toggle.field {
    margin-bottom: 20px;
}

    .preview-toggle.field a {
        padding-right: 15px;
        position: relative;
        text-decoration: none;
    }

    .preview-toggle.field .icon {
        position: absolute;
        top: 7px;
        right: 0;
    }

.preview-toggle a:focus .icon-arrow-down,
.preview-toggle a:hover .icon-arrow-down,
.preview-toggle a:focus .icon-arrow-up,
.preview-toggle a:hover .icon-arrow-up {
    background-position: 100% 0; 
}


/* ===== jQuery MiniColors ===== */
.minicolors {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.minicolors-focus {
    z-index: 2;
}

.minicolors-theme-default.minicolors .minicolors-input {
    outline: none;
    vertical-align: middle;
}

.minicolors-theme-default.minicolors-swatch-left .minicolors-input {
    margin-left: -1px;
    margin-right: auto;
}

.minicolors-theme-default.minicolors-focus .minicolors-input,
.minicolors-theme-default.minicolors-focus .minicolors-swatch {
    border-color: #ccc;
}

.minicolors-hidden {
    left: -9999em;
    position: absolute;
}

.minicolors-swatch {
    background: url(Images/jquery.minicolors.png) -80px 0;
    border: 1px solid #e7e7e7;
    display: block;
    height: 19px;
    position: absolute;
    right: 2px;
    text-align: left;
    top: 2px;
    vertical-align: middle;
    width: 19px;
}

    .minicolors-swatch span {
        background: none;
        display: inline-block;
        height: 100%;
        position: absolute;
        width: 100%;
    }

/* Panel */
.minicolors-panel {
    background: white;
    border: solid 1px #ccc;
    box-shadow: 0 0 5px rgba(33, 33, 33, .2);
    display: none;
    height: 152px;
    position: absolute;
    width: 173px;
}

.minicolors-position-top .minicolors-panel {
    top: -158px;
}

.minicolors-position-bottom .minicolors-panel {
    bottom: -153px;
}

.minicolors-position-left .minicolors-panel {
    left: -83px;
}

.minicolors-position-right .minicolors-panel {
    right: 0;
}

.minicolors-with-opacity .minicolors-panel {
    width: 194px;
}

.minicolors-position-left.minicolors-with-opacity .minicolors-panel {
    left: -104px;
}

.minicolors .minicolors-grid {
    background: url(Images/jquery.minicolors.png) -120px 0;
    cursor: crosshair;
    height: 150px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 150px;
}

.minicolors .minicolors-grid-inner {
    background: none;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
}

.minicolors-slider-saturation .minicolors-grid {
    background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
    background: url(Images/jquery.minicolors.png) -270px 0;
}

.minicolors-slider-brightness .minicolors-grid {
    background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
    background: black;
}

.minicolors-slider-wheel .minicolors-grid {
    background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
    background: white url(Images/jquery.minicolors.png) 0 0;
    cursor: crosshair;
    height: 150px;
    left: 152px;
    position: absolute;
    top: 1px;
    width: 20px;
}

.minicolors-slider-saturation .minicolors-slider {
    background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-opacity-slider {
    background-position: -40px 0;
    display: none;
    left: 173px;
}

.minicolors-with-opacity .minicolors-opacity-slider {
    display: block;
}

/* Pickers */
.minicolors-grid .minicolors-picker {
    background: none;
    border-radius: 10px;
    border: solid 1px #000;
    height: 10px;
    left: 70px;
    margin-left: -6px;
    margin-top: -6px;
    position: absolute;
    top: 70px;
    width: 10px;
}

.lt-ie9 .minicolors-grid .minicolors-picker {
    behavior: url(PIE-1.0.0/PIE.htc);
    position: relative;
}

.minicolors-grid .minicolors-picker span {
    border-radius: 6px;
    border: solid 2px white;
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
}

.lt-ie9 .minicolors-grid .minicolors-picker span {
    behavior: url(PIE-1.0.0/PIE.htc);
    position: relative;
}

.minicolors-picker {
    background: white;
    border: solid 1px #000;
    height: 2px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 0;
    width: 18px;
}

/* Inline controls */
.minicolors-inline .minicolors-input,
.minicolors-inline .minicolors-swatch {
    display: none;
}

.minicolors-inline .minicolors-panel {
    display: inline-block;
    left: auto;
    position: relative;
    top: auto;
}

.cell--message-text {
    white-space: normal;
    width: 400px;
    word-wrap: break-word;
}

td.noWrap {
    white-space: nowrap;
}

/* Filter Pull-Down*/
.filterSelector {
    position: absolute;
    background-color: white;
    border: 10px solid #CCC;
    padding: 10px;
    z-index: 1001;
}

    .filterSelector label {
        display: block;
    }
/* add through collaboration Sean and Roy 07-06-15 for defect 65381 */
.form .label-vert {
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    width: 20px;
    position: absolute;
    top: 200px;
    left: 6px;
}
/* end */

.validationError {
    border: solid 1px red;
}

.btnpopup {
    margin-left: 200px;
}

div.uploader {
    background-position: 0 -297px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    div.uploader span.action {
        background-position: right -409px;
        text-align: center;
        float: left;
        display: inline;
        overflow: hidden;
        cursor: pointer;
    }

    div.uploader span.filename {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        cursor: default;
        height: 24px;
        margin: 2px 0 2px 2px;
        line-height: 24px;
        padding: 0 10px;
    }

    div.uploader input {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        cursor: default;
        width: 100%;
        height: 100%;
    }

/*Upload Modal, Canvas Preview Style*/
.preview-upload canvas {
    display: block;
    overflow: auto;
    border: 0px solid #e5e5e5;
    margin-top: -50%;
    position: relative;
}

.preview-upload {
    overflow: hidden;
    max-height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: 20px;
}

.preview-upload-wrapper {
    min-height: 80px;
    margin: 20px 20px 0px;
    position: relative;
    border: 1px solid #e5e5e5;
}

.cancel-pic {
    cursor: pointer;
    position: absolute;
    padding: 10px 10px 0 0;
    right: 0;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

    .cancel-pic:hover {
        opacity: .8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

#icon-cancel-pic {
    background-image: url(images/icon-delete-pic@2x.png);
}

.preview-descripton-upload {
    min-width: 80px;
    margin: 10px 10px 20px;
    border-bottom: 1px solid #e5e5e5;
}

.spinDiv1 {
    display: block;
    top: 50%;
    left: 50%;
    border: solid 1px red;
    background-color: yellow;
}

.label1-preview-desc {
    text-align: right;
    clear: both;
    margin-right: 15px;
}

.preview-upload-alt-wrapper {
    background-color: #ddd;
    background: repeating-linear-gradient( -55deg, #ccc, #ccc 10px, #ddd 10px, #ddd 20px );
    min-height: 80px;
    margin: 20px 20px 20px;
    position: relative;
    border: 1px solid #e5e5e5;
}

.preview-upload-alt-icon-filetype {
    background-repeat: no-repeat;
    background-position: center;
    min-height: 40px;
    min-width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sprite-filetypes {
    background-image: url(images/sprite-filetypes.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sprite-icon-file-gif {
    background-image: url(images/sprite-filetypes.png);
    width: 40px;
    height: 40px;
    background-position: -5px -5px;
}

.sprite-icon-file-jpg {
    background-image: url(images/sprite-filetypes.png);
    width: 40px;
    height: 40px;
    background-position: -55px -5px;
}

.sprite-icon-file-pdf {
    background-image: url(images/sprite-filetypes.png);
    width: 40px;
    height: 40px;
    background-position: -105px -5px;
}

.sprite-icon-file-png {
    background-image: url(images/sprite-filetypes.png);
    width: 40px;
    height: 40px;
    background-position: -155px -5px;
}

.sprite-icon-file-tif .sprite-icon-file-tiff {
    background-image: url(images/sprite-filetypes.png);
    width: 40px;
    height: 40px;
    background-position: -205px -5px;
}

.sprite-icon-file-x {
    background-image: url(images/sprite-filetypes.png);
    width: 40px;
    height: 40px;
    background-position: -255px -5px;
}

.sprite-icon-file-error {
    background-image: url(images/sprite-filetypes.png);
    width: 50px;
    height: 50px;
    background-position: -255px -5px;
}

/* ===== Icon-Background ===== */
.icon-background-40 {
    background-size: contain;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    line-height: 35px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

    .icon-background-40:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

#icon-camera-40 {
    background-image: url(images/icon-camera@2x.png);
}

#icon-upload-40 {
    background-image: url(images/icon-upload-file@2x.png);
}

.icon-background--40-label {
    display: inline-block;
    padding-left: 60px;
}

.icon-background {
    background-size: contain;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    padding-right: 30px;
    line-height: 35px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

    .icon-background:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

#icon-view {
    background-image: url(images/icon-view.png);
}

#icon-camera {
    background-image: url(images/icon-camera-reverse.png);
}

#icon-activate-card {
    background-image: url(images/icon-activate-card.png);
}

#icon-loststolen-card {
    background-image: url(Images/icon-loststolen-card.png);
}

#icon-maintain {
    background-image: url(images/icon-receipt-reverse.png);
}

#icon-suspend {
    background-image: url(images/icon-suspend-reverse.png);
}

#icon-unsuspend {
    background-image: url(images/icon-unsuspend-reverse.png);
}

#icon-instant-account {
    background-image: url(images/icon-instant-account.png);
}

.arrow-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 150px 0 150px;
    border-color: #e5e5e5 transparent transparent transparent;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    position: relative;
    z-index: 3;
}

.z-index-auto {
    z-index: auto;
}

.maxReceiptWidth {
    max-width: 645px
}

.fullReceiptWidth {
    width: 100%
}

.breakWordWrapping {
    word-wrap: break-word;
}

.list-circle li {
    list-style-type: circle;
}

.hidden-content {
    display: none;
    margin-bottom: 5px;
}

.statement-box ul li a.ltgray {
    color: #ddd;
}

    .statement-box ul li a.ltgray:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

.max-height-500 {
    max-height: 500px;
}

.overflow-auto-scroll {
    overflow: auto;
}

.broadcast-preview-window {
    width: 400px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    z-index: 1;
}


/* Reports Dashboard */

.statement-box-reports {
    width: 100%;
    white-space: nowrap;
}
/* spacing between show / hide graphs filter */
.alignCheckInput {
    padding-bottom: 4px;
}
/* drag and drop containers */
#sortable {
    list-style-type: none;
    margin: 5px;
    padding: 0;
    width: 100%;
}

    #sortable > li {
        margin: 6px 6px 6px 6px;
        float: left;
        width: 31%;
    }

.DDcursor {
    cursor: move;
}
/* style for monthly glance report boxes */
.shortReport {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    vertical-align: bottom;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    border-right: 2px solid #ccc;
}

    .shortReport:hover {
        text-decoration: none;
    }

    .shortReport a {
        text-decoration: none;
    }
/* report container styles */
.DDcontainer {
    border: 1px solid #bbb;
    padding: 6px;
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
    background-color: #fff;
    width: 33%;
    max-height: 550px;
    min-height: 550px;
}

.background {
    opacity: 0.4;
}

/* date range styling in each container */
.range-bg {
    background-color: #fff;
    padding: 6px 9px 0px 9px;
    border: 1px solid #ccc;
}

.highcharts-container {
    width: 100% !important;
    height: 100% !important;
}

/* bootstrap typeahead*/
.tt-input,
.tt-hint {
    height: 15px;
    width: 172px;
    padding: 8px 12px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-input {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
    top: 2px !important;
    left: 2px !important;
}

.tt-menu {
    width: 200px;
    margin-top: 8px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }

.priority-message-popup {
    white-space: pre-wrap;
}

.text-align-inherit {
    text-align: inherit !important;
}

.footer-initial-position {
    position: static;
}

.label-color-wcag {
    color: #3798B9 !important;
}

.no-content > span {
    display: none;
}

.spanforlabel {
    margin-bottom: 5px;
    display: block;
}

.smallerfont {
    font-size: 15px;
    line-height: 1.4;
}

.h3forh4 {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.legendwithinfoicon {
    float: left;
    position: relative;
    left: 10px;
    margin-right: 13px;
}

.remove-background-image {
    background-image: none;
    opacity: 0;
}

.brand-bannertext-h3 {
    color: #11568c;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Helvetica', 'Arial', sans-serif;
    text-transform: none;
    font-weight: 400;
}

.table-actions-span {
    float: left;
    line-height: 38px;
    margin-right: 3px;
}

div[role='main'] .unit-important-message {
    color: #ff0000;
    width: 100%;
}

.h1forh2 {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 10px;
}

td[data-th=Actions] a {
    display: inline-block;
}

.tt-input {
    box-sizing: border-box;
    border: 1px solid #c7c7c7;
    background: none;
    padding: 5px;
    width: 278px;
    height: 24px;
    border-radius: 0;
}

    .tt-input.input-validation-error {
        border-color: #c63812;
    }

.tt-menu {
    width: 300px;
}

.h2forh3 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 8px;
}

.td--checkbox--label2 {
    margin-bottom: 5px;
    margin-right: 20px;
}

.font-small {
    font-size: 11px;
    color: #7d7d7d;
    padding-left: 22px;
    white-space: nowrap;
}

.no-outline:focus {
    outline: 0;
}

.margin-bottom-8px {
    margin-bottom: 8px;
}

a.otp-choice {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: black;
}

    a.otp-choice:hover {
        background-color: #e5e5e5;
    }

    a.otp-choice .otp-choice-contact {
        font-weight: bold;
    }

    a.otp-choice .otp-sms {
        padding-left: 30px;
        background: url('images/icon-sms.png') no-repeat left center;
    }

    a.otp-choice .otp-email {
        padding-left: 30px;
        background: url('images/envelope.png') no-repeat left center;
    }

.border-bottom-0px {
    border-bottom: 0;
}

.font-size-14px {
    font-size: 14px;
}

.font-weight-bold {
    font-weight: bold;
}

.div-table {
    display: table;
    width: 100%;
}

.div-table-row {
    display: table-row
}

.div-table-cell {
    display: table-cell;
    border-bottom: 1px solid #f0f0f0;
    line-height: 20px;
    padding: 8px 16px;
    text-align: left;
}

.border-none {
    border: 0px;
}

.group.cf a.button-smaller.button:focus {
    border: 1px solid;
}

/* Product Support */
.productsupport table {
    width: auto;
}

    .productsupport table td.supportemail {
        width: 100px;
    }

.manage-accounts .account-status .current-status {
    padding: 0px;
}

.js-logout.linkLogOut:focus, .js-logout.linkLogOut:hover {
    border: 1px solid;
}

.info-icon-trans-activity {
    cursor: pointer;
    position: absolute;
    bottom: auto;
    margin-left: 2px;
}

.h2forh4 {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 5px;
}

/* footer links tooltip on keyboard focus and mouse hover start*/
.footer-info li a {
    position: relative;
    z-index: 24;
    text-decoration: none
}

    .footer-info li a:hover, .footer-info li a:focus {
        z-index: 25;
    }

    .footer-info li a span {
        position: absolute;
        left: -9000px;
        width: 0;
        overflow: hidden
    }

    .footer-info li a:hover span, .footer-info li a:focus span {
        display: block;
        position: absolute;
        top: 1em;
        left: 1em;
        width: 10em;
        border: 1px solid #0cf;
        background-color: #cff;
        color: #000;
        text-align: center
    }
/* footer links tooltip on keyboard focus and mouse hover end*/
DIV.mfatable {
    display: table;
}

FORM.tr, DIV.tr {
    display: table-row;
}

DIV.td {
    display: table-cell;
}

button.link {
    margin: 0;
    padding: 0;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    border: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    font-weight: inherit;
}

button.text {
    text-decoration: underline;
    color: #3798B9;
}

button.detailsImg {
    background-image: url("Images/icon-details.png");
    margin-top: 8px;
    max-width: 20px;
    min-width: 20px;
    max-height: 20px;
    min-height: 20px;
}

#uploadAccountFields {
    max-width: 265px;
}

button.lnkButtonPadding {
    padding-top: 13px;
    padding-left: 10px;
}

#dvErrorMessage.validationMessage {
    max-height: 80px;
    overflow-y: auto;
}

button.actualTextLink {
    font-size: 14px;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    text-transform: none;
}

button.detailsLink {
    font-size: 12px;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    background: transparent;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    padding: 5px 20px;
    outline: none;
    line-height: 20px;
    border-radius: 0;
}

.massAccountFileUploadLbl {
    text-decoration: none;
    color: #b1b1b1;
    padding-top: 10px;
    font-size: 12px;
    text-transform: none;
}

ul.section_list {
    margin: 0px 0px;
    padding: 0px 0px;
}

    ul.section_list li {
        list-style-type: none;
        margin: 0px 15px;
        padding: 15px 2px;
        background: transparent;
        position: relative;
    }

        ul.section_list li button.text {
            color: #b1b1b1;
            font-size: 16px;
            text-decoration: none;
        }

        ul.section_list li.currentlist button.text {
            color: #A2AD00;
            font-size: 16px;
            text-decoration: none;
        }

        ul.section_list li .number {
            display: inline-block;
            height: 20px;
            line-height: 20px;
            margin-right: 10px;
            text-align: center;
            width: 20px;
            color: #B1B1B1;
            font-size: 14px;
            border: 1px #E1E1E1 solid;
            border-radius: 50% 50%;
        }

        ul.section_list li.currentlist .number {
            color: #A2AD00;
            border: 1px #A2AD00 solid;
        }

        ul.section_list li:first-child:before {
            content: " ";
            height: 28px;
            position: absolute;
            border: 1px #B3B3B3 dashed;
            left: 12px;
            top: 36px;
        }

.margin-left-2px {
    margin-left: 2px;
}