@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

/* DTS Styles*/
.myh6 {
    font-size: large;
    font-weight: 400;
    color: black;
}

.projecttitle {
    font-weight: 400;
    font-style: italic;
    color: #383a43;
}

.phaseheader {
    color: #4c4f5b;
}

.stepheader {
    color: #006A71;
    font-weight: bold;
}

.field-validation-message {
    color: #e91717;
    font-size: 0.9em;
}

.footer {
    position: fixed;
    bottom: 0;
}

.org-header {
    color: #008080;
    font-size: 0.9em;
    font-weight: bold;
    /*color: #008080;*/
}

.bottom-nav {
    position: fixed;
    bottom: 2%;
    width: 55%;
}

.bottom-nav-2 {
    position: fixed;
    bottom: 2%;
    width: 86%;
}

.bottom-nav-3 {
    position: fixed;
    bottom: 2%;
    width: 29%;
    padding-left: 0.5em;
}

div.org-progress-bar {
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
}

div.org-progress-bar div {
    float: left;
    text-align: center;
    color: white;
    width: 100%;
    height: 1em;
}

/*
    Look & Feel Changes
    --------------------------------------------
*/
.brand-heading-1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
    /*padding-left: 0.3em;*/
    vertical-align: middle;
}

.brand-heading-2 {
    font-size: 1.6em;
    color: #BFC8C8;
    vertical-align: middle;
    /*color: #b0b1b5;*/
}

.brand-heading-3 {
    font-size: 1.1em;
    vertical-align: bottom;
    color: #fff;
}

.user-icon {
    color: #00F7FF;
}

.top-row-shade {
    color: #BFC8C8;
    /*color: #b0b1b5;*/
}

a.top-row-shade:hover {
    color: #BFC8C8;
    /*color: #b0b1b5;*/
}

.top-row-pad {
    padding-right: 2em;
}

.question-description {
    color: #008f7e;
    font-size: 0.9em;
    font-style: italic;
    /*color: #008080;*/
}

.proj-info-ra-heading {
    font-size: 0.8em;
    font-weight: bold;
    padding-top: 0.5em;
    padding-left: 0.5em;
    margin-bottom: 1px;
}

.proj-info-classitem {
    padding-right: 0.7em;
}

.proj-info-classname {
    font-size: 0.7em;
    vertical-align: bottom;
    padding-left: 0.2em;
}

.proj-info-classlist {
    padding-left: 0.4em;
}

.proj-info-budget {
    font-size: 0.8em;
    /*font-weight: bold;*/
    padding-left: 0.5em;
    padding-right: 1.5em;
}

div.proj-progress-bar {
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 1em;
}

    div.proj-progress-bar div {
        float: left;
        text-align: center;
        color: white;
        width: 100%;
        height: 1em;
    }

.proj-progress-percentage {
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 0.8em;
    padding-left: 0.8em;
}

.support-recommend-container {
    padding-top: 1em;
    /*border-radius: 25px;*/
}

.support-recommend-text {
    font-size: 0.9em;
    color: #008f7e;
}

.proj-info-orgstatus {
    padding-left: 0.5em;
    padding-top: 0.1em;
}

.modal-org-status-header {
    background-color: #FFC400;
}

.modal-org-status-text {
    font-size: 0.85em;
    color: black;
}

a.project-link-2 {
    color: #1861ac;
}

    a.project-link-2:hover {
        color: #2c84e0;
    }

.question-area {
    height: 90%;
    overflow: auto;
}

div.full-proj-progress-bar {
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
    padding-bottom: 0.3em;
    /*
    padding-left: 0.5em;
    padding-right: 0.5em;
    
    */
}

    div.full-proj-progress-bar div {
        float: left;
        text-align: left;
        color: white;
        font-style: italic;
        width: 100%;
        height: 1.4em;
    }

div.chartarea {
    padding-top: 4em;
    margin-top: 0.5em;
    border: 1px solid #909797;
    border-radius: 5px;
    border-top-right-radius: 30px;
}

div.gridarea {
    padding-top: 1em;
    margin-top: 0.5em;
    border: 1px solid #909797;
    border-radius: 5px;
}

div.filter-heading {
    font-style: italic;
    color: #a4b0b0;
    padding-top: 1em;
    padding-bottom: 1em;
}

.chart-filter-section {
    border-left: 1px solid #dae2e2;
    border-bottom-left-radius: 45px;
    border-right: 1px solid #dae2e2;
    border-bottom: 1px solid #dae2e2;
}

p.no-filters {
    font-size: 0.9em;
    padding-left: 0.6em;
}

.proj-list-heading {
    font-size: 1em;
    color: #206252;
    padding-left: 2em;
}

.proj-home-stat-card {
    background-color: #f2f6f5;
    /*    color: white;*/
    padding-left: 1.2em;
    max-height: 25em;
    border: 1px solid #f2f6f5;
    border-radius: 30px;
    border-top-right-radius: 30px;
}

.proj-home-cardtext-major {
    font-size: 2em;
    font-weight: 500;
    padding-bottom: 0.5em;
    color: #206252;
}

.proj-home-cardtext-minor {
    font-size: 1.2em;
    font-weight: 400;
    padding-bottom: 1.2em;
    padding-left: 0.5em;
    color: #206252;
}

.proj-home-cardtext-div {
    padding-bottom: 1.5em;
    padding-left: 0.5em;
}

a.project-link {
    color: #1861ac;
    font-size: 0.9em;
    font-style: italic;
}

    a.project-link:hover {
        color: #58B6C0;
    }

a.inactive-process-link {
    color: #949a9d;
    font-size: 0.9em;
    font-style: italic;
}

    a.inactive-process-link:hover {
        color: #949a9d;
    }

.landing-card-border {
    border: 1px solid #f2f6f5;
    border-radius: 5px;
    border-top-right-radius: 30px;
    padding-top: 1em;
    padding-bottom: 0.8em;
}

.landing-listing-border {
    border: 1px solid #f2f6f5;
    border-radius: 5px;
    border-top-right-radius: 30px;
    padding-top: 0.5em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
}

.landing-header {
    font-size: 1.3em;
    font-weight: bold;
    color: #206252;
    margin-bottom: 0.4em;
}

.api-access-message {
    font-style: italic;
    color: #E34234;
}

/*All Projects List Page Settings
------------------------------------------------------------------*/
a.admin-project-link {
    color: #1861ac;
    font-size: 1em;
}

    a.admin-project-link:hover {
        color: #58B6C0;
        text-decoration: underline;
    }

.admin-proj-list-heading {
    font-size: 1em;
    color: #206252;
    padding-left: 1em;
}

/*Organisation Screen*/
a.org-link {
    color: #1861ac;
}

    a.org-link:hover {
        color: #2c84e0;
    }

.org-info-heading {
    font-size: 1.2em;
}

.org-info-chart-title {
    font-size: 0.8em;
    font-weight: bold;
    padding-bottom: 1em;
    text-align: center;
}

.org-info-grid-title {
    font-size: 0.9em;
    color: #4f4f4f;
    padding-left: 2em;
    padding-top: 1em;
}

.org-info-grid {
    padding-left: 2em;
}

.org-info-headings {
    display: inline;
}

.org-info-dollar {
    font-size: 1.1em;
    display: inline;
}

.org-info-line-heading-major {
    font-size: 0.9em;
    display: block;
    font-weight: bold;
}

.org-info-line-heading-minor {
    font-size: 0.9em;
    display: block;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    padding-top: 0.5em;
}

.item1 {
    padding-top: 0.3em;
    font-size: 2.1em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    grid-row: 1 / 3;
    padding-left: 0.3em;
    padding-right: 0.4em;
}

.item2 {
    font-size: 0.7em;
    font-weight: bold;
    grid-row: 1;
    grid-column: span 5;
}

.item3 {
    font-size: 0.7em;
    grid-row: 2;
    grid-column: span 5;
}

.org-info-grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    padding-top: 0.8em;
}

.org-info-item1 {
    padding-top: 0.5em;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    grid-row: 1 / 3;
    padding-left: 0.3em;
    padding-right: 0.4em;
}

.org-info-item2 {
    padding-top: 0.5em;
    font-size: 0.8em;
    font-weight: bold;
    grid-row: 1;
    grid-column: span 5;
}

.org-info-item3 {
    font-size: 0.8em;
    grid-row: 2;
    grid-column: span 5;
    padding-bottom: 1.5em;
}

a.info-org-company-link {
    color: #4375a8;
}

    a.info-org-company-link:hover {
        color: #4375a8;
        text-decoration: underline;
    }

.org-info-ra-heading {
    font-size: 0.8em;
    font-weight: bold;
    padding-left: 3em;
    padding-top: 2em;
    padding-bottom: 0.4em;
}

.org-info-ra-list {
    padding-left: 3.5em;
}

.org-info-ra-item {
    padding-right: 0.7em;
    display: inline-block;
}

.org-info-ra-name {
    font-size: 0.8em;
    vertical-align: baseline;
    padding-left: 0.2em;
}

.org-info-cell-style {
    font-size: 0.9em;
}

a.org-header-link {
    color: #008080;
    font-size: 0.9em;
    font-weight: bold;
    padding-left: 0.5em
}

    a.org-header-link:hover {
        color: #008080;
        text-decoration: underline;
    }

.org-header-2 {
    color: #008080;
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 2em;
}

.org-filter-header {
    font-size: 1.2em;
    font-weight: bold;
}

.org-api-header {
    font-size: 0.7em;
    float:right;
    font-style: italic;
}

.text-template-reload {
    text-align: right;
}

.text-template-reload-icon {
    font-size: 1.5em;
    color: #46ABC8;
}

.rich-text-editor {
    font-size: 0.7em;
}

.full-schedule-icon {
    padding-left: 1.5em;
}

.modal-last-page-header {
    background-color: #5CB85C;
}

.modal-last-page-text {
    font-size: 0.85em;
    color: black;
}

.remove-target-org-icon {
    color: #E34234;
}

.add-target-org-icon {
    color: #46ABC8;
}

.no-chart-data {
    color: #206252;
    font-size: 1.3em;
    text-align: center;
    padding-top: 2em;
}

.bar-setting {
    width: 10em;
}

.full-content {
    padding-top: 3.97em;
}

.org-fav-header {
    color: white;
    font-size: 0.9em;
}

.org-inactive-text {
    color: #b8b9b9;
    font-style: italic;
}

/* 
    =============================================
    Dashboard classes for Nat to experiment with
    =============================================
    - padding: or padding-<direction> controls the indentation and spacing between elements.
    - color: is the font colour
*/

/* Nat this CSS class is the outer container for each Stat card/section
    If you uncomment the background-color and color entries below it will make the background of the Stat card green and font white.
    Or you can experiement with any other colour eg) background-color: #ecf4f7;
*/
.dashboard-stat-card {
    background-color: #f2f6f5;
    /*   color: white;*/
    padding-left: 1.2em;
    max-height: 19em;
}

/* Nat this CSS class controls the text for the larger sized stat figures on the left
    You could experiemnt with font colours by changing the color: item in the below 2 classes
    If you delete the whole color: item line the font colour will revert to black.
*/
.dashboard-cardtext-major {
    font-size: 2em;
    font-weight: 500;
    padding-bottom: 1.5em;
    color: #206252;
}

/* Nat this CSS class controls the text for the smaller sized labels to the right of the figures*/
.dashboard-cardtext-minor {
    font-size: 1.2em;
    font-weight: 400;
    padding-bottom: 1.5em;
    padding-left: 0.5em;
    color: #206252;
}

/* Nat this CSS class is the container for each stat. It contains the 2 major and minor classes (above) within it.
    If there are 3 stats this class will appear 3 times. Only 2 stats this class will appear twice.
    The padding-left controls the indentation
*/
.dashboard-cardtext-div {
    padding-top: 0.1em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
}

.dashboard-card-header {
    /*background-color: #f2f6f5;*/
}

.dashboard-row-color {
    background-color: #f2f6f5;
}

/* Nat This is a backup of the dashboard CSS classes if you want to revert them back to the original style

.dashboard-stat-card {
    background-color: #206252;
    color: white;
    padding-left: 1.2em;
    max-height: 19em;
}

.dashboard-cardtext-major {
    font-size: 2.2em;
    padding-bottom: 1.5em;
}

.dashboard-cardtext-minor {
    font-size: 1em;
    padding-bottom: 1.5em;
    padding-left: 0.5em;
}

.dashboard-cardtext-div {
    padding-top: 1em;
    padding-bottom: 1.5em;
    padding-left: 2.5em;
}

.dashboard-card-header {
    background-color: #f2f6f5;
}

.dashboard-row-color {
    background-color: #f2f6f5;
}
*/

.edit-user-header {
    font-size: 1.3em;
    font-weight: bold;
    color: #206252;
    margin-bottom: 0.4em;
}

.user-admin-desc {
    font-style: italic;
    font-size: 0.9em;
    padding-left: 2.9em;
}

.user-admin-option {
    font-style: italic;
    font-size: 0.9em;
    padding-left: 2.9em;
}

.user-view-aou-entry {
    padding-left: 2.9em;
}

.full-sched-complete {
    color: #006A71;
}

.full-sched-skip {
    color: #99E6E2;
}

.full-sched-incomplete {
    color: #B8293D;
}

.filter-area {
    padding-left: 1em;
    background-color: white;
    border: 1px solid;
    border-radius: 10px;
    position: absolute;
    /*left: 0.5em;
    top: 4em;
    width: 15%;
    height: 80%;*/
    left: 14%;
    top: 6.7%;
    width: 83.5%;
    z-index: 1000;
}

.filter-link {
    padding-left: 3em;
    padding-top: 1em;
}

.help-page {
    padding-left: 5em;
    padding-right: 5em;
}

    .help-page p {
        font-family: 'Segoe UI';
        font-size: 1em;
    }

.help-message {
    font-family: 'Segoe UI';
    font-size: 1.5em;
    font-weight:300;
    font-palette:light;
    color: #70d1d7;
    background-color: #f2f3f3;
    text-align: center;
    margin-left: 1em;
}

.help-text-enhance-1 {
    color: #1cd2de;
}

.help-text-enhance-2 {
    color: teal;
}

.help-text-enhance-3 {
    color: #1ca3de;
}

.help-fitt-text {
    color: #02b6c1;
}

.help-footer {
    font-weight: 500;
    color: #383737;
    padding-top: 2em;
    padding-bottom: 1em;
}

a.help-footer-link {
    color: forestgreen;
}

.template-quest-config {
    color: #206252;
}

.template-quest-skipable {
    float: right;
    color: #206252;
}

.template-details-isinactive {
    float: right;
    color: #206252;
}

.template-copy {
    padding-bottom: 1em;
}

.template-copy-title {
    color: #206252;
}

.template-quest-perorg {
    float: right;
    color: #206252;
}

.template-perorg-warning {
    padding-top: 1em;
}

.template-quest-linked {
    color: #206252;
    font-size: 0.7em;
}

a.template-quest-linked:hover {
    color: #46ABC8;
    font-size: 0.7em;
}

.template-quest-branching {
    color: #206252;
    font-size: 0.7em;
}

.template-disc-code {
    text-transform: uppercase;
}

.loginText {
    color: gray;
    font-size: 0.9em;
}

.loginTextAlert {
    color: #E34234;
    font-size: 0.9em;
}

.firstUserbox {
    float: right;
}

/* Resource Section
---------------------------
*/
.resource-header {
    background-color: #f5f7f6;
    color: #05c1d4;
    padding: 0.3em;
    margin-top: 0.5em;
}

.resource-row {
    padding: 0.2em;
}
.resource-icon {
    color: black;
}

.resource-item {
    padding-left: 1.0em;
    vertical-align: bottom;
}
.resource-link {
    color: #1861ac;
}

a.resource-link:hover {
    text-decoration: underline;
    color: #1861ac;
}

.resource-none {
    font-size: 0.8em;
    color: #7c7d7d;
}

/* To Do & Newsfeed Section
---------------------------
*/
.todo-news-panel {
    border: 1px solid #f2f6f5;
    border-radius: 5px;
    border-top-right-radius: 30px;
}

.todo-list {
    
}

.todo-header {
    background-color: #f2f6f5;
    border-top-right-radius: 30px;
    padding: 0.3em;
}

.todo-heading {
    font-size: 0.9em;
    font-weight: 900;
    padding-left: 0.7em;
}
.todo-item {
    padding-left: 0.5em;
}

.todo-item-1 {
    padding-top: 0.6em;
}

.todo-item-2 {
    border-bottom: 1px solid #f2f6f5;
}

.todo-title {
    color: #1861ac;
    font-size: 0.85em;
    
}

a.todo-title:hover {
    text-decoration: underline;
    color: #1861ac;
}

.todo-date {
    float: right;
    padding-right: 2em;
    font-size: 0.85em;
    font-weight: 400;
}

.todo-details {
    font-size: 0.7em;
    vertical-align: text-top;
}

.todo-nothing {
    font-size: 0.8em;
    color: #7c7d7d;
    text-align: center;
    padding: 1em;
}

.todo-modal-header {
    background-color: #3A3F44;
}

.todo-modal-header-title {
    color: #fff;
}

.todo-full-list-title {
    color: #1861ac;
}

a.todo-full-list-title:hover {
    text-decoration: underline;
    color: #1861ac;
}

.todo-validation {
    color: #e91717;
    font-size: 0.7em;
}

.todo-add-icon {
    float: right;
    padding-right: 1.5em;
}

.newsfeed-news-panel {
    border: 1px solid #f2f6f5;
    border-radius: 5px;
    border-top: none;
    padding-top: 1.5em;
}

.newsfeed-list {
}

.newsfeed-header {
    background-color: #f2f6f5;
    border-top-right-radius: 30px;
    padding: 0.3em;
}

.newsfeed-heading {
    font-size: 0.9em;
    font-weight: 900;
    padding-left: 0.7em;
}

.newsfeed-item {
    padding-left: 0.5em;
}

.newsfeed-item-1 {
    padding-top: 0.6em;
}

.newsfeed-item-2 {
    border-bottom: 1px solid #f2f6f5;
}

.newsfeed-title {
    color: #1861ac;
    font-size: 0.85em;
}

a.newsfeed-title:hover {
    text-decoration: underline;
    color: #1861ac;
}

.newsfeed-date {
    float: right;
    padding-right: 2em;
    font-size: 0.85em;
    font-weight: 400;
}

.newsfeed-details {
    font-size: 0.7em;
    vertical-align: text-top;
}

.newsfeed-nothing {
    font-size: 0.8em;
    color: #7c7d7d;
    text-align: center;
    padding: 1em;
}


.newsfeed-full-list-title {
    color: #1861ac;
}

a.newsfeed-full-list-title:hover {
    text-decoration: underline;
    color: #1861ac;
}

.newsfeed-validation {
    color: #e91717;
    font-size: 0.7em;
}

.newsfeed-icon {
    font-size: 1.5em;
    padding-right: 0.3em;
}

.newsfeed-full-list-title {
    color: #1861ac;
}

a.newsfeed-full-list-title:hover {
    text-decoration: underline;
    color: #1861ac;
}

.newsfeed-modal-header {
    background-color: #3A3F44;
}

.newsfeed-modal-header-title {
    color: #fff;
}

.file-upload-heading {
    font-size: 1.1em;
    text-align: center;
}

.file-upload-subheading {
    font-size: 0.7em;
    padding-bottom: 2.5em;
    text-align: center;
}

.file-upload-test {
    font-size: 0.7em;
    color: #1861ac;
}

a.file-upload-test:hover {
    text-decoration: underline;
    color: #1861ac;
}

.file-upload-padder {
    padding-top: 2em;
}

/* User Security
---------------------------
*/
.template-pref-user-access {
    font-style: italic;
    font-size: 0.9em;
}

.project-view-question {
    font-weight: bold;
    font-size: 1em;
}

.project-view-answer {
    font-size: 0.9em;
    padding-bottom: 1.5em;
    padding-left: 0.5em;
}

.project-view-header {
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 4.5em;
    padding-bottom: 1.5em;
}

.project-view-retrieving {
    font-size: 0.9em;
    padding-left: 8.0em;
}

.user-access-grant-header {
    font-weight: bold;
    font-size: 0.8em;
    padding-top: 1em;
    color: #5CB85C;
}

.user-access-search-header {
    font-weight: bold;
    font-size: 0.8em;
    padding-top: 1em;
    padding-bottom: 0.3em;
    color: #46ABC8;
}

.user-access-full-ro {
    color: #1861ac;
    font-size: 0.85em;
}

a.user-access-full-ro:hover {
    text-decoration: underline;
    color: #1861ac;
}

.user-access-divider {
    padding-top: 1em;
}

.user-access-rights-label {
    font-size: 0.7em;
}

.user-access-modal-header {
    background-color: #575757;
}

.user-access-modal-footer {
    padding-top: 0em;
}

.user-access-default-users {
    float: right;
    font-size: 0.6em;
    
}

/* Project Status Prefs
---------------------------
*/

.proj-info-proj-status {
    padding-left: 0.5em;
}

.template-status-access {
    padding-left: 2.3em;
}

.template-proj-status-info-1 {
    font-size: 0.7em;
    font-style: italic;
    padding-top: 0.3em;
}

.template-proj-status-info-2 {
    font-size: 0.7em;
    padding-top: 1em;
}

.template-proj-status-info-3 {
    font-size: 0.7em;
    font-style: italic;
}

.template-proj-status-values {
    border: 1px solid #206252;
    border-radius: 20px;
    padding: 0.5em;
    background-color: #f7fafa;
}

.dark-modal-header {
    background-color: #3A3F44;
}

.light-modal-header-title {
    color: #fff;
}

/* Workflow Prefs
---------------------------
*/
.workflow-isinactive {
    float: right;
    color: #206252;
}

.workflow-type-desc {
    color: #909696;
    font-size: 0.8em;
    font-style: italic;
}

.workflow-type-name {
    font-size: 0.9em;
}

.workflow-2-item {
    font-size: 0.8em;
    background-color: #edddee;
    border: 1px solid #b3b5b7;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    padding: 0.7em;
}

.workflow-3-item {
    font-size: 0.8em;
    background-color: #c1e0f7;
    border: 1px solid #b3b5b7;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    padding: 0.7em;
}

.workflow-4-item {
    font-size: 0.8em;
    background-color: #d5efd5;
    border: 1px solid #b3b5b7;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    padding: 0.7em;
}

.workflow-5-item {
    font-size: 0.8em;
    background-color: #f2dfdf;
    border: 1px solid #b3b5b7;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    padding: 0.7em;
}

.workflow-subitem {
    font-size: 0.8em;
    padding-top: 0.5em;
}

.workflow-item {
}

.workflow-subitem-link {
    color: #415a74;
}

    .workflow-subitem-link:hover {
        color: #415a74;
        text-decoration: underline;
    }

.workflow-1-heading {
    text-align: center;
}

.workflow-2-heading {
    font-size: 1.2em;
    font-weight: 400;
    background-color: #edddee;
    border: 1px solid #b3b5b7;
    border-radius: 20px;
    text-align: center;
    box-shadow: 6px 6px 6px #949a9d;
    padding-bottom: 0.8em;
    padding-top: 0.8em;
}

.workflow-3-heading {
    font-size: 1.2em;
    font-weight: 400;
    background-color: #c1e0f7;
    border: 1px solid #b3b5b7;
    border-radius: 20px;
    text-align: center;
    box-shadow: 6px 6px 6px #949a9d;
    padding-bottom: 0.8em;
    padding-top: 0.8em;
}

.workflow-4-heading {
    font-size: 1.2em;
    font-weight: 400;
    background-color: #d5efd5;
    border: 1px solid #b3b5b7;
    border-radius: 20px;
    text-align: center;
    box-shadow: 6px 6px 6px #949a9d;
    padding-bottom: 0.8em;
    padding-top: 0.8em;
}

.workflow-5-heading {
    font-size: 1.2em;
    font-weight: 400;
    background-color: #f2dfdf;
    border: 1px solid #b3b5b7;
    border-radius: 20px;
    text-align: center;
    box-shadow: 6px 6px 6px #949a9d;
    padding-bottom: 0.8em;
    padding-top: 0.8em;
}

.workflow-process-heading-1 {
    font-size: 1.3em;
    font-weight: 500;
    padding-left: 1em;
    padding-bottom: 0.5em;
}

.workflow-process-heading-2 {
    font-size: 1.3em;
    font-weight: 500;
    padding-left: 5em;
    padding-bottom: 0.5em;
}

.workflow-process-filter {
    padding-left: 2em;
    padding-right: 2em;
}

.workflow-details {
    border: 1px solid #b3b5b7;
    border-radius: 5px;
    border-top-right-radius: 40px;
    padding-top: 2em;
    padding-bottom: 2em;
}

.workflow-design {
    border: 1px solid #b3b5b7;
    border-radius: 5px;
    border-top-right-radius: 40px;
    padding-top: 1em;
    padding-bottom: 2em;
}

.workflow-design-header {
    color: #b3b5b7;
    padding-top: 0.5em;
    padding-bottom: 1em;
}

.workflow-design-header-1 {
    padding-left: 4.5em;
}

.workflow-design-header-2 {
    padding-left: 30em;
}

.workflow-details-buttons {
    padding-top: 1em;
    padding-bottom: 3em;
}

.workflow-design-buttons {
    padding-top: 1em;
    padding-bottom: 3em;
}

.workflow-page-heading {
    font-size: 1.3em;
    font-weight: bold;
    color: #206252;
    margin-bottom: 0.4em;
}

.workflow-unsaved-messg {
    color: #949a9d;
    font-size: 0.9em;
    font-style: italic;
}

.workflow-template-item {
    color: black;
    font-size: 0.8em;
    background-color: #93d0c3;
    border: 1px solid #b3b5b7;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    padding: 0.7em;
}

.workflow-template-intro {
    color: #3A3F44;
    font-size: 0.9em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
    text-align: center;
    font-style: italic;
}

.workflow-template-header {
    color: #3A3F44;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.workflow-template-header-1 {
    padding-left: 1em;
    font-weight: 600;
    color: #206252;
}

.workflow-template-header-2 {
    padding-left: 34.5em;
    font-weight: 600;
    color: #206252;
}

.return-to-workflow-page {
    color: #1861ac;

}

a.return-to-workflow-page:hover {
    text-decoration: underline;
    color: #1861ac;
    cursor: pointer;
}

return-to-workflow-area {

}

.workflow-template-name {
    color: #3A3F44;
    font-size: 0.8em;
    font-weight: 700;
}

.workflow-template-available {
    /*background-color: #f2f7fc;*/
    border: 1px solid #206252;
    border-top-right-radius: 30px;
    background-color: #f7fafa;
}

.workflow-template-pathway {
    border: 1px solid #206252;
    border-top-right-radius: 30px;
    background-color: #f7fafa;
}

/*Workflow Project Listing Page
 ------------------------------
*/

.project-wf-info-area {
    border: 1px solid #9eb8cc;
    border-radius: 5px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-top: 0.5em;
    margin-left: 1em;
    padding: 0.5em;
    background-color: #fbfbfb;
}

.project-wf-info-title {
    margin-top: 0.5em;
}

.project-wf-title {
    /*text-decoration: underline;*/
    color: #206252;
}

a.project-wf-title:hover {
    color: #58B6C0;
}

.project-wf-info-stage {
    margin-left: 1em;
    font-size: 0.9em;
    font-style: italic;
}

.project-wf-info-pathway {
    margin-left: 3em;
    font-size: 0.9em;
    font-style: italic;
}

.project-wf-info-process {
    margin-left: 5em;
    margin-right: 2em;
}


.project-standalone {
    margin-top: 0.5em;
}

.workflow-project-warning {
    font-size: 0.8em;
    color: #949a9d;
    text-align: center;
    padding-top: 2em;
}

.workflow-project-warning-icon {
    color: #FFC400;
}

.workflow-help-icon {
    color: #206252;
}

.process-flow-header {
    color: #206252;
    font-size: 0.9em;
}

.process-flow-question-text {
    color: #1861ac;
    font-size: 0.9em;
}

a.process-flow-question-text:hover {
    color: #1861ac;
    text-decoration: underline;
}

.process-flow-chosen-question-text {
    font-size: 0.8em;
}

.process-flow-new-question-text {
    color: #206252;
    font-size: 0.8em;
}

.process-flow-new-row {
    background-color: #eaf3f3;
    border: 1px solid #5CB85C;
    padding: 0.3em;
}

.process-flow-template-section {
    font-size: 0.9em;
    background-color: #BFC8C8;
    font-style: italic;
}

.process-flow-phase-section {
    font-size: 0.7em;
    font-style: italic;
    color: #96a3a3;
}

.process-flow-step-section {
    font-size: 0.7em;
    font-style: italic;
    color: #abc1c1;
}

.process-flow-answer-text {
    font-size: 0.8em;
    padding-left: 0.5em;
}

.process-flow-question-section {
    overflow: auto;
    height: 550px;
    border: 1px solid #BFC8C8;
    border-radius: 10px;
    text-align: center;
}

.process-flow-clear-search {
    font-size: 0.7em;
    color: #1861ac;
    padding-left: 0.5em;
}

a.process-flow-clear-search:hover {
    font-size: 0.7em;
    color: #1861ac;
    text-decoration: underline;
}

.process-flow-no-mapping-text {
    font-size: 0.8em;
    color: #949a9d;
    font-style: italic;
    padding-top: 0.5em;
}

.process-flow-intro {
    color: #206252;
    font-size: 0.9em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}

.process-flow-intro-question {
    font-size: 0.8em;
    font-style: italic;
    text-align: center;
}

.process-flow-config-area {
    border: 1px solid #206252;
    border-radius: 20px;
    padding: 0.5em;
    background-color: #f7fafa;
}

.process-flow-question-instruction {
    font-size: 0.8em;
    font-style: italic;
    text-align: center;
    padding-top: 1em;
}

.process-flow-mapping-row {
    
}

    .process-flow-mapping-row:hover {
        background-color: #d5e0e0;
    }

.reviewer-actions-nothing {
    font-size: 1em;
    font-style: italic;
    text-align: center;
    padding: 3em;
}

.reviewer-process-activator {
    font-style: italic;
    padding-left: 1em;
    padding-top: 0.5em;
}

.process-under-review {
    color: #206252;
    text-align: center;
    font-size: 1.3em;
    padding-top: 2em;
}

.process-editing {
    color: #206252;
    text-align: center;
    font-size: 1.3em;
    padding-top: 2em;
}

.nav-comment-header {
    background-color: #206252;
}

.nav-comment-text {
    font-style: italic;
    font-size: 0.9em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.nav-comment-activity-text {
    font-size: 0.6em;
    padding-top: 1em;
    font-weight: 900;
}

.quest-category-message {
    font-style: italic;
    font-size: 0.9em;
}

.text-template-quest-list {
    height: 41em;
}

.rtf-box {
    height: 40em;
}

.rtf-pick-quest-instruction {
    font-style: italic;
    font-size: 0.9em;
    color: #46ABC8;
}

.rtf-quest-header {
    font-size: 0.8em;
    font-style: italic;
}

.chart-save-home-text {
    
    font-size: 0.8em;
    padding-top: 0.5em;
}

.chart-save-home-position {
    align-items: center;
    padding-top: 0.5em;
}

.chart-save-or-text {
    font-size: 0.9em;
    padding-top: 0.5em;
}

.chart-save-stats {
    font-size: 0.8em;
    padding-top: 0.5em;
    padding-bottom: 2em;
}
/*---------------------------------------------------------------*/
.tester {
    background-color: #85bb65;
    color: #c1e0f7;
    --primary: #6200ee;
    --primary-dark: #3700b3;
    --primary-light: #bb86fc;
    /*
        "#0398fc", "#e85917", "#52cc4b", "#8f66ed", "#e673d6", "#3f44e8", "#de4b61", "#60d19b", "#fcc603", "#1f46a6", "#f2f057"
    */
}

.blah {
    /*Primary - Army Green*/
    background-color: #206252;
    /*Secondary Light blue green*/
    background-color: #9CE9E5;
    /*Success Green*/
    background-color: #5CB85C;
    /*Danger Red*/
    background-color: #E34234;
    /*Warning Orange*/
    background-color: #FFC400;
    /*Info Blue*/
    background-color: #46ABC8;
    /*Dark Black*/
    background-color: #3A3F44;
    /*Light */
    background-color: #BFC8C8;
}

.blah2 {
    /*Primary - Army Green*/
    background-color: #01894c;
    /*Secondary Teal*/
    background-color: #008080;
    /*Success Green*/
    background-color: #57c821;
    /*Danger Red*/
    background-color: #E34234;
    /*Warning Orange*/
    background-color: #FFAA33;
    /*Info Blue*/
    background-color: #4169E1;
    /*Dark Black*/
    background-color: #3d3d3d;
    /*Light */
    background-color: #f8f4e1;
}