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

    button.md-icon-button.double-icon-size, button.md-icon-button.double-icon-size > md-icon {
        width: 48px;
        height: 48px;
        margin-top: -5px;
    }

.table-expanded{
    border-bottom: 2px solid grey;
    border-left: 2px solid grey;
    border-right: 2px solid grey;
}

.no-margin md-input-container {
    margin: 0;
}

.div-layout md-input-container {
    max-height: 10px;
}

.div-layout div md-input-container {
    max-height: 10px;
}

.select-able {
    border-radius: 25px;
    border: 2px solid rosybrown;
    margin-left: 10px;
    width: fit-content;
}

    .select-able span {
        padding-left: 10px;
    }

    .rule-input {
        margin-left: 20%;
    }

.div-hide-spacer {
    padding-top: 10px;
}

    .div-hide-spacer md-input-container {
        margin: 0;
    }

        .div-hide-spacer md-input-container .md-errors-spacer {
            min-height: 0;
        }

    .div-hide-spacer md-autocomplete .md-show-clear-button button {
        top: 0;
    }

.multi-line-tooltip {
    height: auto;
}

.md-button.md-icon-button.button-minimal {
    margin: 0;
    padding: 0;
}

md-datepicker.min .md-datepicker-input-container {
    width: 55%;
}

md-datepicker.wide .md-datepicker-input-container {
    width: 70%;
}

md-datepicker.max .md-datepicker-input-container {
    width: 90%;
}

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

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

.disabled {
    background-color: #E0E0E0 !important;
}

a {
    color: #1976D2;
}

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

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

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

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

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

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

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

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

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

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

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

.quiz-color, .quiz-color-fore {
    color: #6D4C41;
}

.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);
}

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

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

.drag-drop {
    background-color: white;
    outline: 2px dashed black;
    outline-offset: -10px;
    text-align: center;
    height: 200px;
    width: 100%;
    display: -webkit-inline-box;
}

.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: 0px 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 {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transition: transform 0.3s ease-in-out;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
        }

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

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

md-list-item.md-2-line > .md-avatar {
    margin-top: 16px;
}

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

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

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

form > div.layout-padding {
    padding: 8px 16px;
}


.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: 0px;
        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;
    }


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

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

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

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-expiring {
    background-color: #FFCC80;
}

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

.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;
    right: 40%;
}

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

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

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

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

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

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

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-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[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);
    }

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

.row-not-saved {
    background-color: orangered;
}

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


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

.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 {
    background-color: #EF9A9A;
}

    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-autocomplete[disabled] md-autocomplete-wrap.md-show-clear-button button {
    pointer-events: none;
    opacity: .5;
}