:root {
    --gg-blue: #002e5d;
    --gg-pink: #dc0069;
    --gg-einfo: #17a2b8;
    --gg-bg: #fff;
    --gg-light-blue: #EFF5FA;
    --gg-light-darker-blue: #A3B1C6;
}

body {
    background-color: var(--essens-light-blue);
    font-size: 0.875rem;
}

.pointer:hover {
    color: #000000;
}

div.filter {
    margin-top: 10px;
    background: #212529;
    padding: 10px;
    border-radius: 5px;
    color: white;
}

div.filter_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

@media (max-width: 768px) {
    div.filter_items {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
    }
}

div.filter_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

@media (max-width: 768px) {
    div.filter_items {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
    }
}

#create_edit .modal-content,
#create_edit .modal-body,
#create_edit .modal-header,
#create_edit .modal-title {
    font-size: 0.8rem !important;
}

#create_edit input.form-control,
#create_edit textarea.form-control,
#create_edit select.form-select {
    font-size: 0.75rem !important;
    padding: 0.2rem 0.4rem;
}

#create_edit .input-group-text {
    font-size: 0.7rem !important;
    padding: 0.2rem 0.3rem;
}

#create_edit small {
    font-size: 0.65rem !important;
}

#create_edit table td {
    padding: 3px 4px;
}