body[data-mode="dark"] .modal-backdrop {
    background-color: #000;
}

body[data-mode="dark"] .form-control {
    color:#ddd;
}

body {
    xfont-family: "Roboto"
}

b, strong {
    font-weight: 700;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    xfont-family: "Roboto";
}

.text-success {
    color: #20a727 !important;
}

.pointer {
    cursor:pointer;
}

fieldset legend {
    font-size: .9375rem;
    font-family: Inter,sans-serif;
    margin: 10px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 0.25rem;
}



.modal-body form .actions {
    padding: 15px 15px 0 15px;
    border-top: 1px solid #e5e8eb;  /* dark mode: border-top: 1px solid #e5e8eb; */
    margin: 20px -15px 0 -15px;
    text-align: right;
}
body[data-mode=dark] .modal-body form .actions {
    border-top: 1px solid #424e5a;
}


.modal-dialog.modal-right {
    justify-content:flex-start;
}

.modal-right .card-body {
    padding-left:0;
    padding-right:0;
}

@media only screen and (min-width:1000px) {
    .modal-dialog.modal-right {
        min-width: 600px
    }
}
@media only screen and (min-width:576px) and (max-width:1000px) {
    .modal-dialog.modal-right .modal-content {
        min-width: 400px
    }
}


/* fix class div.radio bug in form helpers radio group */


div.radio > label::after,
div.radio > label::before {
    content: none !important;
}

div.radio > label {
    /*padding-left:inherit; -> 05.04. raus -> abstand passt nicht in form-horizontal... */
    margin-bottom:.5rem;
}



/** sorter **/

table th a.desc:after, table th a.asc:after {
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    color:#93a4ad;
    margin-left:4px;
}
table th a.desc:after {
    content: "↓";
}
table th a.asc:after {
    content: "↑";
}

table.table-sm .action-icon {
    line-height:1;
}

table .actions {
    text-align:right;
}

table th.actions {
    opacity: 0;
}



/* Chrome, Safari, Edge, Opera */
input.as-textfield::-webkit-outer-spin-button,
input.as-textfield::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number].as-textfield {
    -moz-appearance: textfield;
}


dl.dl-horizontal dt:before {
    content: '';
    clear:both;
}

dl.dl-horizontal dt {
    clear:both;
    float:left;
    max-width:150px;
    display:inline-block;
}
dl.dl-horizontal dd {
    padding-left:150px;
}

/* dark mode swal background */
body[data-mode=dark] .swal2-container.swal2-shown {
    background-color: rgba(0,0,0,.5) !important;
}

/* list comma */

ul.list-comma {
    padding-left:0;
    list-style: none;
}
ul.list-comma li {
    display:inline-block;
}

ul.list-comma li:not(:last-child):after {
    content:', ';
    padding-right:0.3em;
}