.v-sidebar-wrap {
    background: var(--gray-1);
}

.v-filter .title {
    background: var(--title-bg);
}

.v-filter label {
    padding-left: 10px;
}

.fix-filter .title {
    background: var(--gray-3);
}

.fix-filter label {
    padding-left: 2em;
}

hr {
    margin-top: 0;
    margin-bottom: 1rem;
}

.v-table-expand {
    width: 3%;
}

#menu {
    height: calc(100vh - 6rem);
}

#mid-filter {
    background: var(--gray-2);
}

#mid-filter .v-search {
    flex: 70% 1 0;
}

#mid-filter .v-search .input-group-text, #mid-filter .v-search input {
    padding: 0px 5px;
}

#mFilterToggle .title {
    background: var(--title-bg);
    color: white;
    padding: .5em
}

#keyword {
    display: flex;
}

/* table-ver */

#detail .v-table-expand-table th {
    width:1%;
}

/* datetime-tool */

.datetime-tool {
    margin: 0px 5px;
}

.datetime-tool-prev-next {
    display: none;
}

.datetime-tool-icon {
    left: .5em !important
}

.datetime-tool-reset {
    right: .5em !important;
    margin-left: -46px !important;
}

#datetime-wrap {
    flex: 1;
}

#tag > span {
    flex: 0 0 auto;
}

.v-tag .badge {
    background: #a7dac3;
}

.v-tag .badge a:hover {
    background: var(--title-bg);
}

.v-tag .badge a:hover + i {
    background: var(--gray-3);
}

.v-tag .badge i:hover {
    background: var(--title-bg);
}


/* map-preview */
.map-preview {
    height: 65vh;
}
.map-preview .loading-text{
    position: absolute;
}

/* modal */
.modal.show .modal-dialog {
    max-width: 95%;
}

@media (min-width: 767.98px) and (max-width: 992px) {
    #detail .v-table-expand-table th {
        width: 120px;
        white-space: normal;
    }
}

@media (max-width: 767.98px) {
    #datetime-wrap {
        flex-direction: column;
    }

    #datetime-wrap > div:first-child {
        padding-bottom: .5em;
    }

    .v-sidebar.over .v-sidebar-wrap {
        height: calc(100vh - 7.5em);
    }

    #modal-datetime-wrap {
        flex-direction: column;
    }

    #modal-datetime-wrap > * {
        flex-basis: auto !important;
    }
}