/*
Materialize colors

#e51c23 materialize-red
#F44336 red
#e91e63 pink
#9c27b0 purple
#673ab7 deep-purple
#3f51b5 indigo
#2196F3 blue
#03a9f4 light-blue
#00bcd4 cyan
#009688 teal
#4CAF50 green
#8bc34a light-green
#cddc39 lime
#ffeb3b yellow
#ffc107 amber
#ff9800 orange
#ff5722 deep-orange
#795548 brown
#607d8b blue-grey
#9e9e9e grey
#000000 black
#FFFFFF white
        transparent

*/

/* Custom icon font based on https://fonts.google.com/icons */

@font-face {
    font-family: 'Material Icons Custom';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons Custom';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}

/* Defaults */

html, body {
    color: #051a89;
}

div.container {
    padding-top: 82px;
    width: 100%;
    max-width: 100%;
    padding-right: 25px;
    padding-bottom: 20px;
}

@media only screen and (min-width: 992px) {
    div.container {
        padding-left: 325px;
    }
}

@media only screen and (max-width: 992px) {
    div.container {
        padding-left: 25px;
    }
}

.slide-out-nav-menu-button a.sidenav-trigger.top-nav {
    color: #ffffff;
}

/* Extra css for the select2 library */

#activeHousingstockSelector {
    height: 82px;
    line-height: 82px;
}

#activeHousingstockSelector .select2-container {
    text-align: left;
}

#activeHousingstockSelector .select2-container .select2-selection {
    border: 0;
    background-color: #a0aae1;
}

#activeHousingstockSelector .select2-container .select2-selection .select2-selection__arrow {
    background-color: #5466c8;
    height: 28px;
    top: 0px;
    right: 0px;
    width: 24px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#activeHousingstockSelector .select2-container--open .select2-selection .select2-selection__arrow {
    border-bottom-right-radius: 0px;
}

#activeHousingstockSelector .select2-container .select2-selection .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
}

#activeHousingstockSelector .select2-container--open .select2-selection .select2-selection__arrow b {
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #ffffff transparent;
}

#activeHousingstockSelector .select2-container .select2-selection .select2-selection__clear {
    color: #ffffff;
    height: 24px;
    margin-top: 3px;
    margin-right: 32px;
}

#activeHousingstockSelector .select2-container .select2-selection__rendered {
    color: #ffffff;
}

.select2-container--default .select2-results__option--selected {
    background-color: #a0aae1;
}

#activeHousingstockSelector .select2-container .select2-selection__rendered .select2-selection__placeholder {
    color: #ffffff;
}

.select2-container .select2-dropdown {
    border: 0;
    color: #ffffff;
    background-color: #a0aae1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container .select2-dropdown .select2-search {
    border: 0;
}

.select2-container .select2-search__field {
    padding-left: 0 !important;
}

.select2-container .select2-dropdown .select2-search input {
    border: 0;
    color: #ffffff;
}

ul.select2-results__options {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

table > thead > tr > th {
    vertical-align: bottom;
    color: #ffffff;
    background-color: #051a89;
    border: 0;
    border-radius: 0;
}

table > thead > tr > th:nth-child(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

table > thead > tr > th:nth-last-child(1) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

table > tbody > tr > td {
    white-space: nowrap;
    border: 0;
    border-radius: 0;
}

th, td {
    padding: 4px 6px;
}

table > tbody > tr:nth-child(1n) {
    color: #051a89;
    background-color: #ffffff;
}

table > tbody > tr:nth-child(2n) {
    color: #ffffff;
    background-color: #a0aae1;
}

table > tbody > tr:nth-child(2n) > td:nth-child(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

table > tbody > tr:nth-child(2n) > td:nth-last-child(1) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

table > tbody > tr:nth-child(2n) .material-icons {
    color: #ffffff;
}

div.card.error {
    color: #ffffff;
    background-color: #5466c8;
}

.spinner-green, .spinner-green-only {
    border-color: #051a89;
}

div.card.error div.card-content i {
    margin: 20px;
}

.card {
    border-radius: 4px;
}

/* Dynamic logo CSS */

div#logo-letter {
    float: left;
    height: 82px;
    overflow: hidden;
    color: #ffffff;
    line-height: 82px;
    font-size: 32px;
    font-weight: bolder;
    padding-left: 21px;
}

i.material-icons.ddd {
    float: left;
    font-size: 48px;
    line-height: 82px;
}

/* All round CSS for the Dobro based on https://materializecss.com */

nav,
.sidenav {
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav {
    position: fixed;
    height: 82px;
    z-index: 998;
    background-color: #051a89;
}

.sidenav {
    z-index: 997;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

nav a.sidenav-trigger {
    padding-left: 21px;
}

nav a.sidenav-trigger i {
    font-size: 32px;
    height: 82px;
    line-height: 82px;
}

.sidenav::-webkit-scrollbar {
    display: none;
}

.sidenav.sidenav-fixed {
    background-color: #a0aae1;
}

.sidenav .subheader {
    color: #ffffff;
}

ul.sidenav > li.active > a,
ul.sidenav > li.active > a > i.material-icons {
    color: #051a89;
    background-color: #ffffff;
}

ul.sidenav > li > a,
ul.sidenav > li > a > i.material-icons {
    color: #ffffff;
}

ul.sidenav > li > a:hover,
ul.sidenav > li > a:hover > i.material-icons {
    color: #5466c8;
    background-color: #ffffff;
}

ul.sidenav.sidenav-fixed {
    padding-top: 82px;
}

input.search-term, button.search-button {
    position: relative;
    float: right;
}

input.search-term {
    width: 50% !important;
}

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

.input-field > label {
    color: #051a89;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    color: #051a89;
    border: 0px;
    background-color: #a0aae1;
    border-radius: 4px;
}

a.sidenav-trigger.top-nav {
    position: absolute;
    text-align: center;
    height: 48px;
    width: 48px;
    top: 28px;
    float: none;
    margin-left: 0;
    color: #f3989b;
    font-size: 36px;
    z-index: 2;
}

div.card.error div.card-content i {
    margin-right: 20px;
}

h3 {
    padding: 0 0.75rem;
}

.card .card-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0px;
}

.card .card-content .card-title {
    color: #ffffff !important;
    background-color: #051a89;
    padding: 5px 10px;
    border-radius: 4px;
}

.collapsible.popout > li,
.collapsible.popout > li.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
}

span.badge {
    text-align: right;
    color: #5466c8;
}

.btn {
    border-radius: 4px;
}

.btn, .btn-large, .btn-small {
    background-color: #051a89;
}

z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
    background-color: #5466c8;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination li a {
    color: #051a89;
    width: 25px;
    padding: 0;
}

.pagination li.active a {
    color: #fff;
}

.pagination li.active {
    background-color: #051a89;
}

.pagination li.disabled a {
    color: #a0aae1;
}

.pagecount {
    font-size: 13px;
}

input.valid:not([type]),
input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus,
.select-wrapper.valid > input.select-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    padding-left: 10px;
}

.input-field {
    margin-top: 0;
    margin-bottom: 0;
}

.input-field .prefix.active {
    color: #5466c8;
}

div.sidenav-overlay {
    z-index: 996;
}

div.overlay {
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    background-color: rgba(200, 200, 200, 0.5);
}

div.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

div.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modal-overlay {
    background-color: rgb(200, 200, 200);
}

.modal {
    border-radius: 4px;
}

i.material-icons.disabled {
    color: #a0aae1;
}

input[type=search]:not(.browser-default) {
    height: 36px;
    margin: 0;
}

input:not([type]):disabled,
input:not([type])[readonly="readonly"],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly="readonly"],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly="readonly"],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly="readonly"],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly="readonly"],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly="readonly"],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly="readonly"],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly="readonly"],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly="readonly"],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    border: 0px;
    background-color: #a0aae1;
    border-radius: 4px;
}

input:not([type]):disabled + label,
input:not([type])[readonly="readonly"] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly="readonly"] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly="readonly"] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly="readonly"] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly="readonly"] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly="readonly"] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly="readonly"] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
    border: 0px;
    background-color: #a0aae1;
    border-radius: 4px;
}

/* Default extra css */

div#content table th:nth-child(1),
div#content table td:nth-child(1) {
    white-space: nowrap;
}

div#content table th:nth-child(2),
div#content table td:nth-child(2) {
}

div#content table th:nth-child(3),
div#content table td:nth-child(3) {
    width: 100%;
}

div#content table th:last-child,
div#content table td:last-child {
    white-space: nowrap !important;
}

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

ul.pagination {
    margin-top: 40px;
}

div.possibleByLogos {
    margin-top: 50px;
    text-align: center;
}

a.possibleByLogo {
    margin: 10px;
    display: inline-block;
}

a.possibleByLogo object {
    pointer-events: none;
    height: 57px;
}

div.makers {
    height: 150px;
    width: 320px;
    margin: auto;
}

div.makers > img.profile-image {
    float: left;
    height: 150px;
    margin: 0px 20px;
    border-radius: 50%;
}

label.custom-file-upload input[type="file"] {
    display: none;
}

label.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.btn, .btn-large, .btn-small {
    white-space: nowrap;
}

span.button-content {
    margin-left: 10px;
    vertical-align: top;
}

.input-field input[type=search]:focus:not(.browser-default) {
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
}

div.login-error-messages {
    margin-top: 40px;
    margin-bottom: 40px;
}

#active_housingstock_select {
    width: 250px;
}

div.fixed-action-btn.user-profile {
    right: 32px !important;
    bottom: auto !important;
    height: 82px;
    line-height: 82px;
}

div.fixed-action-btn.user-profile > a {
    background-color: #5466c8;
}

div.fixed-action-btn.user-profile > a > i {
    height: 41px;
    line-height: 41px;
}

div.fixed-action-btn.user-profile ul a.btn-floating {
    margin-left: 0px;
    background-color: #5466c8;
}

div#slide-out {
    overflow-y: scroll;
}

div.slide-out-nav-menu-button {
    position: fixed;
    left: 8px !important;
}

a.sidenav-trigger.top-nav {
    top: auto !important;
}

div.esri-attribution__sources {
    display: none;
}

div.esri-attribution__powered-by {
    display: none;
}

div#viewDiv {
    border: solid 1px black;
}

div.dashboard div.card > div.card-content > div.card-title {
    white-space: nowrap;
}

div.dashboard div.card > div.card-content > div.card-widget {
    height: 200px;
    width: 300px;
    overflow-y: auto;
    white-space: nowrap;
}

div.dashboard div.card > div.card-content > div.card-widget-big {
    height: 200px;
    width: 623px;
    overflow-y: auto;
    white-space: nowrap;
}

div.dashboard div.card > div.card-content > div.card-widget > canvas {
    margin: auto;
}

div.dashboard div.card > div.card-content > p.card-widget {
    overflow-y: auto;
}

div.dashboard div.card > div.card-content div.collection {
    border: 0px;
}

div.dashboard div.card > div.card-content div.collection > div.collection-header {
    font-weight: bold;
    font-size: 18px;
    color: #051a89 !important;
    border-bottom: 0px;
    margin: 5px 10px
}

div.dashboard div.card > div.card-content div.collection > a.collection-item {
    color: #051a89 !important;
    border-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 7px;
}

div.dashboard div.card > div.card-content div.collection > a.collection-item:not(.active):hover {
    background-color: #a0aae1;
    color: #fff !important;
}

div.dashboard div.card > div.card-content div.collection > a.collection-item > span.badge {
    min-width: 5rem;
    border-radius: 2px;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 707px) {
    div.dashboard div.card > div.card-content > div.card-widget-big {
        width: 300px;
    }
}