/* tajawal-regular - latin_arabic */
@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 400;
    src: local("Tajawal"), local("Tajawal-Regular"),
    url("../font/tajawal-v3-latin_arabic-regular.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("../font/tajawal-v3-latin_arabic-regular.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* tajawal-700 - latin_arabic */
@font-face {
    font-family: "Tajawal Bold";
    font-style: normal;
    font-weight: 700;
    src: local("Tajawal Bold"), local("Tajawal-Bold"),
    url("../font/tajawal-v3-latin_arabic-700.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("../font/tajawal-v3-latin_arabic-700.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"),
    url("../font/roboto-v20-latin-regular.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("../font/roboto-v20-latin-regular.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"),
    url("../font/roboto-v20-latin-700.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */ url("../font/roboto-v20-latin-700.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.v-application {
    font-family: "Roboto", sans-serif;
}

.v-application .headline,
.v-application .title {
    font-family: "Tajawal", sans-serif !important;
}

.theme--dark .jsondiffpatch-delta {
    color: #000;
    filter: invert(1);
}

.description {
    color: #323232;
    font-family: "Tajawal Bold", sans-serif !important;
}

.v-chip {
    /* font-family: "Tajawal", sans-serif !important; */
}

.v-toolbar {
    background-color: white;
}

.v-theme--dark .v-toolbar {
    background-color: #212121;
}

button.swh {
    transform: scale(0.9);
}

.rich-description,
.actor-description {
    font-family: "Tajawal", sans-serif !important;
    font-size: 14px;
}

.rich-description img {
    max-width: 99%;
    margin: 2px;
    height: auto;
    object-fit: cover;
}

#bulletins-dt tr, #export-dt tr, #log-dt tr, #users-dt tr {
    cursor: pointer;
}


.event-card {
    display: flex;
    flex-direction: column;
}

[v-cloak] {
    display: none;
}

.filepond--root {
    cursor: pointer;
}

.filepond--drop-label:hover {
    background: #ececec;
}

.filepond--drop-label {
    font-size: 14px;
}

.fp-wrap .filepond--root .filepond--drop-label {
    min-height: 120px;
}

/* draggable dialogs */
.v-dialog.v-dialog--active .card-header {
    /* cursor: grab; */
    z-index: 10;
}

.v-dialog.v-dialog--active .card-header:active {
    /* cursor: grabbing; */
}

/* resolve map overlap conflict */
.v-dialog.v-dialog--active .card-header {
    z-index: 1200;
}

/* media images */
.media-img,
.media-vid {
    cursor: pointer;
}

.media-img:hover,
.media-vid:hover {
    filter: saturate(1.2) brightness(110%);
}

#vid-wrap {
    width: 440px;
    height: 330px;
}

.plyr {
    margin: auto;
    width: 100%;
    height: auto;
    max-height: 440px;
}

#player {
    object-fit: contain;
}

/* screenshots */

.sc-wrap {
    text-align: center;
    border: 2px dashed #d8d8d8;
    padding: 10px;
    margin: 8px;
    flex-direction: column;
    width: 200px;
    height: auto;
    transition: all 0.2s ease-in-out;
}

.sc-wrap canvas {
    width: 100%;
    max-height: 120px;
    object-fit: contain;
}

.crop {
    text-align: center;
}

#cropImg {
    max-width: 100%;
}

#screenshots {
    display: flex;
    overflow-x: scroll;
    flex-wrap: wrap;
}

.simple-video {
    width: 191px;
    height: 140px;
    object-fit: cover;
}

.ajax-spinner {
    width: 50px;
    height: 50px;
    margin: auto;
    background: url(data:image/gif;base64,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) no-repeat center;
}

#iplayer video {
    max-width: 100%;
    /*height: 360px;*/
    object-fit: contain;
}

/* query builder reset styles */

.vue-query-builder {
    padding: 5px;
}

.vue-query-builder label {
    margin: 5px;
}

.vue-query-builder .form-group {
    margin: 2px 0;
}

.vue-query-builder select {
    height: 32px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-appearance: menulist;
    margin: 5px;
    display: inline-block;
}

.vue-query-builder button[type="button"] {
    display: inline-block;
    height: 32px;
    padding: 0 20px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
    margin: 2px;
}

.vue-query-builder button[type="button"]:hover {
    color: #333;
    border-color: #888;
    outline: 0;
}


.vue-query-builder input[type=text] {
    height: 38px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}

.vue-query-builder button.pull-right {
    font-size: 18px;
}

.vue-query-builder .children {
    padding: 20px;
}

.vue-query-builder button.pull-right {
    float: right;
}


.smaller {
    transform: scale(0.9);
}


/* Remove default calendar icon from input type="date" */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}


/* fix conflict between tinymce and Vuetify */


.tox-dialog__disable-scroll .v-dialog__content {
    z-index: 203 !important;
}


/* tfa fixes */

#help_setup li {
    list-style: none;
}

.theme--dark .Password__field {
    filter: invert(1) hue-rotate(180deg);

}

#app .Password__badge {
    text-align: center;
    height: 19px;
}

.search-toolbar {
    position: sticky;

    bottom: 0;
    z-index: 100;
}

.search-card {
    margin-bottom: 140px;
}


.circle-marker {
    opacity: 0.8;
}

.leaflet-popup-content .chipwrap {
    white-space: normal;
    height: auto;
}

.leaflet-container {
    min-height: 300px;
    /* Adjust as needed */
}


/* quick initial dark mode support for leaflet map */

.theme--dark .vue2leaflet-map,
.theme--dark .map-legend .caption i {
    filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}


/* csv import */

.drag-area {
    display: block;
    padding: 2px;
    min-width: 75px;


}

.ghost,
.sortable-ghost {
    opacity: 0.3;
    background: #c8ebfb;
}

.flip-list-move {
    transition: transform 0.5s;
}

.no-move {
    transition: transform 0s;
}


.list-group {
    min-height: 26px;
}

.list-group-item {
    cursor: move;
}

.list-group-item i {
    cursor: pointer;
}

.drop {
    min-width: 40px;
    min-height: 28px;
    display: grid;
    place-content: center;
    background: #fcfce9;
    box-shadow: inset 3px 2px 13px -8px #00000096;
    border: 1px solid #ddd;
    border-radius: 9px;
    margin: 0 5px;

}

.drop .v-chip.ma-1 {
    margin: 0 !important;
}

.d-caption {
    padding: 2px;
    font-weight: bold;
}


.csv-panel {
    overflow-y: scroll;
    height: calc(100vh - 260px);

}

.d-sep {
    border: 1px solid #000;
    border-radius: 4px;
    margin: auto;
    height: 26px;
    min-width: 48px;
    padding: 2px;
    text-align: left;
}


.media-card .etag {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;


}


.media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px;
}


/* sticky related items headers */

.header-sticky {
    position: sticky;
    top: 90px;
    z-index: 10000;
    background: rgba(250, 250, 250, 1);
}

.theme--dark .header-sticky {
    background: rgba(51, 51, 51, 1);
}

.v-sheet.header-fixed {
    position: sticky;
    top: 0;
    z-index: 100000;
    border-bottom: 3px solid #dddddd75;

    background: rgba(255, 255, 255, 1);

}

.universal .v-card .v-sheet.header-fixed {
    top: 66px
}

.system-admin nav.v-navigation-drawer.v-navigation-drawer--clipped {
    z-index: 1000000;

}

.v-card a {
    text-decoration: none;
}


#graph-layout {
    display: grid;
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
    height: 100%;
    background: #fff;
}

.graph-footer {
    position: absolute;
    bottom: 1px;
    left: 1px;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.23);
    padding: 10px;
}


#graph-layout .force-graph-container {


    overflow: hidden;
}

#graph {
    height: 100%;

}

#graph canvas {
    height: 100% !important;
}

.graph-node {
    max-width: 80px;
    padding: 1px 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.28);
    white-space: nowrap;
    border-radius: 3px;
    font-size: 9px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);


}

.graph-node:hover {
    color: #fff;
    white-space: break-spaces;

}


.graph-legend .caption {
    display: flex;
    align-items: center;
}

/* better dark mode style for media thumbs */

.theme--dark .media-vid i {
    background: #111;
}

/* better styles for inline tables (rich text) in preview cards */

.rich-description table td,
.rich-description table th {
    padding: 4px;
}

/* map bulletin ids */
span.map-bid {
    background: #f0f0f0;
    border: 1px rgba(109, 109, 109, 0.84);
    padding: 3px;
    border-radius: 5px;
}

span.map-bid:empty {
    display: none;
}


/* access roles styles */
.restricted {
    opacity: 0.5;
    filter: blur(1px);
    font-style: italic;
}


.log-dialog {
    background-color: lightblue;
    max-width: 770px;
    overflow: auto;
}


.Password__field--disabled {
    opacity: 0.6
}


/* system dashboard */
.fixed-card {
    height: calc(100vh - 140px);
    overflow: scroll;
    z-index: 100;
}

/* config diff */

.system-admin div.jsondiffpatch-child-node-type-object:before,
.system-admin div.jsondiffpatch-child-node-type-object:after {
    content: '';

}

.system-admin div.jsondiffpatch-child-node-type-array:before,
div.jsondiffpatch-child-node-type-array:after {
    content: '';
}

.system-admin .jsondiffpatch-delta {
    font-family: "Roboto", Sans-serif;
}

.system-admin .jsondiffpatch-delta ul {
    padding: 0;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
}

.system-admin .jsondiffpatch-delta ul ul {
    display: flex;
    flex-wrap: wrap;
}

.system-admin .jsondiffpatch-property-name {
    color: #000;
    font-weight: bold;
}

.system-admin .jsondiffpatch-left-value pre {
    padding: 4px;
    opacity: 0.3;
    text-decoration: none;
}

.system-admin .jsondiffpatch-deleted {
    opacity: 0.3
}

.system-admin .jsondiffpatch-deleted pre {
    text-decoration: none;
}

.system-admin .jsondiffpatch-right-value pre {
    color: #000;
    /*background: rgba(238, 238, 238, 0.45);*/
    padding: 4px;
    font-weight: bold;
}

.system-admin .jsondiffpatch-node li {
    display: flex;
    align-items: center;
    /*padding: 8px;*/
    /*box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/
    margin: 8px 5px;
}

.system-admin .jsondiffpatch-node li:hover {
    /*box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.55) 0px 0px 0px 1px;*/
}

.system-admin .jsondiffpatch-node-type-array .jsondiffpatch-property-name {
    display: none;
}

.system-admin .jsondiffpatch-node-type-array pre:after {
    display: none;
}

.system-admin .jsondiffpatch-textdiff-deleted pre {
    text-decoration: none;
    font-style: italic;
}

.system-admin .jsondiffpatch-delta pre {
    padding: 4px;
    border-radius: 3px;
}

.system-admin .jsondiffpatch-value pre:after {
    display: none;
}

.system-admin .change-item {
    transition: all 0.22s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.system-admin .change-item:hover {
    scale: 1.01;
}


.hardware-device {
    transition: all 0.25s ease-in-out;
}

.hardware-device:hover {
    scale: 1.01;
    cursor: pointer;
}

.sticky-tabs {
    position: sticky;
    top: 64px;
    z-index: 5;
    background-color: white;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.system-admin #geomap {
    z-index: 0;
}


.pswp img {
    max-width: none;
    object-fit: contain;
}

.tox-tinymce-aux {
    z-index: 10000 !important;
}

.scrollable-nav {
    overflow-y: auto !important;
    max-height: calc(100vh - 80px - 0.75rem);
}


/* steppers enhancements */
.v-stepper > .v-window {
    margin: 0;
}

/* darkmode leaflet hack */
.v-theme--dark .leaflet-container {
    filter: invert(90%) brightness(1.2) contrast(1.2)
}


/* sticky bottom bars */

.sticky-bottom-bar {
    position: sticky;
    bottom: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* improved flask security styles */
.security form ul {
    list-style: none;
    margin: 12px 0;
    line-height: 2.1;
}


.security form *:has(input[type="radio"]) {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px

}

.security form ul *:has(input[type="radio"]) input {
    scale: 1.3;
}

.custom-play-icon.dark-play-icon {
    color: black !important;
}

.custom-play-icon.light-play-icon {
    color: white !important;
}

.v-card--reveal {
    align-items: center;
    top: 0;
    justify-content: center;
    opacity: .9;
    position: absolute;
    width: 100%;
}