/* Library overrides */
.chosen-container-multi .chosen-choices {
    border: 1px solid silver;
}

.ol-map {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 200px;
}

/* Use these together to fill remaining horizontal space */
.spaced-column {
    display: flex;
    flex-direction: column;
}
.grow-spacer {
    flex-grow: 1;
}

/* Style the search results which come back from the api */
#searchResultContainerBox {
    position: relative;
}

#searchResultContainerBox #searchResultBox {
    position: absolute;
    width: 100%;
    height: 100%;
}

#searchResultContainerBox #searchResultBox .list-group {
    position: absolute;
    max-height: 50vh;
    overflow-y: scroll;
    width: 100%;
    box-shadow: 0px 0px 5px black;
    margin-top: 5px;
}

/* Custom effects */
.clickable-card {
    cursor: pointer;
    box-shadow: none;
    transition: all 0.3s ease;
}

.clickable-card:hover {
    box-shadow: 0px 0px 5px black;
}

.floating-cont .row.row-cols-1:empty::before {
	content: "No records yet, click the 'New' button to create one?";
    margin-left: 15px;
    margin-bottom: 15px;
	font-size:  0.8em;
	color: grey;
}

/* Custom page classes */
.login-cont {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: url(/assets/img/bg-masthead.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: flex;
}

.login-cont .login-div {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    box-shadow: 0 0 5px black;
    background: white;
}