body
{
 /*font-size: 0.9rem !important;*/
 font-size: 0.9rem;
}

#main-card-header a, body > .card > div.bg-primary a
{
    color: #fff !important;
    text-decoration: underline;
}

.badge {font-size: 14px; font-weight:400; letter-spacing: 0.06em;}



#compose_mail_form_recipients, div.form-check
{
    min-height: 1.8rem;
}

textarea
{
    min-height: 250px !important;
    border: 1px solid black !important;
    /* resize: none; */
}

/* tests */
.backend {
    margin-bottom: 150px;
}

.dataTable td > i {
min-width: 22px;
text-align: center;
}

#maintable td span.badge, span.badge
{
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Readonly Autocomplete-Fields */
form .readonly-autocomplete
{
    pointer-events: none;
    background: rgb(233, 236, 239) !important;
}


/* START fancybox */

/* since fancybox 6 */
.fancybox__dialog
{
    margin: auto !important;
    max-width: 90% !important;
    max-height: 90% !important;
}

/* Damit in der Debug-Anzeige die Symfony-Bar in der fancybox nicht nervt */
.fancybox-content {
  margin-bottom: 80px;
}


/* Iframe dimensions can be controlled by CSS:  (These CSS rules can be overridden by JS, if needed) */
.fancybox-slide--iframe .fancybox-content, .fancybox__content {
    /*width  : 800px;
    height : 600px;*/
    max-width  : 100%;
    max-height : 100%;
    margin: 0;
    padding: 0;
}

.fancybox__container {
    --fancybox-backdrop-bg: rgb(24, 24, 27) !important;
}

/* END fancybox */


.fc-content {
    padding: 25px !important;
}


/* z.B. DataTable */
.text-right, .text-end
{
    text-align: right;
}

.text-center
{
    text-align: center;
}

.text-left, .text-start
{
    text-align: left;
}




.navbar .dropdown-toggle
{
 margin-left: 15px;
 margin-right: 15px;
}

.fullsize-editor
{
    min-height: 400px;
}

/* DataTable StateSave-Plugin */
div.dt-buttons div.dropdown-menu {
    /* width: 200px; */
    width: 350px;
}

#maintable .dt-container
{
    padding-bottom: 10px;
}

/* PageLength => Info */
#maintable .dt-length
{
    padding-right: 100px;
    display: inline-block;
}

#maintable .dt-info
{
    display: inline-block;
}


/* Dropdown-Toggle soll bei selektierter Zeile in DataTable korrekt angezeigt werden */
table.dataTable tbody tr.selected .dropdown-menu a, table.dataTable tbody td.selected .dropdown-menu a {
    color: #000000;
}

/** Edit User and Usergroup */
#user_group_form_roles label, #user_edit_permissions_form_assignedRoles label
{
    width: 100%;
}

#user_group_form_roles .form-check, #user_edit_permissions_form_assignedRoles .form-check
{
    margin-top: 6px;
    margin-bottom: 6px;
}

#user_group_form_roles input[type=checkbox], #user_edit_permissions_form_assignedRoles input[type=checkbox] {
    transform: scale(1.2);
}



.card-body .nav-tabs {
    /*margin-bottom: 1rem;*/
}

.card-body .tab-content > div.tab-pane
{
padding: 1.4em 1em 1em;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
background-color: #ffffff;
}

/* Fix for Datatables */
/* Fix: 1 bis 10 von 21 Einträgen */
div.dataTables_wrapper div.dataTables_info {
    padding-top: .25em;
}


#views.positionen .dtrg-level-0 > th, .table-group-centered > th
{
    text-align:center  !important;
    /*background-color: red !important;*/
}

/* Highlight Rows in Tables */
tr:has(> td span.row-danger) td
{
    background: #ffcccb;
    /*color: #fff !important;*/
}

/* Highlight Rows in Tables */
tr:has(> td span.row-success) td
{
    background: #c3e6cb !important;
}

tr:has(> td span.row-warning) td
{
    /*background: rgb(255, 193, 7) !important;*/
    background: #ffc57d !important;
}

tr:has(> td span.row-danger) td
{
    /*background: rgb(220, 53, 69) !important;*/
    background: #E88E8E !important;
}



/* fix for tom-select in Filter dropdown */
.ts-dropdown, .ts-dropdown.form-control, .ts-dropdown.form-select
{
    background: #fff !important;
}



/* Meilisearch */
@media screen and (min-width: 1920px) {
    .wrapper {
        z-index: 10;
    }
}