/* map styles */
.item-map-box {
    width: 100%;
    height: 350px;
    position: relative;
    border: 2px dashed #015688;
}
#add_map {
    width: 100%;
    height: 100%;
}
#FoundItem_add_map {
    width: 100%;
    height: 100%;
}
#map_filter{
    width: 100%;
    height: 100%;
}
.map-coordinates-box {
    background: #193e5ab8;
    position: absolute;
    bottom: 5px;
    z-index: 500;
    left: 5px;
    padding: 5px;
    border-radius: 5px;
    font-weight: 400;
    width: 250px;
}
.manually-coordinate-input {
    font-size: 13px;
    letter-spacing: 1px;
    direction: ltr;
    text-align: center;
}
.map-coordinates-box label {
    font-weight: 500 !important;
}
/* map styles */
.add-action {
    border: none;
    background: #153b58;
    color: #fff;
    border-radius: 5px;
    padding: 5px 8px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: 0.3s all;
}
.add-action:hover {
    background: #db7240;
}
.add-action:disabled {
    background: #153b58a8;
    cursor: no-drop;
}
.item-box {
    width: 100%;
    border: 2px dashed #1a517c;
    border-radius: 3px;
    position: relative;
}
.item-box .item .style-item {
    background: #1a517c;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}
.item-box .item:hover .style-item{
    background: #db7240;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.item-box .item.active-item .style-item{
    background: #db7240;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sub-item-box {
    width: 100%;
    border: 2px dashed #172d3e;
    border-radius: 3px;
    position: relative;
}
.sub-item-box .item .style-item{
    background: #172d3e;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}
.sub-item-box .item:hover .style-item{
    background: #db7240;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sub-item-box .item.active-item .style-item{
    background: #db7240;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sub-item-unit {
    font-size: 13px;
    font-weight: 500;
    color: crimson;
    display: inline;
}
.search-item {
    border: none;
    background: #153b58;
    color: #fff;
    border-radius: 5px;
    padding: 5px 8px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: 0.3s all;
}
.search-item:hover {
    background: #db7240;
}
.search-item:disabled {
    background: #153b58a8;
    cursor: no-drop;
}
.observed-item-data .question {
    font-weight: 500;
    font-size: 16px;
    color: #172d3e;
}
.observed-item-data .answer {
    font-weight: 500;
    font-size: 16px;
    color: #db7240;
}
.search-box {
    transition: 0.3s all;
}
.search-box.active {
    padding: 5px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    background: #7f9ba9;
}
@media (max-width: 720px) {
    .sub-item-box .item {
        white-space: normal;
    }
}