/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

header {
    z-index:1;
}
.all-upper input {
    text-transform: uppercase;
}

.is-bold {
    font-weight: bold;
}

.all-lower input {
    text-transform: lowercase;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

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

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

@media (min-width: 768px) {
    html {
        font-size: 15px;
    }
}

.border-top {
    border-top: 1px solid;
}

.border-bottom {
    border-bottom: 1px solid;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    height: 100%;
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
   /* position: absolute;
    bottom: 0;*/
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.main-logo--large {
    max-width: 500px;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.col--spaced-sm {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}

.row--spaced-sm {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}

.row--spaced-lg {
    margin-top: 15px;
    margin-bottom: 15px;
}

.row--spaced-top-lg {
    margin-top: 15px;
}

.row--spaced-xl {
    margin-top: 30px;
    margin-bottom: 30px;
}

.row--spaced-span span.dx-field-item-label-content {
    width: auto !important; 
}

.spacing-sm {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}

.margin-bottom--sm {
    margin-bottom: 7.5px;
}

.no-padding {
    padding: 0 !important;
}

.navbar-brand--img {
    max-height: 50px;
    max-width: 50px;
}

.field-validation-error {
    color: red !important;
    font-weight: 500;
}

.display-none {
    display: none;
}

.bold {
    font-weight: 500;
}

.inline {
    display: inline !important;
}

.map-lg {
    height: 600px;
}

.map-sm {
    height: 400px;
}


.container-large {
    width: 80%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.devextreme--toolbar-content {
    margin-bottom: 0px;
}

.mdi {
    /*font-size: 32px !important;*/
    position: relative;
    top: 6px;
    /*left: 2px;*/
    /*right: 7px;*/
    text-align: center !important;
}

.mdi-top-0 {
    top: 0 !important;
}

.mdi-top-0 .mdi {
    top: 0 !important;
}

.big-icon-button .dx-button-has-icon .dx-icon {
    width: 32px;
    height: 32px;
    background-position: 0px 0px;
    background-size: 32px 32px;
}


.devextreme--toolbar-title {
    font-weight: 500 !important;
    font-size: 20px !important;
}

.dx-form-group-caption {
    font-weight: 500 !important;
    font-size: 20px !important;
}


.dx-datagrid-borders .dx-datagrid-rowsview,
.dx-datagrid-headers + .dx-datagrid-rowsview {
    border-color: #000 !important;
}

.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-color: #000 !important;
}

.dx-datagrid-borders > .dx-datagrid-pager,
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-color: #000 !important;
}

.dx-form-group-content {
    border-color: #000 !important;
}

.dx-datagrid-borders > .dx-datagrid-pager, .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-bottom-width: 0px !important;
}

.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-top-width: 0px !important;
}

.dx-datagrid-pager {
    border-top: 0 !important;
}

.page-title {
    border-bottom: 1px solid;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

.text-sizing {
    min-width: 200px;
    position: relative;
    bottom: 8px;
    margin-left: 8px;
}

#authority-logo-file-uploader .dx-fileuploader-files-container {
    padding-top: 0 !important;
}

.w-550 {
    max-width: 550px;
}

.validation-summary-errors li {
    list-style: none;
}

.action-tab-group {
    max-width: 520px !important;
}

.action-tab-group-wide {
    max-width: 1040px !important;
}

.ta-l {
    text-align: left !important;
}

.w-400 {
    max-width: 400px !important;
}

.dx-icon--small {
    max-width: 15px !important;
    cursor: pointer;
}

.dx-checkbox-icon {
    border: 1px solid #337ab7;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #15334d;
}

.disable-selection {
    user-select: none;
    outline: 0;
}

select#themes {
    max-width: 200px;
}

/*Icon Overrides*/
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link.mdi-eye {
    font-size: 20px;
}

/*Accessibility*/

/*Page 1 of x*/
.dx-info {
    opacity: 1 !important;
}

table.google-visualization-orgchart-table {
    border-collapse: separate;
}

.dx-dialog-message h4 i.mdi {
    font-size: 24px;
    top: 3px !important;
}

.edit-button {
    float: right;
    margin-right: 10px;
    width: 100px;
}

.wf-node {
    border: 4px solid #d3d3d3;
    width: 130px;
    height: 70px;
}

.dx-hidden {
    position: absolute;
    left: -9999px;
}

.wf-connector {
    stroke: red;
    fill: red;
}

.wf-legend {
    width: 7px;
    height: 7px;
    display: block;
    float: left;
    position: relative;
    top: 7px;
    margin-right: 10px;
}

.wf-legend-green {
    background-color: #2ECC40;
}

.wf-legend-red {
    background-color: #FF4136;
}

.wf-legend-amber {
    background-color: #FFBF00;
}

.wf-toolbar-button-fix-no-text {
    position: relative;
    top: -2px;
}

.wf-toolbar-button-fix-has-text {
    position: relative;
    top: 12px;
}

g.node g {
    pointer-events: none;
}

.edgePath path {
    stroke: #333;
    fill: #333;
    stroke-width: 2.5px;
}

.node text {
    pointer-events: none;
}

#recalculate {
    display: none !important;
}

.total {
    padding-top: 8px;
}

.total .dx-numberbox {
    border: none;
    opacity: 1;
}

.total .dx-texteditor-input {
    font-weight: bold !important;
    text-align: right;
}

.align-right .dx-texteditor-input {
    text-align: right;
}

.position-right {
    margin-left: auto;
    margin-right: 0;
}

.force-bottom {
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

.dx-texteditor.dx-editor-outlined {
    border: 1px solid #555;
}


.dx-color-scheme-darkviolet .dx-texteditor.dx-state-readonly {
    background: rgba(51,122,183, .8);
    border-style: dashed;
}

    .dx-color-scheme-darkviolet .dx-texteditor.dx-state-readonly div.dx-placeholder {
        color: white;
    }

.subtracted-value .dx-texteditor {
    border-bottom: solid 2px #333333 !important;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 4px !important;
}

.elements-popup .dx-texteditor-input {
    padding-top: 3px;
    padding-bottom: 4px;
    min-height: 26px;
}

.elements-popup .dx-placeholder:before {
    padding-top: 3px;
    padding-bottom: 4px;
}


.force-bottom {
    margin-top: auto !important;
    margin-bottom: 0 !important;
}


/* Change of PTO Page */

.changeOfPtoTabs {
    border: none !important;
}

.changeOfPtoTabs .dx-tab {
    border: 1px solid black;
    border-right: 0px;
    border-radius: 5px;
    cursor: auto;
}

.changeOfPtoTabs .dx-tab:last-child {
    border-right: 1px solid black;
}

.changeOfPtoTabs .dx-tab-selected {
    border-bottom: 0px !important;
}

.changeOfPtoTabs .dx-tab-selected:after {
    border: none !important;
}

.changeOfPto-section {
    border: 1px solid black;
    border-top: 0px;
}

/* end of PTO Page */

.margin-left-auto {
    margin-left: auto;
}

.mdi {
    top: 0;
}

.dx-inline-button {
    display: inline-block;
    max-width: 50px;
    margin-left: 3.5px;
    margin-right: 3.5px; 
}

.dx-inline-date {
    display: inline-block;
    max-width: 200px;
    margin-left: 3.5px;
    margin-right: 3.5px;
}

.dx-inline-field {
    display: inline-block;
    margin-left: 3.5px;
    margin-right: 3.5px;
}

.dx-inline-field-medium {
    display: inline-block;
    margin-left: 3.5px;
    margin-right: 3.5px;
    width: 300px;
}

.dx-inline-field-large {
    display: inline-block;
    margin-left: 3.5px;
    margin-right: 3.5px;
    width: 400px;
}

.valuation-search-criteria {
    display: none;
}

.attachment-group-container {
    align-items: center;
}

.attachment-group-textbox {
    margin: 0 1em;
    flex-basis: 100% !important;
}

@media only screen and (min-width: 768px) {
    .attachment-group-textbox {
        flex-basis: 75% !important;
    }
}

.search-buttons-container {
    justify-content: flex-end;
}

.search-buttons {
    margin-left: 1em;
}

.industrials-form-group .dx-form-group {
    border-bottom: 1px solid #000;
    margin-left: 3.5px;
    margin-right: 3.5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-cancel-save-buttons {
    display: grid;
    grid-template-columns: auto min-content;
    grid-gap: 1em;
}

.form-button-right {
    justify-self: right;
}

.standard-letter-attachment-grid > * {
    align-self: center;
}

.standard-letter-attachment-grid {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: min-content auto min-content
}

.retention-group-container {
    align-items: center;
}

.retention-group-container > * {
    margin-right: 10px;
}

.flex-none {
    flex: none !important;
}

.remove-flex .dx-item-content {
    display: block !important;
}

.remove-flex .dx-item {
    display: inline-block !important;
}

.remove-flex .dx-button {
    display: block !important;
}

.kpi-group-container {
    align-items: center;
}

.kpi-group-container span {
    margin-left: 3.5px;
    margin-right: 3.5px;
}

.unredacted-group-container{
    margin-left: 30px;
}

.button-group-container {
    align-items: center;
}

.button-group-container .dx-button {
    margin-left: 3.5px;
    margin-right: 3.5px;
}

.dx-scheduler-cell-sizes-vertical {
    height: 40px;
}

.horizontal-form-group-spacing > *:not(:first-child) {
    margin-right: 10px;
}

#commContainer {
    margin-top: 10px;
}

.comm-paginator, 
.comm-details, 
.comm-totals {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
}

.comm-paginator > div {
    margin-right: 1em;
}

.comm-details > strong, 
.comm-totals > strong {
    margin-right: 0.5em;
}

.comm-details > span,
.comm-totals > span {
    margin-right: 2em;
}

.comm-totals, .comm-paginator {
    margin-top: 1em;
}

.button-group-right-align {
    justify-content: flex-end;
}

.button-group-right-align > *:not(:first-child) {
    margin-left: 1em;
}

.hidden-dx-form-field {
    display: none !important;
}

#fileUploader .dx-fileuploader-wrapper {
    padding: 0 !important;
}

.flex-start {
    justify-content: flex-start;
}

.document-action-btn{
    margin-left: 1em;
}

.street-sequence-label {
    background-color: #fff;
    color: #000;
    padding: 3px;
    font-weight: 700;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 15px !important;
}

.align-celltemplate-span {
    vertical-align: top;
}

.failed-check {
    font-size: 20px;
    color: red;
}

.successful-check {
    font-size: 20px;
    color: green;
}

.formtooltip {
    position: relative;
    display: inline-block;
    color: blue;
}

.formtooltip .formtooltiptext {
    visibility: hidden;
    width: auto;
    min-width: 120px;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    color: blue;
    z-index: 1;
    left: 90%;
    top: -100%;
    background-color: white;
}

.formtooltip:hover .formtooltiptext {
    visibility: visible;
}

.infolink:before {
    content: '?';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    width: 2.4ex;
    height: 2.4ex;
    font-size: 2.0ex;
    line-height: 2.4ex;
    border-radius: 1.5ex;
    margin-right: 4px;
    padding: 1px;
    color: blue;
    background: white;
    border: 1px solid blue;
    text-decoration: none;
}

.white-text {
    color: rgba(0,0,0,0);
}

.infolink:hover:before {
    color: white;
    background: blue;
    border-color: white;
    text-decoration: none;
}

.nondom-valuation-option {
    width:100%;
}

.valuation-section {
    border: 1px solid #ddd;
    padding: 30px;
}

#link-validator {
    color:red;
    display:none;
}

#outcome-btn-container {
    float:right;
}

.siteAreaValidation {
    background: none !important;
    border: none !important;
}

.siteAreaValidationError {
    background: none !important;
    border: none !important;
}

    .siteAreaValidationError input {
        color: red !important;
        font-weight: bold !important;
    }

.siteAreaValidationWarning {
    background: none !important;
    border: none !important;
}

    .siteAreaValidationWarning input {
        color: #ffc107 !important;
        font-weight: bold !important;
    }

.siteAreaValidationHide {
    display:none !important;
}

.uat-environment {
    flex-grow: 2;
    text-align: center;
    font-size: 2em;
    color: red;
    margin: 0 5px;
}

.uat-environment-warning {
    font-size: 1em;
}

.error {
    color: red;
    font-weight: 700;
    background-color: RGBA(51,122,183,0.2);
    padding: 20px
}

.survey-action-close-button {
    align-self: flex-end
}
.clone-address-override {
    margin-top: 5px;
    margin-left: 10px;
    float: right;
}
#gauge {
    height: 650px;
    width: 100%;
}
#chart {
    height: 1200px;
}
#pieChart {
    width:100%;
    height:100%;
}
.pie-chart-container {
    height: 1200px;
    margin: 0em;
    overflow-y: auto;
}
.chart-container {
    margin: 0em;
    overflow-y: auto;
    margin-bottom: 50px;
}
#bubble-chart {
    height:80vh;
}
.gauge-chart-section {
    border: 2px solid grey;
    padding: 5px;
    margin-bottom: 5%;
}

.chart-section {
    border: 2px solid grey;
    padding: 5px;
    margin-bottom: 5%;
}

.revalhub-header {
    text-align:center;
}

#subject-count {
    text-align:center;
}
.reval-main {
    margin-left:auto;
}

.reval-side-bar {
    background-color: #f7f7f7;
    height: 100%;
    position: fixed;
    z-index: 0;
    top:0;
    overflow-x: hidden;
}

    .reval-side-bar ul {
        list-style: none;
        margin-top: 100px;
        width: 100%;
        align-content:center;
        padding:0;
    }

        .reval-side-bar ul li {
            margin-bottom: 20px;
            border-bottom: 1px solid grey;
            padding-bottom: 20px;
            padding-top: 20px;
            text-align: center;
            border-radius: 3px;
            font-weight: bold;
        }

        .reval-side-bar ul li:hover {
            background-color: #c7c7c7;
            cursor:pointer;
        }


    #toggle-view {
        padding: 10px;
    }
#toggle-poi {
    margin-right: 10px;
}

#funnel {
    height: 80vh;
}

#pyramid-chart {
    height: 80vh;
}

#gauge {
    height: 80vh;
}

#bar-chart {
    height: 80vh;
}

#toggle-view {
    padding:10px;
}
#toggle-poi {
    margin-right: 10px;
}
#fileValidationMessage {
    background: none !important;
    border: none !important;
    width:100%;
}

    #fileValidationMessage input {
        color: red !important;
        font-weight: bold !important;
        overflow: visible;
        width: 100vw;
    }

.background-task-status {
    text-align: center;
    margin-top: 40px;
}

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

#msgUploadValidationMessage input {
    color: red !important;
    font-weight: bold !important;
}

.download-email-btn {
    color:white !important;
    width:100%;
    padding:10px;
}
.form-section-heading {
    font-weight: 600;
}

.closed-survey-card {
    font-weight: bold;
    color: red;
}
.average-reduced-area-warning {
    color: red;
    font-weight: bold;
    font-size: 1.25em;
}
.show-invalid-badge {
    pointer-events: none;
    font-weight: 700;
    width: 20px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    background-color: #f74d61;
    color: #fff;
    border-radius: 50%;
    margin-left:8px;
}

.center-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}

.mb-20 {
    margin-bottom: 15px;
}

.add-survey-icon {
    margin-top: 15% !important;
}

.convert-rentsets-button div{
    width: 200px;
    padding: 5px;
}

.rent-valuations-filter-container {
    display: flex;
}

.rent-valuations-filter-container > .space {
    margin-left: 2em;
}