body {
    background-color: #ffffff;
    height: 100%;
    margin: 0;
    overflow: hidden;
    /* Disable scrolling */
    overflow-y: auto;
    /* Allow vertical scrolling */
}

.hidden {
    display: none;
}

.full-page-container {
    height: 100vh;
    /* 100% of the viewport height */
}

.collapseHeader {
    text-decoration: underline;
    cursor: pointer;
    color: blueviolet;
}

#viewDiv {
    height: 100%;
    /* width: 95vw; */
    margin: 0;
    padding: 0;
}

.sectionTitle {
    cursor: pointer;
    background-color: bisque;
}

.featureName {
    cursor: pointer;
}

.groupField {
    cursor: pointer;
}

/* Style to make the left column scroll independently */
.incidentsDiv2 {
    height: 90vh;
    overflow-y: auto;
    /* Enable vertical scrolling */
}

.incidentsDiv {
    display: flex;
    flex: 0 0 auto;
    overflow-x: auto;
    white-space: nowrap;
    /* Prevents cards from wrapping to the next line */
}

.card {
    flex: 0 0 auto;
    width: 18rem;
    margin-right: 15px;
    height: 100px;
}

.mapRow {
    flex-grow: 1;
    width: 100vw;
}

#createSlideDiv {
    background-color: white;
    opacity: 0.9;
    color: black;
    padding: 6px;
}

#slidesDiv {
    background-color: white;
    opacity: 0.9;
    color: black;
    padding: 10px;
    visibility: hidden;
    bottom: 20px;
    overflow-y: auto;
    text-align: center;
    height: 260px;
}

#slidesDiv .slide {
    /* Show cursor as pointer when on a slide */
    cursor: pointer;
    margin-bottom: 6px;
}

#slidesDiv .slide .title {
    /* Center the title text */
    text-align: center;
}

.container-fluid2 {
    /* height: 100vh; */
    display: flex;
    flex-direction: column;
    /* Arrange rows vertically */
}

/* Draw active slide with a nice border around the thumbnail */

#slidesDiv .slide.active img {
    box-shadow: 0px 0px 12px black;
    border-style: solid;
    border-width: thin;
    border-color: black;
}

calcite-action > img {
    width: 30px;
    height: 30px;
}

.isembed #arcgisSearch {
    display: none !important;
}
#searchInExpand {
    display: none;
}
.isembed #searchInExpand {
    display: block;
}
