body {
    font-family: "Inter";
    background-color: #2c2c2c;
    color: white;
}

.form-control, .form-select{
    background-color: rgba(255,255,255,0.5);
}

.form-container {
    background-color: #3e3e3e;
    padding: 20px;
    border-radius: 8px;
}

.preview {
    white-space: normal;
    background-color: #1f1f1f;
    color: #00ff00;
    font-size: 13px;
    padding: 15px;
    border-radius: 8px;
}

#visualPreview, #iceVisualPreview, #doaDiscordVisualPreview, #doaVisualPreview, 
#warrantVisualPreview, #evidenceVisualPreview, #apbVisualPreview, #criminalProfileVisualPreview {
    white-space: normal;
    background-color: #1f1f1f;
    color: white;
    font-size: 13px;
    padding: 15px;
    border-radius: 8px;
    user-select: none; /* Disable text selection */
}

#visualPreview p, #iceVisualPreview p, #doaDiscordVisualPreview p, #doaVisualPreview p, #visualPrescriptionPreview p, #prescriptionPreview p,
#warrantPreview p, #warrantVisualPreview p, #evidencePreview p, #evidenceVisualPreview p, #apbPreview p, #apbVisualPreview p,
#criminalProfilePreview p, #criminalProfileVisualPreview p {
    padding: 0;
    margin: 0;
}

.quill-editor {
    background: white;
    color: black;
}

.ql-toolbar {
    background: #fff;
}

.tabs {
    margin-bottom: 20px;
}

.tabs .nav-link {
    color: white;
}

.tabs .nav-link.active {
    background-color: #3e3e3e;
}

.btn-sm {
    font-size: 0.875em;
    padding: 0.25rem 0.5rem;
}

.hidden{
    display: none;
}

.toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1055;
}

.sams.active{
    background: linear-gradient(45deg, #a70000, #4d7cff);
}

.jtf.active{
    background: linear-gradient(45deg, #0f0097, #cfd300);
}

#dynamic-warrant-list, #dynamic-warrant-images-list,
#dynamic-apb-questions-list{
    list-style: none;
    padding: 0;
    margin: 0;
}

#dynamic-warrant-list li, #dynamic-warrant-images-list li,
#dynamic-apb-questions-list li{
    list-style: none;
}

.row-number{
    width: 55px;
    font-size: 1rem;
    font-weight: bold;
}

.ui-menu{
    border-radius: .5rem;
}

.ui-autocomplete .ui-menu-item-wrapper{
    font-family: "Inter";
    font-size: .9rem;
}