﻿/* 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. */

#divAutoCompTopBar button {
  display: block !important;
}

#divBundleLoading .spinner-border {
    width: 1em;
    height: 1em;
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
  background-color: #00000054 !important
}

#divSearchResults .btn.list-group-item.active {
  border: 1px solid #fff !important;
}


.btn-result-tools .btn:hover {
    /*  background: #2196F3;*/
    color: #fff !important;
}

a.navbar-brand {
  white-space: normal;
  /*text-align: center;*/
  word-break: break-all;
}

nav.client-navbar {
  max-height: 87px;
  border-top: 4px solid #bc9b6a;
}


/*div-autoComp-criteria*/
.div-autoComp-criteria.active {
    border: 1px solid #1c5a7d;
}

    .div-autoComp-criteria.active .input-group input {
        background-color: transparent;
    }

    .div-autoComp-criteria.active label[criteriaLabel] {
        color: #1c5a7d;
    }



.div-autoComp-criteria label[criteriaLabel] {
    z-index: 1;
    position: absolute;
    left: 39px;
    font-size: 0.7rem;
    margin-left: 0.25rem;
}

.div-autoComp-criteria .input-group input {
    background: none;
}

.div-autoComp-criteria .input-group .input-min-criteria {
    border-right: none;
    border-radius: 0;
    border-left: none;
    padding-left: 2.3em;
    padding-top: 1rem;
}

.div-autoComp-criteria .input-group .input-max-criteria {
    border-radius: 0;
    border-left: none;
    padding-left: 2.3em;
    padding-top: 1rem;
}

.div-autoComp-criteria .input-group span.input-min,
.div-autoComp-criteria .input-group span.input-max {
    position: absolute;
    font-size: 0.6rem;
    bottom: 0;
    margin-left: 0.25rem;
    left: 39px
}

.div-autoComp-criteria .input-group span.input-max {
    left: calc(50% + 20px);
}

/* Custom Scrollbar */
/* *********************************************************************** */

/* width */
/*::-webkit-scrollbar {
  width: 10px;
}*/

/* Track */
/*::-webkit-scrollbar-track {
  background: #000;
  border-radius: 3px;
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
  background: rgb(44, 49, 54);
  border-radius: 3px;
}*/

  /* Handle on hover */
/*  ::-webkit-scrollbar-thumb:hover {
    background: rgb(52, 58, 64);
  }*/


/* Sticky footer styles
-------------------------------------------------- */


@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

#divSearchWidget.docked .feature-card {
  display: block;
}

.feature-header {
  width: 100%;
  position: absolute;
  top: 123px;
  left: 0;
  height: 100px;
}

.feature-card {
  height: calc(100vh - 161px);
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
  margin-top: 161px;
/*  left: 15px;
  right: 15px;*/
}

  .feature-card.no-header {
    /*height: calc(100vh - 140px);*/
    position: absolute;
    top: 0;
    /*bottom: 0;*/
    overflow: auto;
    margin-top: 122px;
    left: 15px;
    right: 15px;
  }

.btn-map-themes-toggle:hover {
  background: #dae0e5;
  border-radius: 0;
  text-decoration: none;
}

.btn-map-themes-toggle:hover .bi-map {
  visibility: hidden;
}
/*button.btn-map-themes-toggle {
  position: absolute;
  top: 5px;
  right: 5px;
}*/
/*#map-tools-card {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 390px;
    overflow: auto;
}*/
#divGem.identify {
  /*    cursor: url('../images/icons/cursor.svg'), auto;*/
  cursor: pointer;
}




.cursor-icon {
  transform: rotate(-45deg);
}

#divGem.loading .esri-overlay-surface div {
  visibility: visible !important;
  background: #000;
  opacity: 0.15;
}

.feature-legend {
  position: absolute;
  top: 300px;
  height: calc(100vh - 300px);
  overflow: auto;
  width: 100%;
}

.map-legend {
  background: transparent !important;
}

.search-results-container {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
  margin-top: 365px;
}

#divSearchResultsContainer, #btnMapView {
  z-index: 5;
}

.mask-div,
#maskDiv {
  position: absolute;
  background: rgba(255, 51, 0, 0.1);
  border: 2px dashed rgb(255, 51, 0);
  top: -1000px;
}

  .mask-div.hide {
    display: none;
  }

.screenshot-div,
#screenshotDiv {
  position: absolute;
  top: 131px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}

  #screenshotDiv > * {
    margin: 0.5em;
  }

  .screenshot-cursor,
.screenshotCursor {
  cursor: crosshair;
}

img.js-screenshot-image {
  border: 10px solid white;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.border-top {
  border-top: 1px solid #e5e5e5;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.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 {
    position: relative;
    min-height: calc(100vh + 1px);
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
    /*font-size: .875rem;*/
    /*font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    /*background: #e5e5e5;*/
    font-family: open sans,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #666666;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 58px;
  height: calc(100vh - 58px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

[role="main"] {
  margin-top: 61px;
}

  [role="main"].map-view {
    margin-top: 0;
  }

@media print {





  /*.property-profile-reports {
        font-size: 9pt;
    }*/

  /*.property-profile-reports .card.mb-3 {
        margin-bottom: 0 !important;
        border: 0 !important;
    }

    .property-profile-reports .card {
        border: 0 !important;
    }

        .property-profile-reports .card .card-body {
            padding: 0 !important;
        }*/
}

#divCountySelectionForm {
  height: 162px;
}

.sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

  .sidebar .nav-link.active {
    color: #007bff;
  }

.search-results-sticky {
  position: sticky;
  top: 150px;
  height: calc(100vh - 150px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.card .card-box-shadow {
  -webkit-box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);
  box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);
}

.text-geo-base {
  color: #2698d8;
}

.bg-geo-base {
  background: #2698d8 !important;
}

.bg-map {
  background: #9e9e9ead;
}

.border-geo-base {
  border-color: #2698d8 !important;
}

/*#btnComboSearch {
    border-radius: 0;
    border-bottom-right-radius: .25rem;
}

#btnCount {

    border-radius: 0;
    border-bottom-left-radius: .25rem;
}*/

.nav-pills-geo-base .active a,
.nav-pills-geo-base .nav-link.active,
.nav-pills-geo-base a:hover {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.property-profile-reports .card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  orphans: 1;
  widows: 1;
}

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }



.parcel-image {
  width: 100%;
  max-width: 500px;
}

.search-panel-results {
  /*bottom: 0;
    overflow: auto;
    width: 100%;
    max-height: 69vh;*/
  /*margin-top: 15px;*/
}

.search-control-container {
}

.search-panel-results:empty {
  visibility: hidden;
}

/*.search-list-result {
    cursor: pointer;
    border-color: rgba(0,0,0,0.25);
    background-color: rgba(255,255,255,0.85);
    color: rgba(0,0,0,0.75);
}*/

/*    .search-list-result:hover,
    .search-list-result:focus {
        color: #000;
        background-color: rgba(255,255,255,.95);
    }*/







#divSearchWidgetToggle span.esri-icon-collapse {
  transform: rotate(180deg);
}

#divSearchWidgetToggle.closed {
  left: 0;
}

  #divSearchWidgetToggle.closed span.esri-icon-collapse {
    transform: unset;
  }




#divGem.disabled {
  filter: grayscale(80%);
  pointer-events: none;
}

.btn-at-primary {
  color: #fff;
  background-color: #948671;
  border-color: #948671;
}

  .btn-at-primary.active {
    background-color: #0079c1; /*#933c06;*/
    border-color: #0079c1; /*#933c06;*/
  }

.badge-amerititle {
  background-color: #0079c1; /*#933c06;*/
  color: #fff;
}

.text-amerititle-secondary {
  color: #0079c1; /*#933c06;*/
}

/*@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}*/

/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap */

#divGem,
#divTitle {
  transform: translateX(0px);
  width: calc(100vw - 550px);
  left: 0;
  -moz-transition: transform linear 400ms;
  -o-transition: transform linear 400ms;
  -webkit-transition: transform linear 400ms;
  transition: transform linear 400ms;
  /*-moz-transition: padding linear 400ms;
    -o-transition: padding linear 400ms;
    -webkit-transition: padding linear 400ms;
    transition: padding linear 400ms;*/
}

  #divGem.full-screen {
    width: 100vw;
  }

.property-profile-reports .card.d-print-none .d-flex.flex-column,
.property-profile-reports .card.d-print-none img {
  opacity: 0.5;
}

#divReports.with-map,
#divReportControlPanel.with-map,
#divDocuments.with-map,
#divDocumentControlPanel.with-map {
}

#divReports.with-map,
#divDocuments.with-map {
  padding: 0;
  width: 100%;
  border: 0;
  background: transparent;
  font-size: .85em;
  overflow: hidden;
  margin: 0;
}

/*#divReports.with-map,
#divDocuments.with-map {
    height: calc(100vh - 87px);
    overflow: auto;
    padding-top: 50px;
    padding-right: .5in;
    padding-left: .5in;
    padding-top: .25in;
    padding-bottom: .5in;
    z-index: 2;
}*/

#divReports,
#divReportControlPanel,
#divDocuments,
#divDocumentControlPanel {
}




#divReports,
#divDocuments,
#divReportControlPanel,
#divDocumentControlPanel {
  -moz-transition: width linear 400ms;
  -o-transition: width linear 400ms;
  -webkit-transition: width linear 400ms;
  transition: width linear 400ms;
}

#divReports,
#divDocuments {
  /*padding-right: .5in;
    padding-left: .5in;
    padding-top: 60px;
    padding-bottom: .5in;
    background: #efefef;
    margin-top: 30px;*/
}



/*.property-profile-reports .card-body h5,*/
#divDocumentList h4 {
  font-size: 1.1rem;
}

.property-profile-reports span:empty,
#divReportsPreview span:empty {
  display: none;
}

#divReportPreview .card-body label.font-weight-bold,
.property-profile-reports .card-body label.font-weight-bold,
#divReportsPreview .card-body label.font-weight-bold,
#divDocumentList th {
  font-weight: 500 !important;
}

#divDocumentList table {
  font-size: .85rem;
}

#divAltSearchResults {
  position: absolute;
  top: 0;
  z-index: 6;
  margin-top: 460px;
  overflow: auto;
  bottom: 0;
  left: calc(50% - 300px);
  width: 600px;
}

#divSearchWidget .feature-legend {
  display: none;
}

#divSearchWidget.docked .feature-legend {
  display: block;
}

#divSearchWidget.docked {
  width: 100vw;
  -moz-transition: left linear 400ms;
  -o-transition: left linear 400ms;
  -webkit-transition: left linear 400ms;
  transition: left linear 400ms;
}

  #divSearchWidget.docked.hide {
    width: 100vw;
    left: -100vw;
  }

  #divSearchWidget.docked #btnMapView {
    display: none;
  }

#divSearchWidget #divSearchMap {
  display: none;
}

#divSearchWidget.docked #divSearchMap {
  display: block;
}


/*#feature-node {
    background: transparent !important;
    
    box-shadow: none;
    max-height: 50em;
    overflow: auto;
}*/

/*#feature-node li.list-group-item:hover {
        background-color: lightcyan;
        border-color: cyan;
        cursor: pointer;
        color: darkcyan;
    }*/


.property-profile {
  max-width: 14in;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 15px;
}

/*.property-profile {
    max-width: 14in;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: .5in 1in;
    margin-top: 40px;
}*/


#divReportControlPanel,
#divDocumentControlPanel {
  /*height: 50px;*/
  z-index: 1;
  /*width: calc(11in - 107px);
    margin-left: 513px;*/
}

.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  orphans: 1;
  widows: 1;
}

  .card-columns .card {
    display: inline-block;
    width: 100%;
    background-color: unset;
  }

#btnSearchToggle.closed {
  transform: rotate(180deg);
}

#divSearchWidget,
#divGem {
  position: absolute;
}

#divGem {
  top: 0;
  height: 100vh;
}


  #divGem.in-map-tab {
    top: 123px;
    width: 100vw;
    left: 0;
    height: calc(100vh - 123px);
  }


    #divGem.in-map-tab.off-load {
      left: -10000px;
      bottom: unset;
      right: unset;
      width: 100vw;
      height: calc(100vh - 123px);
    }

  #divGem.in-map-tab #divSearchToggle {
    display: none;
  }
    #divSearchWidget {
  width: 100vw;
  left: 0;
  top: 0;
  height: 100vh;
}

#divErrorMessages {
  position: absolute;
  top: 0;
  background: black;
  color: lime;
  right: 100px;
}

  #divErrorMessages:empty {
    display: none;
  }

#header.map-view {
  display: none;
}

/*#radSearchControls label.btn {
    border: 1px solid rgba(0,0,0,.15);
    color: #333;
    background: #f8f9fa;
}

    #radSearchControls label.btn:hover {
        border-color: #ccc;
        background: #6c757d;
        color: #fff;
    }*/

#divTitle {
  position: absolute;
  z-index: 2;
  background: #f7f7f7;
}

#title {
  padding-left: 8px;
  color: #343a40;
  font-size: 1.55em;
  line-height: 1em;
  display: inline-block;
  transform: translateY(5px);
}

.bg-beige {
  background: #d3d3d3;
}

/*#radSearchControls label.btn.active {
    border-color: #0079c1;
    background: #0079c1;
    color: #f8f9fa;
}*/

/*#radSearchControls label.btn {
    border-color: #d3d3d3;
}*/

#Logo a > img {
  max-height: 93px;
  padding: 11px 0;
}

a.layer-tool svg {
  background-color: #007bff !important;
  color: #fff;
}

a.layer-tool.collapsed svg {
  background-color: transparent !important;
  color: #f8f9fa !important;
}

.geo-map-tools svg {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

  .geo-map-tools svg.active {
    background-color: #fff !important;
    color: #0079c1;
    border-color: #fff !important;
  }

#map-tools-container button svg {
  font-size: 1rem;
  -webkit-font-smoothing: subpixel-antialiased;
  font-feature-settings: "kern";
  -webkit-font-kerning: normal;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -ms-font-feature-settings: 'liga= 1','calt=0';
  -o-font-feature-settings: "liga" 1,"calt" 0;
  font-feature-settings: "liga" 1,"calt" 0;
}

#divSearchWidgetToggle {
  /*position: absolute;
    z-index: 3;
    background: #fdfdfd;
    color: #fff;*/
}

#divDocumentsSpinner,
#divReportSpinner {
  position: absolute;
  top: 50vh;
  z-index: 200;
  width: 100vw;
  left: 0;
}

.master-container.with-search .property-profile-reports {
  /*width: 100vw;*/
  /*padding: 15px;*/
}

#divSearchWidgetToggle.closed svg.bi-arrow-bar-left,
#divReportControlPanel.closed svg.bi-arrow-bar-left,
#divDocumentControlPanel.closed svg.bi-arrow-bar-left {
  display: none;
}

#divSearchWidgetToggle.closed svg.bi-arrow-bar-right,
#divReportControlPanel.closed svg.bi-arrow-bar-right,
#divDocumentControlPanel.closed svg.bi-arrow-bar-right {
  display: block;
}

#divSearchWidgetToggle svg.bi-arrow-bar-right,
#divReportControlPanel svg.bi-arrow-bar-right,
#divDocumentControlPanel svg.bi-arrow-bar-right {
  display: none;
}

.property-profile .d-print-none {
  opacity: .5;
}

/*#Logo {
  margin-left: -30px;
}*/
#divNavContainer .company-logo {
    height: 50px;
}
#divSearchWidget .company-logo {
    height: 45px;
}
#divSiteOverlay .company-logo {
    height: 150px;
}
.report-header img.company-logo {
    height: 65px;
}
@media print{
    #divSearchWidget .company-logo {
        height: 120px;
    }
}


#flood-class-filter {
    width: 100px;
    visibility: hidden;
}

.flood-class-item {
  width: 100%;
  padding: 12px;
  text-align: left;
  vertical-align: baseline;
  cursor: pointer;
}

  .flood-class-item:focus {
    background-color: dimgrey;
    color: #fff;
  }

  .flood-class-item:hover {
    background-color: dimgrey;
    color: #fff;
  }

.report-menu-panel {
  position: fixed;
  top: 123px;
  left: 0;
  width: 100%;
}



#divReportPreview {
    font-family: 'sans-serif';
}

#divReportPreview .report-menu-panel {
  display: none;
}

#divReportPreview .card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2.25rem;
  -moz-column-gap: 2.25rem;
  column-gap: 2.25rem;
  orphans: 1;
  widows: 1;
  /* max-width: calc(1063px + 4.25rem);
        width: calc(100% + 4.25rem);*/
}

#divReportPreview.pdf-report .card-columns {
  padding-top: 0.5in;
}


#divReportPreview .card-body {
  padding: 0;
  border: 0 !important;
}

#divReportPreview .card {
  border: 0;
  /*margin-top: 1em;
        margin-bottom: 1em;*/
}

    #divReportPreview h4 {
        font-family: 'sans-serif';
        font-size: 1.75rem;
    }

    #divReportPreview .card h5 {
        font-family: 'sans-serif';
    }

#divReportPreview #divReportsPreview {
  background: #fff;
  overflow: unset !important;
  border: 0 !important;
  font-size: 9pt;
  width: 100%;
  max-width: 1063px;
}


#divReportPreview .property-profile {
  max-width: unset !important;
  margin: 0 !important;
  padding: 0 !important;
}


#divReportPreview.pdf-report .property-profile {
  margin-top: 0.3in !important;
  margin-bottom: 0.3in !important;
}

#divReportPreview .feature-card {
  margin: 0 !important;
  padding: 0 !important;
  position: inherit;
  /*width: 100vw;
        height: auto;*/
  overflow: unset;
  left: unset;
  right: unset;
  margin-top: 0 !important;
}

#divReportPreview #divReportPanel.p-4 {
  padding: 0 !important;
  background: #fff;
  border: 0 !important;
}

#divReportPreview #divReportsPreview,
#divReportPreview .card {
  page-break-inside: avoid;
  color: #000 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
#divReportPanel {
    padding: 1rem;
}
@media only print {
    #divReportPanel {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #divNavTabs {
        display: none !important;
    }

}
#divReportPreview button.no-print {
  display: none;
}

#divReportPreview div.d-print-block {
  display: block !important;
}

#divReportPanel .btn {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

#divRestoreCards .btn {
  width: unset;
  height: unset;
}

.geo-plat-map {
  color: #795548;
}

.geo-pdf-assessor-map {
  color: #335a84;
}

.search-widget-container {
  position: relative;
  background: transparent;
  z-index: 4;
  max-width: 1600px;
  margin: auto;
}

div.search-widget-container.no-selection {
  z-index: 1031;
}

#divATSearchOverlay div.splash-content {
  position: fixed;
  display: block;
  top: calc(50vh - 140px);
  left: calc(50vw - 108px);
}

#divATSearchOverlay img {
  background: #fff;
  padding: 30px;
  border-radius: 0.25rem;
}

#map-tools button {
  display: inline-block;
  margin-bottom: 10px;
}

#map-tools button.active {
  display: inline-block;
  margin-bottom: 10px;
  background: #dc3545;
  color: white;
}

button#btnMapToolsToggle {
  margin-bottom: 0;
  height: 42px;
}

span.map-tool-text {
  font-size: 1.5em;
  line-height: 0;
}

@keyframes loading {
  from {
    left: -200px;
    width: 30%;
  }

  50% {
    width: 30%;
  }

  70% {
    width: 70%;
  }

  80% {
    left: 50%;
  }

  95% {
    left: 120%;
  }

  to {
    left: 100%;
  }
}

.loader {
  height: 1px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #f8f9fa;
}

.loader.active:before {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #007bff;
  animation: loading 2s linear infinite;
}

.btn-email-report-preview,
.btn-print-report {
  width: unset !important;
  height: unset !important;
}

#reportModal .btn-profile-page-view,
#reportModal .btn-close-profile,
#reportModal .btn-doc-search,
#reportModal .btn-zoom-to {
    display: none !important;
}

#tabSearchMap a.disabled {
  display: none;
}

.nav-link .tab-x-close {
    display: none;
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    #divSearchWidget.docked {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
    width: 100vw;
  }

  .report-menu-panel {
    width: 100vw;
  }

    .nav-link:hover .tab-x-close {
        position: absolute;
        left: 5px;
        top: 5px;
        padding: 0 3px 3px 3px;
        line-height: .9em;
        font-weight: bold;
        font-size: 20px;
        display: inline-block;
        background: #fff;
        box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.5) !important;
    }

        .nav-link:hover .tab-x-close:hover {
            background: #ccc;
            opacity: 1;
        }

    html.single-page-app {
        /*font-size: 14px;*/
        overflow: hidden;

    }

    body.single-page-app {
        overflow: hidden;
    }

    html {
        min-height: 100%;
    }
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

  .property-profile-reports .card-columns {
    column-count: 2;
  }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

  .property-profile-reports .card-columns {
    column-count: 1;
  }

  /*.master-container.with-search #divReports,
        .master-container.with-search #divReportControlPanel,
        .master-container.with-search #divDocuments,
        .master-container.with-search #divDocumentControlPanel {
            width: 50vw;
        }

        #divGem.with-search {
            transform: translateX(250px);
        }


        #divTitle.with-search {
            transform: translateX(500px);
        }

        #divSearchWidget.docked {
            width: 50vw;
        }*/

  .master-container.with-search #divReports,
  .master-container.with-search #divReportControlPanel,
  .master-container.with-search #divDocuments,
  .master-container.with-search #divDocumentControlPanel {
    /*width: 50vw;*/
  }

  #divGem.with-search {
    transform: translateX(50vw);
    width: 50vw
  }


  #divTitle.with-search {
    transform: translateX(50vw);
    padding-right: calc(50vw + 15px);
  }

  .master-container.with-search #divReports,
  .master-container.with-search #divDocuments {
    /*overflow: auto;*/
    /*padding: 15px;*/
    /*padding-top: 50px;*/
  }

  #divSearchWidget.docked {
    width: 50vw;
    top: 0;
  }


  .report-menu-panel {
    width: 50vw;
  }

    #divSearchWidget.docked.hide {
      width: 50vw;
      left: -50vw;
    }

  .property-profile {
    /*padding: 15px;*/
  }

  /*#divReports.with-map,
        #divDocuments.with-map {
            
            padding-top: 40px;
        }*/

  /*#divSearchWidgetToggle {
            left: 500px;
        }*/

}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

  .property-profile-reports .card-columns {
    column-count: 1;
  }

  .master-container.with-search #divReports,
  .master-container.with-search #divDocuments,
  .master-container.with-search #divReportControlPanel,
  .master-container.with-search #divDocumentControlPanel {
    /*width: calc(100vw - 500px);*/
  }

  .master-container.with-search #divReports,
  .master-container.with-search #divDocuments {
    /*overflow: auto;
                    padding-left: 30px;
                    padding-right: 30px;
                    padding-bottom: .5in;*/
  }

  /*.master-container.with-search #divReports,
                .master-container.with-search #divReportControlPanel,
                .master-container.with-search #divDocuments,
                .master-container.with-search #divDocumentControlPanel {
                    width: calc(100vw - 500px);
                }*/

  #divGem.with-search {
    transform: translateX(550px);
    width: calc(100vw - 550px);
  }

  #divTitle.with-search {
    transform: translateX(550px);
    padding-right: 565px;
  }


  .report-menu-panel {
    width: 550px;
  }

  #divSearchWidget.docked {
    top: 0;
    width: 550px;
  }

    #divSearchWidget.docked.hide {
      width: 550px;
      left: -550px;
    }

  #divSearchWidgetToggle {
    left: 550px;
  }

  /*.property-profile {
                    padding: .5in 1in;
                }*/

  /*.card-columns {
                    -webkit-column-count: 2;
                    -moz-column-count: 2;
                    column-count: 2;
                    -webkit-column-gap: .5in;
                    -moz-column-gap: .5in;
                    column-gap: .5in;
                    orphans: 1;
                    widows: 1;
                }*/

  /*.card-columns .card {
                        display: inline-block;
                        width: 100%;
                    }*/
}
/*Extra-extra large devices (large desktops, 1600px and up)*/
@media (min-width: 1600px) {


  .property-profile-reports .card-columns {
    column-count: 1;
  }

  .master-container.with-search #divReports,
  .master-container.with-search #divDocuments,
  .master-container.with-search #divReportControlPanel,
  .master-container.with-search #divDocumentControlPanel {
    /*width: calc(100vw - 550px);*/
  }

  .master-container.with-search #divReports,
  .master-container.with-search #divDocuments {
    /*padding-left: 1in;
                    padding-right: 1in;*/
  }


  #divGem.with-search {
    transform: translateX(550px);
  }

  #divTitle.with-search {
    transform: translateX(550px);
    padding-right: 565px;
  }

  .report-menu-panel,
  #divSearchWidget.docked {
    width: 550px;
  }

    #divSearchWidget.docked.hide {
      width: 550px;
      left: -550px;
    }

  #divSearchWidgetToggle {
    left: 550px;
  }
}


@media print {

  .container {
    width: auto;
  }

  .master-container {
    width: 100vw;
    position: absolute;
    left: 0;
  }

  [role="main"] {
    padding: 0 !important;
    margin: 0 !important;
  }

  .shadow, .shadow-sm {
    box-shadow: none !important;
  }

  .property-profile-reports .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2.25rem;
    -moz-column-gap: 2.25rem;
    column-gap: 2.25rem;
    orphans: 1;
    widows: 1;
    /* max-width: calc(1063px + 4.25rem);
        width: calc(100% + 4.25rem);*/
  }

  /*.card-columns .card {
            display: inline-block;
            width: 100%;
        }*/

  .card-body {
    padding: 0;
    border: 0 !important;
  }

  .card {
    border: 0;
    /*margin-top: 1em;
        margin-bottom: 1em;*/
  }

    h4 {
        font-family: 'sans-serif';
        font-size: 1.75rem;
    }

    .card h5 {
        border-bottom: 2px solid #bc9b6a;
        /*            padding-bottom: .25em;*/
        font-family: 'sans-serif';
    }

  #divReports,
  #divPrintOnly,
  #divReports.with-map,
  #divDocuments,
  #divDocuments.with-map {
    /*padding: 15px !important;*/
    /*width: 100vw !important;*/
    /*		background: #fff;*/
    overflow: unset !important;
    border: 0 !important;
    /*font: 9pt/1.500 500, arial !important;*/
    font-size: 9pt;
    width: 100%;
    max-width: 1063px;
    /*        margin-top: 110px;*/
  }

  #divReportControlPanel,
  #divDocumentControlPanel {
    display: none;
  }

  /*.row {
        margin: 0 !important;
    }*/


  /*.body-container {
        margin: 0 !important;
    }*/

  .property-profile {
    max-width: unset !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #divGem {
    background: #fff;
  }

  #divSearchWidget {
    width: 100% !important;
    position: inherit !important;
    display: block;
  }

  .feature-card {
    margin: 0 !important;
    padding: 0 !important;
    position: inherit;
    /*width: 100vw;
        height: auto;*/
    overflow: unset;
    left: unset;
    right: unset;
    margin-top: 0 !important;
  }

  .tab-pane.p-3 {
    padding: 0 !important;
  }

  body.single-page-app,
  html.single-page-app {
    overflow: unset !important;
  }

  #divReportPanel.p-4 {
    padding: 0 !important;
    /*		background: #fff;*/
    border: 0 !important;
  }

  #divSearchWidget {
    position: relative;
    width: unset;
    height: unset;
  }

  /*	.report-header {
		position: fixed;
		top: 0;
		width: 100%;
		max-width: 1063px;
	}

	.pdf-report .report-header {
		top: 0.5in;
	}

	.report-footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		max-width: 1063px;
	}

	.pdf-report .report-footer {
		bottom: 0.5in;
	}*/

  #divReports, .card {
    page-break-inside: avoid;
    color: #000 !important;
    /*		background: #fff !important;*/
    border: 0 !important;
  }

  /*body {
		margin-top: 110px;
		margin-bottom: 100px;
	}*/

  div.py-1.d-flex {
    padding-bottom: 1px !important;
    padding-top: 1px !important;
  }
}
