button, html, input, select, textarea {
    font-family: Ubuntu,"Helvetica Neue",sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: .8rem;
    margin-top: 0;
}

a {
    color: #1976D2;
}

.md-avatar {
    z-index: 20;
}

md-dialog {
    min-width: 70%;
}

.md-split-button {
    display: flex;
    position: relative;
    margin: 6px 8px;
}

    .md-split-button > .md-button {
        margin: 0;
    }

    .md-split-button .md-split-triangle-button.md-button.md-icon-button {
        height: 36px;
        width: 30px;
        padding: 8px;
        padding-left: 0;
        margin: 0;
        border-radius: unset;
    }

    .md-split-button .md-split-expand-triangle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid;
    }

.administration-color {
    background-color: #E91E63;
}

.administration-color-fore {
    color: #E91E63;
}

.burial-color {
    background-color: #F44336;
}

.burial-color-fore {
    color: #F44336;
}

.dispatch-color {
    background-color: #7E57C2;
}

.dispatch-color-fore {
    color: #7E57C2;
}

.documents-color {
    background-color: #FFEB3B;
}

.documents-color-fore {
    color: #FFEB3B;
}

.finance-color {
    background-color: #4CAF50;
}

.finance-color-fore {
    color: #4CAF50;
}

.help-color {
    background-color: #03A9F4;
}

.help-color-fore {
    color: #03A9F4;
}

.music-color {
    background-color: #CDDC39;
}

.music-color-fore {
    color: #CDDC39;
}

.myarea-color {
    background-color: #3F51B5;
}

.myarea-color-fore {
    color: #3F51B5;
}

.nactv-color {
    background-color: #FFB300;
}

.nactv-color-fore {
    color: #FFB300;
}

.pastoral-color {
    background-color: #00BCD4;
}

.pastoral-color-fore {
    color: #00BCD4;
}

.projects-color {
    background-color: #673AB7;
}

.projects-color-fore {
    color: #673AB7;
}

.propertiesdepartment-color {
    background-color: #795548;
}

.propertiesdepartment-color-fore {
    color: #795548;
}

.proposals-color {
    background-color: #00897B;
}

.proposals-color-fore {
    color: #00897B;
}

.registration-color {
    background-color: #9C27B0;
}

.registration-color-fore {
    color: #9C27B0;
}

.sundayschool-color {
    background-color: #9CCC65;
}

.sundayschool-color-fore {
    color: #9CCC65;
}

.youngpeople-color {
    background-color: #FF5722;
}

.youngpeople-color-fore {
    color: #FF5722;
}

.md-rev-whiteframe-5dp {
    box-shadow: 3px 0 5px -1px rgba(0,0,0,.2),5px 0 8px 0 rgba(0,0,0,.14),1px 0 14px 0 rgba(0,0,0,.12);
}

.md-search-highlight {
    background-color: #FFD180;
}

#loading-bar .bar {
    background-color: white;
}

#loading-bar-spinner {
    top: 15px;
    height: 20px;
    width: 30px;
}

    #loading-bar-spinner .spinner-icon {
        border-top-color: white;
        border-left-color: white;
        border-right-color: white;
    }

.nav-header {
    padding: 20px 0;
}

    .nav-header a {
        padding: 0 15px;
        display: block;
    }

.off {
    pointer-events: none;
}

md-backdrop.md-opaque {
    opacity: .8;
}

md-backdrop.md-opaque-fully {
    opacity: 1;
}

.mod-menu {
    padding: 0;
    margin: 0;
}

    .mod-menu > li {
        border-bottom: 1px solid rgba(255,255,255,.32);
    }

        .mod-menu > li:nth-child(1) {
            border-top: 1px solid rgba(255,255,255,.32);
        }

    .mod-menu .md-button {
        border-radius: 0;
        color: white;
        cursor: pointer;
        display: block;
        align-items: inherit;
        line-height: 40px;
        margin: 0;
        max-height: 40px;
        overflow: hidden;
        padding: 0 16px;
        text-align: left;
        white-space: normal;
        width: 100%;
        text-transform: none;
        text-rendering: optimizeLegibility;
        font-weight: 500;
    }

        .mod-menu .md-button.mod-menu-group-button.toggled md-icon, table.md-table.md-table-collapsible tr td:last-child .md-icon-button.toggle-button.toggled {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
        }

        .mod-menu .md-button.mod-menu-group-button md-icon, table.md-table.md-table-collapsible tr td:last-child .md-icon-button.toggle-button {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
        }

    .mod-menu md-badge {
        font-size: 12px;
        width: auto;
        min-width: 14px;
        height: 24px;
        padding: 0 6px;
        line-height: 24px;
        position: static;
        border-radius: 6px;
        margin: auto;
        box-shadow: 0 4px 6px rgba(0, 0, 0, .54);
    }

    .mod-menu a {
        text-decoration: none !important;
    }

    .mod-menu .mod-submenu {
        overflow: hidden;
        transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
        transition-property: height;
        padding: 0;
    }

        .mod-menu .mod-submenu ul {
            padding: 0;
        }

        .mod-menu .mod-submenu .md-button {
            padding-left: 40px;
        }

.user-avatar {
    -moz-box-flex: 0;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    cursor: pointer;
}

md-list-item.md-2-line > .md-avatar, md-list-item.md-3-line > .md-avatar {
    margin: auto;
    margin-right: 16px;
}

md-list-item.md-2-line.has-icon-button > .md-avatar, md-list-item.md-3-line.has-icon-button > .md-avatar {
    margin-right: 8px;
}

md-list-item.md-2-line > .md-icon-button, md-list-item.md-3-line > .md-icon-button {
    margin: auto;
    margin-right: 8px;
}

md-list-item div.star-button.md-icon-button {
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 6px;
    text-align: center;
    width: 40px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    cursor: default;
}

    md-list-item div.star-button.md-icon-button md-icon {
        color: #FFD600;
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        white-space: nowrap;
    }

md-expansion-panel-collapsed .md-title, md-expansion-panel-header .md-title {
    max-width: none;
}

    md-expansion-panel-collapsed .md-title md-badge, md-expansion-panel-header .md-title md-badge {
        padding: 4px 14px;
        border-radius: 6px;
        margin: auto 16px;
        position: static;
    }

form:not(.compact ) > div.layout-padding {
    padding: 8px 16px;
}

.md-subheader {
    background-color: rgb(245,245,245);
}

    .md-subheader.with-actions {
        z-index: 30 !important;
    }

        .md-subheader.with-actions .md-subheader-inner {
            padding-top: 0;
            padding-bottom: 0;
        }

            .md-subheader.with-actions .md-subheader-inner .md-subheader-content {
                display: flex;
                align-items: center;
                align-content: center;
                max-width: 100%;
                justify-content: flex-start;
            }

md-switch[readonly], md-radio-group[readonly] {
    pointer-events: none;
}

.input-avatar {
    width: 40px;
    height: 40px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 16px;
    border-radius: 50%;
    box-sizing: content-box;
}

.ui-grid-header-cell-row {
    font-size: 10pt;
}

.ui-grid-cell {
    font-size: 9pt;
}

.ui-grid-link {
    text-decoration: underline;
    color: rgb(48, 63, 159);
    cursor: pointer;
}

.ui-grid-cell-contents.loa-ok {
    background-color: #A5D6A7;
}

.ui-grid-cell-contents.loa-expiring {
    background-color: #FFCC80;
}

.ui-grid-cell-contents.loa-expired {
    background-color: #EF9A9A;
}

.ui-grid-cell-contents.rabg-g, .legend.rabg-g {
    background-color: #95E498;
}

.ui-grid-cell-contents.rabg-a, .legend.rabg-a {
    background-color: #FFCC80;
}

.ui-grid-cell-contents.rabg-r, .legend.rabg-r {
    background-color: #EF9A9A;
}

.ui-grid-cell-contents.rabg-b, .legend.rabg-b {
    background-color: #90AFF9;
}

.ui-grid-rag-row.rag-status-g .ui-grid-cell-contents {
    background-color: #C7F0C9;
}

.ui-grid-rag-row.rag-status-a .ui-grid-cell-contents {
    background-color: #FADBAC;
}

.ui-grid-rag-row.rag-status-r .ui-grid-cell-contents {
    background-color: #FABEBE;
}

.ui-grid-cell-contents.ui-grid-md-button button.md-button {
    margin: 0;
    padding: 0;
    min-height: 16px;
    max-height: 16px;
    line-height: 16px;
    font-size: 13px;
}

.show-pointer:hover {
    cursor: pointer;
}

#copyright-footer {
    align-self: flex-end;
    padding: 16px 32px;
    width: 100%;
    text-align: center;
    font-size: small;
    border-top: 1px solid #ddd;
    color: #fff;
    border-top: 1px solid rgba(0,0,0, .37);
}

md-toast.toast-0 .md-toast-content, md-alert.alert-0 {
    background-color: #C8E6C9;
    color: #388E3C;
    border: 4px solid #388E3C;
    font-weight: bold;
}

md-toast.toast-1 .md-toast-content, md-alert.alert-1 {
    background-color: #FFE0B2;
    color: #EF6C00;
    border: 4px solid #EF6C00;
    font-weight: bold;
}

md-toast.toast-2 .md-toast-content, md-alert.alert-2 {
    background-color: #FFCDD2;
    color: #D32F2F;
    border: 4px solid #D32F2F;
    font-weight: bold;
}

md-toast.toast-3 .md-toast-content, md-alert.alert-3 {
    background-color: #B2EBF2;
    color: #0097A7;
    border: 4px solid #0097A7;
    font-weight: bold;
}

md-toast.toast-4 .md-toast-content, md-alert.alert-4 {
    background-color: #F8BBD0;
    color: #C2185B;
    border: 4px solid #C2185B;
    font-weight: bold;
}

md-toast.toast-5 .md-toast-content, md-alert.alert-5 {
    background-color: #D1C4E9;
    color: #512DA8;
    border: 4px solid #512DA8;
    font-weight: bold;
}

md-input-container.md-input-has-value md-switch {
    margin: 0;
}

md-input-container.md-input-has-value md-radio-group {
    margin-top: 6px;
}

.hint {
    /* Position the hint */
    position: absolute;
    left: 2px;
    right: auto;
    bottom: 7px;
    /* Copy styles from ng-messages */
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: rgba(0,0,0,0.38);
}

div.hint.warn {
    color: #FF6F00;
}

p.warning {
    color: #FF6F00;
    font-weight: bold;
}

.action-buttons-hint {
    text-align: right;
    font-size: 14px;
    line-height: 36px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    padding: 0 6px;
    margin: 6px 8px;
    color: rgba(0,0,0,0.54);
}

[md-hover-highlight] {
    cursor: pointer;
}

.md-button.md-fab.md-tiny {
    line-height: 36px;
    width: 36px;
    height: 36px;
}

.md-button.md-fab.md-xtiny {
    line-height: 24px;
    width: 24px;
    height: 24px;
    min-height: 24px;
    padding: 0;
}

    .md-button.md-fab.md-xtiny md-icon {
        width: 16px;
        height: 16px;
        min-width: 16px;
        min-height: 16px;
    }

md-list-item.md-button.md-fab {
    vertical-align: middle;
    display: inline-block;
    margin: auto;
}

md-list-item.md-2-line > button {
    margin-top: auto;
    margin-bottom: auto;
}

table.md-table tbody.md-body > tr.md-row.success, table.md-table tfoot.md-foot > tr.md-row.success {
    background-color: #A5D6A7;
}

table.md-table tbody.md-body > tr.md-row.fail, table.md-table tfoot.md-foot > tr.md-row.fail {
    background-color: #EF9A9A;
}

table.md-table tbody.md-body > tr.md-row.warn, table.md-table tfoot.md-foot > tr.md-row.warn {
    background-color: #FFCC80;
}

table.md-table tbody.md-body > tr.md-row.info, table.md-table tfoot.md-foot > tr.md-row.info {
    background: #BBDEFB;
}


table.md-table tbody.md-body > tr.md-row[disabled], table.md-table tfoot.md-foot > tr.md-row[disabled] {
    background-color: #E0E0E0;
    cursor: default;
    pointer-events: none;
}

    table.md-table tbody.md-body > tr.md-row[disabled] > td[md-cell], table.md-table tfoot.md-foot > tr.md-row[disabled] > td[md-cell] {
        color: rgba(0,0,0,.5);
    }

        table.md-table tbody.md-body > tr.md-row[disabled] > td[md-cell] input, table.md-table tfoot.md-foot > tr.md-row[disabled] > td[md-cell] input {
            background-color: #E0E0E0;
        }

        table.md-table tbody.md-body > tr.md-row[disabled] > td[md-cell].not-disabled, table.md-table tfoot.md-foot > tr.md-row[disabled] > td[md-cell].not-disabled {
            cursor: pointer;
            pointer-events: all;
        }

.proposal-ad {
    background: #FFCCBC;
}

.proposal-ap {
    background: #C8E6C9;
}

.proposal-dr {
    background: #D7CCC8;
}

.proposal-ip {
    background: #BBDEFB;
}

.proposal-pc {
    background: #F8BBD0;
}

md-badge {
    position: absolute;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: -webkit-center;
    text-align: center;
    z-index: 50;
    cursor: pointer;
}

md-grid-list.main-menu md-badge {
    bottom: 8px;
    right: 8px;
}

md-grid-list.side-apps-list md-badge {
    bottom: 2px;
    right: 2px;
    font-size: 12px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

md-grid-list.side-apps-list md-grid-tile {
    cursor: pointer;
}

md-grid-list.main-menu md-grid-tile md-grid-tile-footer {
    background: rgba(0, 0, 0, 0.54);
    height: 36px;
}

md-grid-list.main-menu md-icon {
    margin: 0;
    cursor: pointer;
    width: 70%;
    height: 70%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

md-grid-list.main-menu md-grid-tile:hover md-icon {
    width: 100%;
    height: 100%;
}

md-grid-list.main-menu md-grid-tile-footer + md-grid-tile-footer {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
    margin-bottom: 36px;
    word-wrap: break-word;
}

md-grid-list.main-menu md-grid-tile-footer:hover + md-grid-tile-footer {
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    visibility: visible;
}

tr.md-row.total-row td.md-cell {
    border-top: 1px solid;
}

md-grid-tile[disabled] {
    cursor: default;
    pointer-events: none;
    background-color: #BDBDBD;
}

body > md-toolbar {
    z-index: 3;
}

#verticalContainer {
    height: 600px;
}

.repeated-item {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    height: 75px;
    padding-top: 10px;
}

.vertical-container {
    overflow: hidden;
    display: table;
    height: 100%;
}

md-nav-bar.md-nav-bar-stretch .md-button._md-nav-button {
    width: 98%;
}

table.dashboard tr.md-row td.md-cell {
    padding: 16px !important;
}

    table.dashboard tr.md-row td.md-cell.nd-label {
        font-weight: bold;
    }

        table.dashboard tr.md-row td.md-cell.nd-label.with-sub {
            padding: 8px 16px !important;
        }

            table.dashboard tr.md-row td.md-cell.nd-label.with-sub span {
                display: block;
                color: rgba(0,0,0,.54);
                font-size: 11px;
                padding: 2px 0;
            }

.strength-meter {
    position: relative;
    height: 3px;
    background: #DDD;
    margin: 10px auto 20px;
    border-radius: 3px;
}

    .strength-meter:before,
    .strength-meter:after {
        content: '';
        height: inherit;
        background: transparent;
        display: block;
        border-color: #FFF;
        border-style: solid;
        border-width: 0 5px 0 5px;
        position: absolute;
        width: 80px;
        z-index: 10;
    }

    .strength-meter:before {
        left: 70px;
    }

    .strength-meter:after {
        right: 70px;
    }

.strength-meter-fill {
    background: transparent;
    height: inherit;
    position: absolute;
    width: 0;
    border-radius: inherit;
    transition: width 0.5s ease-in-out, background 0.25s;
}

    .strength-meter-fill[data-strength='0'] {
        background: darkred;
        width: 20%;
    }

    .strength-meter-fill[data-strength='1'] {
        background: orangered;
        width: 40%;
    }

    .strength-meter-fill[data-strength='2'] {
        background: orange;
        width: 60%;
    }

    .strength-meter-fill[data-strength='3'] {
        background: yellowgreen;
        width: 80%;
    }

    .strength-meter-fill[data-strength='4'] {
        background: green;
        width: 100%;
    }

md-expansion-panel md-list-item md-icon.main-member-icon {
    color: #FFAB00;
    margin-right: 16px;
}

md-expansion-panel.md-error, md-expansion-panel.md-error md-expansion-panel-collapsed, md-expansion-panel.md-error .md-expansion-panel-header-container, md-expansion-panel.md-error .md-expansion-panel-footer-container, md-list md-list-item.md-error, md-table-container .md-table .md-body .md-row.md-error {
    background-color: #FFCDD2;
}

    md-expansion-panel.md-error md-list.md-default-theme md-list-item.md-2-line .md-list-item-text p, md-list md-list-item.md-2-line .md-list-item-text p, md-list.md-default-theme md-list-item.md-3-line .md-list-item-text p, md-list md-list-item.md-3-line .md-list-item-text p {
        color: rgba(0,0,0,0.78);
    }

    md-expansion-panel.md-error .main-member-icon {
        color: #FFD600;
    }


tr[md-row].md-hide-multiple th.md-column.md-checkbox-column > md-checkbox {
    display: none;
}

md-input-container.hide-spacer .md-errors-spacer {
    display: none;
}

.notification-item {
    max-width: 400px;
}

    .notification-item div.md-title {
        font-size: 14px;
    }

    .notification-item div.md-subhead {
        font-size: 13px;
    }

    .notification-item.ng-enter,
    .notification-item.ng-leave {
        -webkit-transition: .5s linear all;
        transition: .5s linear all;
    }

        .notification-item.ng-enter,
        .notification-item.ng-leave.ng-leave-active {
            opacity: 0;
        }

            .notification-item.ng-leave,
            .notification-item.ng-enter.ng-enter-active {
                opacity: 1;
            }

.notification-bell-badge {
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3), 0 1px 3px 1px rgba(0,0,0,0.15);
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    min-height: 18px;
    min-width: 18px;
    left: 18px;
    position: absolute;
    text-align: center;
    top: 4px;
}

md-dialog.no-box {
    background: transparent;
    box-shadow: none;
    max-width: 100%;
    max-height: 100%;
}

md-dialog.force-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
}

md-dialog.has-map .md-dialog-content {
    padding: 0;
}

table.md-table.md-dark th.md-column {
    color: rgba(255,255,255,1.0);
}

table.md-table.md-dark td.md-cell {
    color: rgba(255,255,255,.87);
    border-top: 1px rgba(255,255,255,.12) solid;
}

table.md-table td.md-cell.n-a {
    background-color: rgba(0,0,0,.17);
}

table.md-table.asset-register td.md-cell:nth-child(n+2), table.md-table.asset-register tr.addition-item td.md-cell:first-child {
    padding: 0 16px 0 0 !important;
}

table.md-table.asset-register td.md-cell:nth-child(n):not(:nth-child(4)) input, md-autocomplete .input-uppercase {
    text-transform: uppercase;
}

table.md-table.asset-register td.md-cell:nth-child(3) input, table.md-table.asset-register td.md-cell:nth-child(5) input {
    text-align: center;
    width: 75px;
}

table.md-table.asset-register td.md-cell > input:nth-child(n+1) {
    margin: 10px 0;
}

table.md-table.asset-register td.md-cell > .md-button.md-fab.md-xtiny {
    margin: 8px 0;
}

.ui-grid-row .ui-grid-area-aggregate-row .ui-grid-cell {
    background-color: #BDBDBD;
}

.ui-grid-area-aggregate-row .ui-grid-cell-contents {
    font-weight: bold;
}

.custom-chips .md-chips {
    padding-left: 16px;
}

.custom-chips.no-box-shadow .md-chips {
    box-shadow: none;
}

.custom-chips md-chip.md-readonly {
    padding: 0 10px 0 0;
}

.custom-chips md-chip:not(.md-readonly) {
    position: relative;
    cursor: pointer;
}

.custom-chips md-chip .md-contact-name {
    text-transform: uppercase;
}

.custom-chips md-chip[disabled] {
    cursor: default;
    opacity: 0.5;
}

.custom-chips md-chip .md-chip-tooltip-container,
.custom-chips md-chip .md-chip-remove-container {
    position: absolute;
}

.custom-chips md-chip .md-chip-remove-container {
    right: 4px;
    top: 4px;
    margin-right: 0;
    height: 24px;
}

    .custom-chips md-chip .md-chip-remove-container button {
        position: relative;
        height: 24px;
        width: 24px;
        line-height: 30px;
        text-align: center;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 0;
        transition: background 0.15s linear;
        display: block;
    }

        .custom-chips md-chip .md-chip-remove-container button md-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0) scale(0.7);
            color: white;
            fill: white;
        }

        .custom-chips md-chip .md-chip-remove-container button:not(:disabled):hover, .custom-chips md-chip .md-chip-remove-container button:not(:disabled):focus {
            background: rgb(121, 85, 72);
        }


.custom-chips md-chip .md-chip-tooltip-container {
    height: 100%;
    width: 100%;
}

.custom-chips md-chips-wrap.md-removable md-chip md-chip-template {
    padding-right: 5px;
}

.custom-chips md-chips-wrap.md-chips.md-readonly.md-removable {
    height: 32px;
    line-height: 32px;
}

md-chips-wrap:focus {
    outline: none;
}

form .md-chips-messages {
    color: #dd2c00;
    position: relative;
    order: 4;
    overflow: hidden;
}

    form .md-chips-messages [ng-message] {
        font-size: 12px;
        line-height: 14px;
        overflow: hidden;
        margin-top: 0;
        padding-top: 5px;
    }

form.send-email fieldset {
    margin-bottom: 12px;
}

.proposal-visits > label {
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    margin-left: -6px;
}

.md-button.has-memo {
    background-color: #43A047 !important;
    color: #FFFFFF !important;
}

    .md-button.has-memo:hover {
        background-color: #388E3C !important;
        color: #FFFFFF !important;
    }

table.md-table.md-table-condensed md-checkbox .md-container:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

table.md-table.md-table-collapsible .md-button.mod-menu-group-button.toggled md-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.mod-menu .md-button.mod-menu-group-button md-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.ui-grid-selection-row-header-buttons::before {
    opacity: 0.35;
}

.grecaptcha-badge {
    visibility: hidden;
}

.autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    line-height: inherit;
    height: auto;
    padding: 16px;
    white-space: normal;
}

.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
    display: flex;
}

.autocomplete-custom-template .item-title {
    font-size: 18px;
}

.md-toolip-dashboard {
    position: relative;
    background: #212121;
    border: 6px solid #212121;
    border-radius: 16px;
}

    .md-toolip-dashboard:after {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        left: 50%;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: #212121;
        border-width: 16px;
        margin-left: -16px;
    }

    .md-toolip-dashboard.md-toolip-right:after {
        left: 75%;
    }

    .md-toolip-dashboard.md-toolip-right:after {
        margin-left: 16px;
    }

    .md-toolip-dashboard.md-toolip-right:after {
        left: 75%;
    }

    .md-toolip-dashboard .legend {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

    .md-toolip-dashboard table {
        border-spacing: 10px;
        border-collapse: separate;
    }

md-list-item.md-2-line .md-list-item-text .p-text, md-list-item.md-2-line > .md-no-style .md-list-item-text .p-text, md-list-item.md-3-line .md-list-item-text .p-text, md-list-item.md-3-line > .md-no-style .md-list-item-text .p-text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    margin: 0;
    line-height: 1.6em;
}

.ui-grid-footer-info.ui-grid-grid-footer {
    border: none;
    border-top: 1px solid #d4d4d4;
}

md-list-item[disabled].md-error .md-list-item-inner {
    opacity: .7;
    cursor: not-allowed;
}

.md-checkbox {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 16px;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    min-width: 20px;
    min-height: 20px;
    margin-left: 0;
    margin-right: 16px;
}


    .md-checkbox .md-icon::after {
        border-color: rgba(255,255,255,0.87);
    }

    .md-checkbox .md-container {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        box-sizing: border-box;
        display: inline-block;
        width: 20px;
        height: 20px;
        left: 0;
        right: auto;
    }

        .md-checkbox .md-container:before {
            box-sizing: border-box;
            background-color: transparent;
            border-radius: 50%;
            content: "";
            position: absolute;
            display: block;
            height: auto;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            transition: all .5s;
            width: auto;
        }

        .md-checkbox .md-container:after {
            box-sizing: border-box;
            content: "";
            position: absolute;
            top: -10px;
            right: -10px;
            bottom: -10px;
            left: -10px;
        }

        .md-checkbox .md-container .md-icon {
            box-sizing: border-box;
            transition: .24s;
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            border-width: 2px;
            border-style: solid;
            border-radius: 2px;
            border-color: transparent;
            background-color: rgba(96,125,139,0.87);
        }

            .md-checkbox .md-container .md-icon:after {
                box-sizing: border-box;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                left: 4.66667px;
                top: .22222px;
                display: table;
                width: 6.66667px;
                height: 13.33333px;
                border-width: 2px;
                border-style: solid;
                border-top: 0;
                border-left: 0;
                content: "";
            }

    .md-checkbox .md-label {
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        margin-left: 30px;
        margin-right: 0;
    }


fieldset.surq {
    margin-bottom: 16px;
}

    fieldset.surq .surq-option {
        padding: 16px;
        display: flex;
    }

        fieldset.surq .surq-option .surq-label, fieldset.surq .surq-option .surq-input {
            border: 1px solid black;
        }

        fieldset.surq .surq-option .surq-label {
            padding: 16px;
            border-right: none;
            text-align: center;
            /* justify-content: center; */
            /* align-items: center; */
            /* align-self: center; */
            height: 100%;
        }

        fieldset.surq .surq-option .surq-input input {
            width: 100%;
            height: 100%;
            border: none;
            padding: 0;
            text-align: center;
        }

            fieldset.surq .surq-option .surq-input input[type="checkbox"] {
                width: 1.5rem;
                height: 1.5rem;
                margin: .75rem;
            }

            fieldset.surq .surq-option .surq-input input[type="radio"] {
                width: 1.5rem;
                height: 1.5rem;
                margin: .75rem;
            }

.ro-input-clickable {
    color: #1976D2 !important;
    text-decoration: underline;
    cursor: pointer;
}

.ui-grid-cell .ui-grid-checkbox-cell {
    min-width: 18px;
    min-height: 18px;
    height: 18px;
    width: 18px;
    margin: 5px auto 0 auto;
    display: block;
    cursor: pointer;
}

    .ui-grid-cell .ui-grid-checkbox-cell[disabled="disabled"] {
        cursor: default;
    }

table.md-table td.md-cell md-radio-button {
    margin-bottom: 0;
}

.report-view-message {
    text-align: center;
}

.required-untouched .md-subheader-inner .md-subheader-content:after {
    content: " *";
    color: rgb(63,81,181);
    display: inline;
}

.required-touched .md-subheader-inner .md-subheader-content:after {
    content: " *";
    color: red;
    display: inline;
}

.bible-text-message {
    font-size: 14px;
    color: red;
}

.transfer-denied-reason {
    font-weight: bold;
    color: red;
}


md-input-container > button.md-icon-button {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto;
}

md-input-container.md-icon-float > button.md-icon-button {
    top: 8px;
    left: 2px;
    right: auto;
}

md-input-container.md-icon-right > button.md-icon-button:last-of-type {
    background-repeat: no-repeat;
    border-radius: initial;
    margin: 0;
    right: 2px;
    left: auto;
    padding: 0;
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
}

.cash-detail, .cash-form, .cash-totals {
    padding: 8px;
}

    .cash-detail, .cash-form .denomination-conatiner {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

        .cash-detail .denomination-conatiner,
        .cash-form .denomination-conatiner {
            margin: 0 8px;
            margin-bottom: 0;
        }

    .cash-form.tour-highlight .denomination-conatiner input {
        border: 1px solid red;
        background-color: rgba(255,0,0,.14);
    }

    .cash-totals .totals-container {
        margin: 0 8px;
    }

        .cash-detail .denomination-conatiner > div,
        .cash-form .denomination-conatiner > div,
        .cash-totals .totals-container > div {
            align-items: center;
            padding: 8px;
        }

            .cash-detail .denomination-conatiner > div > span,
            .cash-form .denomination-conatiner > div > span,
            .denomination-conatiner > div > div {
                flex: 1 1 100%;
                max-height: 100%;
                box-sizing: border-box;
                max-width: 33.33%;
            }

            .cash-form .denomination-conatiner > div > div {
                text-align: center;
            }

            .cash-detail .denomination-conatiner > div > span:last-of-type,
            .cash-form .denomination-conatiner > div > span:last-of-type {
                text-align: right;
            }

            .cash-detail .denomination-conatiner > div > span:nth-child(2),
            .cash-form .denomination-conatiner > div > div > input {
                text-align: center;
            }

            .cash-form .denomination-conatiner > div > div > input {
                max-width: 6rem;
            }

    .cash-totals, .cash-totals > div {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        width: 100%;
    }

#photo {
    box-shadow: 2px 3px 6px black;
    height: 100%;
    width: auto;
}

#canvas {
    display: none;
}

.camera button {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 10px;
}

#startbutton {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    bottom: 32px;
    background-color: rgba(0, 150, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-family: "Lucida Grande", "Arial", sans-serif;
    color: rgba(255, 255, 255, 1);
}

.contentarea {
    font-size: 16px;
    font-family: "Lucida Grande", "Arial", sans-serif;
    width: 760px;
}


md-input-container.offerings .md-button {
    display: flex;
    margin: 0;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left;
    min-height: auto;
}

table.finance-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
}

    table.finance-table tr.divine-service-not-captured,
    table.finance-table tr.divine-service-not-captured + tr,
    table.finance-table tr.no-service,
    table.finance-table tr.no-service + tr,
    table.finance-table tr.offerings-not-captured,
    table.finance-table tr.offerings-not-captured + tr,
    table.finance-table tr.signatures-not-captured,
    table.finance-table tr.signatures-not-captured + tr,
    table.finance-table tr.not-deposited,
    table.finance-table tr.not-deposited + tr {
        background-color: #FFE082;
    }

    table.finance-table thead tr, table.finance-table tr.total-row {
        background-color: #CCCCCC;
    }

        table.finance-table tr.total-row th.deficit, table.finance-table tr.total-row td.deficit, table.finance-table tr td.deficit {
            color: red;
        }

    table.finance-table th, table.finance-table td {
        border: 1px solid black;
        text-align: start;
    }

        table.finance-table th.amount, table.finance-table td.amount, table.finance-table td.amount > div {
            min-width: 7rem;
            width: 7rem;
        }

            table.finance-table th.amount, table.finance-table td.amount, table.finance-table td.amount input {
                text-align: end;
            }

        table.finance-table td.amount-no-service {
            text-align: center;
        }

        table.finance-table td.action {
            text-align: center;
            width: 52px;
        }

            table.finance-table td.action button {
                padding: 0;
                margin: auto;
                width: auto;
                min-height: 28px;
                height: auto;
            }

.shepherd-button {
    line-height: 30px;
    min-height: 30px;
    height: 30px;
}

.shepherd-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    justify-content: flex-end;
    padding: 0 .75rem .75rem
}

    .shepherd-footer .shepherd-button:last-child {
        margin-right: 0
    }

.shepherd-cancel-icon {
    background: transparent;
    border: none;
    color: hsla(0, 0%, 50%, .75);
    cursor: pointer;
    font-size: 2em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    transition: color .5s ease
}

    .shepherd-cancel-icon:hover {
        color: rgba(0, 0, 0, .75)
    }

.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
    color: hsla(0, 0%, 50%, .75)
}

    .shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
        color: rgba(0, 0, 0, .75)
    }

.shepherd-title {
    display: flex;
    flex: 1 0 auto;
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.shepherd-header {
    font-size: 20px;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 40px;
    max-height: 64px;
    padding: 0 16px;
    margin: 0;
}

.shepherd-has-title .shepherd-content .shepherd-header {
    /* padding: 1em; */
}

.shepherd-text {
    font-size: 1rem;
    line-height: 1.3em;
    padding: .75em
}

    .shepherd-text p {
        margin-top: 0
    }

        .shepherd-text p:last-child {
            margin-bottom: 0
        }

.shepherd-content {
    outline: none;
    padding: 0
}

.shepherd-element {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    max-width: 400px;
    opacity: 0;
    outline: none;
    transition: opacity .3s, visibility .3s;
    visibility: hidden;
    width: 100%;
    z-index: 9999
}

.shepherd-enabled.shepherd-element {
    opacity: 1;
    visibility: visible
}

.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
    box-sizing: border-box
}

.shepherd-arrow,
.shepherd-arrow:before {
    height: 16px;
    position: absolute;
    width: 16px;
    z-index: -1
}

    .shepherd-arrow:before {
        content: "";
        transform: rotate(45deg)
    }

.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
    bottom: -8px
}

.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
    top: -8px
}

.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
    right: -8px
}

.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
    left: -8px
}

.shepherd-element.shepherd-centered > .shepherd-arrow {
    opacity: 0
}

.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
    pointer-events: none
}

.shepherd-modal-overlay-container {
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: all .3s ease-out, height 0ms .3s, opacity .3s 0ms;
    width: 100vw;
    z-index: 9997
}

    .shepherd-modal-overlay-container.shepherd-modal-is-visible {
        height: 100vh;
        opacity: .8;
        transform: translateZ(0);
        transition: all .3s ease-out, height 0s 0s, opacity .3s 0s
    }

        .shepherd-modal-overlay-container.shepherd-modal-is-visible path {
            pointer-events: all
        }

body.impersonation-mode {
    border: 2px dashed red;
}



md-dialog.photo-viewer {
    min-height: 100%;
    height: 100%;
}

    md-dialog.photo-viewer .md-dialog-content {
        display: flex;
    }

        md-dialog.photo-viewer .md-dialog-content .media-item {
            height: 100%;
            object-fit: contain;
            overflow: hidden;
        }

    md-dialog.photo-viewer md-dialog-actions {
        position: absolute;
        bottom: 0;
        min-width: 100%;
        width: 100%;
    }

.document-criteria .md-subheader {
    background: none;
}

.document-criteria .list {
    padding: 1rem 2rem;
    padding-bottom: 0;
}

admin-status-cards {
    display: flex;
    flex-wrap: wrap;
}

admin-status-card {
    padding: 1rem;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    outline: none;
}

    admin-status-card md-card {
        cursor: pointer;
    }

    admin-status-card .no-progress-bar {
        padding-bottom: 5px;
    }

    admin-status-card .admin-status-card-title {
        padding: .5rem;
        border-bottom: 1px dotted;
    }

    admin-status-card .admin-status-card-content > div {
        min-width: 5rem;
        text-align: center;
    }

        admin-status-card .admin-status-card-content > div .value {
            font-size: 1.5rem !important;
        }

        admin-status-card .admin-status-card-content > div .label {
            font-size: .8rem !important
        }

    admin-status-card .admin-status-card-content md-divider {
        margin: 0 1rem;
        border-right-color: rgba(0, 0, 0, 0.42) !important;
    }

.slide-animate-container {
    position: relative;
}

.slide-animate.ng-enter, .slide-animate.ng-leave {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    transition: -webkit-transform .5s cubic-bezier(.35,0,.25,1);
    transition: transform .5s cubic-bezier(.35,0,.25,1);
    transition: transform .5s cubic-bezier(.35,0,.25,1), -webkit-transform .5s cubic-bezier(.35,0,.25,1);
    overflow: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.slide-animate.ng-enter {
    transform: translateY(-100%);
}

    .slide-animate.ng-enter.ng-enter-active {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-animation: 1s banking-admin-content-hide;
        animation: 1s banking-admin-content-hide;
        visibility: hidden;
    }

.slide-animate.ng-leave {
    transition: none;
}

    .slide-animate.ng-leave.ng-leave-active {
        transform: translateY(100%);
    }

md-list-item.md-2-line .md-list-item-text.with-dd p:nth-child(2) {
    text-align: center;
}

md-list-item.md-2-line .md-list-item-text.with-dd p:nth-child(3) {
    text-align: end;
}

md-list-item.md-2-line .md-list-item-text.with-dd p span {
    font-weight: bold;
}

.md-subheader.with-filter .md-subheader-inner {
    padding: 0 16px;
}

.md-subheader.with-filter md-input-container {
    margin: 0;
}

@keyframes banking-admin-content-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}