﻿html, body {
    font-family: 'Roboto', 'Helvetica', sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

a {
    color: #1f94e0;
    text-decoration: none;
    font-weight: 400;
}

.main-content {
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 32px
}

.avatar {
    width: 32px;
    height: 32px;
    border-radius: 16px;
}

table tr td .avatar-name {
    float: left;
    margin-left: 15px;
}

    table tr td .avatar-name span.name {
        display: block;
    }

table tr td img.avatar {
    float: left;
}


div#filters .pad {
    padding: 0 18px 0 18px;
}


.layout .mdl-layout__header .mdl-layout__drawer-button {
    color: rgba(0, 0, 0, 0.54);
}

.mdl-layout__drawer .avatar {
    margin-bottom: 16px;
}

.mdl-card__supporting-text {
    overflow: visible;
}

.drawer {
    border: none;
}
    /* iOS Safari specific workaround */
    .drawer .mdl-menu__container {
        z-index: -1;
    }

    .drawer .navigation {
        z-index: -2;
    }
    /* END iOS Safari specific workaround */
    .drawer .mdl-menu .mdl-menu__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

.drawer-header {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 121px;
    padding: 16px;
}

    .drawer-header .username {
        margin-top: 20px;
        font-weight: 600;
    }

.avatar-dropdown {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.navigation {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.layout .navigation .mdl-navigation__link {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.56);
    font-weight: 500;
}

    .layout .navigation .mdl-navigation__link:hover {
        background-color: #00BCD4;
        color: #37474F;
    }

.navigation .mdl-navigation__link .material-icons {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.56);
    margin-right: 32px;
}

.content {
    max-width: 1080px;
}


.cards {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

    .cards .separator {
        height: 32px;
    }

    .cards .mdl-card__title.mdl-card__title {
        color: white;
        font-size: 24px;
        font-weight: 400;
    }

    .cards ul {
        padding: 0;
    }

    .cards h3 {
        font-size: 1em;
    }


a.back {
    color: #1f94e0;
    vertical-align: baseline;
    text-decoration: none;
    font-size: 22px;
}

.back-wrapper {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.updates .mdl-card__title {
    min-height: 200px;
    background-image: url('images/dog.png');
    background-position: 90% 100%;
    background-repeat: no-repeat;
}

.cards .mdl-card__actions a {
    color: #00BCD4;
    text-decoration: none;
}

.options h3 {
    margin: 0;
}

.options .mdl-checkbox__box-outline {
    border-color: rgba(255, 255, 255, 0.89);
}

.options ul {
    margin: 0;
    list-style-type: none;
}

.options li {
    margin: 4px 0;
}

.options .material-icons {
    color: rgba(255, 255, 255, 0.89);
}

.options .mdl-card__actions {
    height: 64px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width:840px) {
}

@media screen and (min-width:1025px) {
}

.ellipsis {
    display: block;
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#map {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

#breadcrumbs {
    display: block;
    font-size: 20px;
    height: 24px;
    margin: 24px 0;
    margin-top: 40px;
    color: #1f94e0;
    text-decoration: none;
    font-weight: 400;
}

    #breadcrumbs a {
        color: #1f94e0;
        text-decoration: none;
        font-weight: 400;
    }



h1.page {
    width: 100%;
    max-width: 400px;
    border-bottom: 1px solid #000;
    padding-bottom: 12px;
    font-size: 1.8em;
    margin-bottom: 45px;
}

.fill-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

a.card-cell {
    text-decoration: none;
}

.nav-card-square {
    width: 100%;
    padding: 18px;
    height: 223px;
}

    .nav-card-square i {
        color: #2A9FD8;
    }

    .nav-card-square .mdl-card__supporting-text {
        color: #000;
        text-align: center;
    }

        .nav-card-square .mdl-card__supporting-text hr {
            color: #000;
            background-color: #000
        }

        .nav-card-square .mdl-card__supporting-text .material-icons {
            font-size: 60px;
        }

    .nav-card-square a.mdl-card__title-text {
        text-decoration: none;
    }


.filter-row {
    font-size: 16px;
    line-height: 24px;
}

    .filter-row label {
        color: #1f94e0;
    }

    .filter-row .mdl-textfield__input {
        border-bottom: 1px solid #1f94e0;
    }

    .filter-row .mdl-textfield__label {
        color: #1f94e0;
    }

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #2094e0;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #2094e0;
}

/**
 * Paging
 */

.mdl-paging {
    color: rgba(0, 0, 0, 0.54);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

    .mdl-paging > * {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

.mdl-list + .mdl-paging {
    margin: 0;
}

.mdl-paging__per-page {
    position: relative;
}

.mdl-paging__per-page-label {
    margin-right: 40px;
}

.mdl-paging__per-page-value {
    position: absolute;
    right: 36px;
    top: 6px;
}

.mdl-paging__per-page + .mdl-paging__count {
    margin-left: 24px;
}

.mdl-paging .mdl-menu {
    min-width: 64px;
}

.mdl-paging__prev:last-child {
    margin-right: 44px;
}

.mdl-paging__count + .mdl-paging__prev {
    margin-left: 24px;
}

.mdl-paging__prev + .mdl-paging__next {
    margin-left: 12px;
}

.mdl-paging__count + .mdl-paging__next {
    margin-left: 68px;
}

/* Speed dial */

.mdl-speed-dial {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    bottom: 16px;
    right: 16px;
    -webkit-flex-flow: column-reverse nowrap;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
    position: fixed;
}

    .mdl-speed-dial .mdl-button--fab:first-child .material-icons:not(:only-child),
    .mdl-speed-dial .mdl-button--mini-fab {
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    .mdl-speed-dial .mdl-button--fab:first-child .material-icons:not(:only-child),
    .mdl-speed-dial .mdl-button--mini-fab {
        transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
        will-change: transform, opacity;
    }

    .mdl-speed-dial.is-active .mdl-button--fab:first-child .material-icons:first-child,
    .mdl-speed-dial .mdl-button--fab:first-child .material-icons:nth-child(2) {
        opacity: 0;
    }

    .mdl-speed-dial.is-active .mdl-button--fab:first-child .material-icons:first-child {
        transform: rotate(90deg) translate(-12px, 12px);
    }

    .mdl-speed-dial .mdl-button--fab:first-child .material-icons:nth-child(2) {
        transform: rotate(-90deg);
        top: 16px;
        left: 16px;
    }

    .mdl-speed-dial.is-active .mdl-button--fab:first-child .material-icons:nth-child(2) {
        opacity: 1;
        transform: rotate(0deg);
    }
    /* Mini floating buttons */

    .mdl-speed-dial .mdl-button--mini-fab {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        margin-bottom: 16px;
    }

    .mdl-speed-dial.is-active .mdl-button--mini-fab {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
        /* Mini floating buttons animations */

        .mdl-speed-dial .mdl-button--mini-fab:nth-of-type(6),
        .mdl-speed-dial.is-active .mdl-button--mini-fab:nth-of-type(2) {
            transition-delay: 0s;
        }

        .mdl-speed-dial .mdl-button--mini-fab:nth-of-type(5),
        .mdl-speed-dial.is-active .mdl-button--mini-fab:nth-of-type(3) {
            transition-delay: 50ms;
        }

    .mdl-speed-dial .mdl-button--mini-fab:nth-of-type(4) {
        transition-delay: 100ms;
    }

    .mdl-speed-dial .mdl-button--mini-fab:nth-of-type(3),
    .mdl-speed-dial.is-active .mdl-button--mini-fab:nth-of-type(5) {
        transition-delay: 150ms;
    }

    .mdl-speed-dial .mdl-button--mini-fab:nth-of-type(2),
    .mdl-speed-dial.is-active .mdl-button--mini-fab:nth-of-type(6) {
        transition-delay: 200ms;
    }


/* ==========  Select Field Variables ========== */
/* ==========  Select Field ========== */
/* Style Select Field */
select {
    font-family: inherit;
    background-color: transparent;
    width: 100%;
    padding: 4px 0;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0, 0.12);
}


    /* Remove focus */
    select: focus {
        outline: none;
    }

/* Hide label */
.mdl-selectfield label {
    display: none;
}



.mdl-selectfield {
    font-family: 'Roboto','Helvetica','Arial',sans-serif;
    position: relative;
    padding: 20px 0;
}

.acidjs-css3-treeview,
.acidjs-css3-treeview * {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .acidjs-css3-treeview label[for]::before,
    .acidjs-css3-treeview label span::before {
        content: "\25b6";
        display: inline-block;
        margin: 2px 0 0;
        width: 13px;
        height: 13px;
        vertical-align: top;
        text-align: center;
        color: #e74c3c;
        font-size: 8px;
        line-height: 13px;
    }

    .acidjs-css3-treeview li ul {
        margin: 0 0 0 22px;
    }

    .acidjs-css3-treeview * {
        vertical-align: middle;
    }


    .acidjs-css3-treeview li {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        margin-top: 14px;
    }

    .acidjs-css3-treeview input[type="checkbox"] {
        display: none;
    }

    .acidjs-css3-treeview label {
        cursor: pointer;
    }

        .acidjs-css3-treeview label[for]::before {
            -webkit-transform: translatex(-24px);
            -moz-transform: translatex(-24px);
            -ms-transform: translatex(-24px);
            -o-transform: translatex(-24px);
            transform: translatex(-24px);
        }

        .acidjs-css3-treeview label span::before {
            -webkit-transform: translatex(16px);
            -moz-transform: translatex(16px);
            -ms-transform: translatex(16px);
            -o-transform: translatex(16px);
            transform: translatex(16px);
        }

    .acidjs-css3-treeview input[type="checkbox"][id]:checked ~ label[for]::before {
        content: "\25bc";
    }

    .acidjs-css3-treeview input[type="checkbox"][id]:not(:checked) ~ ul {
        display: none;
    }

    .acidjs-css3-treeview label:not([for]) {
        margin: 0 8px 0 0;
    }

    .acidjs-css3-treeview label span::before {
        content: "";
        border: solid 1px #1375b3;
        color: #1375b3;
        opacity: .50;
    }

    .acidjs-css3-treeview label input:checked + span::before {
        content: "\2714";
        box-shadow: 0 0 2px rgba(0, 0, 0, .25) inset;
        opacity: 1;
    }
