﻿:root {
    --prosys-navy-blue: #002D5D;
    --prosys-silver: #939598;
    --prosys-green: #329C49;
    --prosys-blue: #0083CA;
}

.app-body {
    background-color: #f5f5f5;
    color: #444;
}

.custom-error-message {
    color: red;
    display: block;
    font-size: .9em;
    font-style: italic;
}

    .custom-error-message ul {
        list-style-type: none;
        padding: 0;
    }

.navbar-dark .navbar-toggler-icon {
    line-height: 1.1em;
    background: transparent;
}

.bg-primary {
    background-color: #002D5D !important;
}

.btn-primary, .btn-primary.active, .btn-primary:active {
    background-color: #0083CA;
    color: white;
}

.navbar-brand {
    width: 250px;
    background: url("../images/prosys-portal-white.png") no-repeat left center;
    background-size: contain;
}

.navbar-top {
    background: url("../images/backgrounds/silver-dots-top-right.png") no-repeat right top;
    background-color: #002D5D;
}

.navdrawer-header {
    color: white;
    position: relative;
    min-height: 140px;
    background: url("../images/backgrounds/silver-dots-top-right.png") no-repeat right top;
    background-color: #002D5D;
    background-size: cover;
}

.small-link {
    color: #0083CA;
    font-size: .9em;
    font-style: italic
}

.default-link {
    color: #0083CA;
}

.footer {
    width: 100%;
    position: fixed;
    bottom: 0;
}

.install-prompt {
    display: none;
}

    .install-prompt .navbar-text span {
        font-size: 1rem;
        color: white;
    }

    .install-prompt .decline-install-button {
        min-width: 2rem;
    }

        .install-prompt .decline-install-button .md-18 {
            line-height: .8rem;
        }

.app-body.install-prompt-visible {
    padding-bottom: 100px;
}

    .app-body.install-prompt-visible .install-prompt {
        display: flex;
    }

.address-summary {
    font-size: .75rem;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.workflow-title {
    font-size: 1.25rem;
}

.workflow-instructions {
    font-size: 2rem;
}

.account-list .list-group-item {
    padding-left: 1rem;
    padding-right: 1rem;
}

.table .thead-dark th {
    background-color: #002D5D;
    border-color: dimgray;
}

tr.clickable-table-row {
    cursor: pointer;
}

    tr.clickable-table-row:hover {
        background-color: #0083CA;
    }

.large-material-icon {
    color: #444;
    font-size: 2rem;
}
