/*
    Global UI : makes the main form container darker to increase readability
*/

/*
    Login page
 */
.logo-login {
    height: 92px;
    /*margin: 1rem;*/
}
/*
    Dashboard
 */
.logo {
    display: inline !important;
    height: 92px;
    margin-right: 2rem;
}
/*
    Changelist views
 */
#result_list thead tr {
    background-color: #f9fafb; /* bg-base-50 */
}
/*
    Leaflet fields
*/
.leaflet-container {  /* all maps */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-width: 1px;
    width: 100% !important;
    height: 400px;
    z-index: 20;
    /* .shadow-sm style */
    --tw-shadow:0 1px 2px 0 #0000000d;
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    max-width: 64rem;
}
/*
    Change view
*/
/* Add more margin to manytomany autocomplete fields (chips) */
.select2-selection__choice {
    margin: 0.1rem .35rem .35rem 0.1rem !important;
}

@media (max-width: 768px) {
    .field-display_circum_1 {
        display: none !important; /* Hides the field on mobile */
    }
}

.flex-center {
    display: inline-flex;
    /*align-items: center;*/
    gap: 8px; /* Space between icon and text */
}