.navbar-main {
    padding: 0;
}

.navbar-brand-title {
    margin-right: auto;
}

.navbar-toggler {
    font-size: 2rem;
    display: block;
    width: 4rem;
}

.navbar-toggler i {
    font-weight: 100;
    color: var(--ui-color-information-blue-dark);
}

.navbar-toggler:not(.collapsed) i:before {
    content: "\f00d";
}

@media (min-width: 993px) {
    .hide-desktop {
        display: none;
    }

    .inventur-grid-badge-container-expand {
        display: none;
    }
}

@media (min-width: 992px) {
    .navbar-toggler {
        display: none;
    }

    .col-lg-booking-badge {
        flex: 0 0 9%;
        max-width: 9%;
    }
}

@media (min-width: 1024px) {
    .col-lg-booking {
        flex: 0 0 9%;
        max-width: 9%;
    }

    .col-lg-booking-long {
        flex: 0 0 12%;
        max-width: 12%;
    }

    .col-lg-booking-badge {
        flex: 0 0 10%;
        max-width: 10%;
    }
}

#create-booking-form label,
#inventory-form .inventur-grid-container label {
    display: none;
}

table#stock-table {
    table-layout: fixed;
}

#stock-table th {
    width: 50px !important;
    white-space: normal !important;
    hyphens: auto;
}

/* mobile Ansicht */
@media (max-width: 991px) {
    body,
    html {
        display: block;
        height: auto;
    }

    body {
        font-size: 1rem;
        overflow: auto;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        line-height: 1.2;
    }

    .mobile-hide {
        display: none !important;
    }

    .section-headline-main {
        margin-top: 1.5rem;
    }

    .custom-inventory-headline {
        font-size: 1.75rem;
    }

    .outer,
    .outer-inner,
    .outer-inner-inner,
    .scrollable-area,
    main,
    main .main-inner,
    .simplebar-scroll-content {
        display: block !important;
        overflow: unset !important;
        position: relative !important;
        height: auto !important;
    }

    footer {
        text-align: center;
        padding-right: 15px;
        padding-left: 15px;
    }

    .footer-links-ul {
        text-align: center;
        margin-top: 0.5rem;
        padding-left: 0;
    }

    .footer-links-ul li {
        display: block;
        margin-bottom: 0.5rem;
    }

    header {
        position: relative;
    }

    .navbar-main {
        margin: -15px -15px 0 -15px;
    }

    #navbarMain {
        background-color: var(--ui-color-information-blue-dark);
    }

    .navbar-brand-title {
        padding: 1.1rem 2rem 1.1rem 0;
    }

    .navbar-brand img {
        width: 40px;
    }

    .nav-item-user-settings {
        margin-left: 1rem;
    }

    .navbar-light.nav-meta .navbar-nav a.nav-link {
        color: var(--ui-color-information-blue-dark);
    }

    .navbar-light.nav-meta .navbar-nav span.nav-link {
        padding: 0.9rem 0.5rem;
        line-height: 1;
    }

    .nav-item-user-name span.nav-link {
        padding-right: 0 !important;
    }

    .nav-item-user-role span.nav-link {
        padding-left: 5px !important;
    }

    .navbar-light.nav-meta .nav-link i {
        margin-right: 0;
        font-size: 1rem;
        padding: 0.25rem;
    }

    .nav-meta .nav-meta-text-mobile,
    .nav-meta .nav-meta-icon-mobile {
        display: none;
    }

    .nav-meta .dropdown-menu.show {
        flex-direction: column;
    }

    #sideNavLeft,
    .splitter,
    .breadcrumb-container,
    .hide-mobile {
        display: none !important;
    }

    .fc-row,
    .cc-row {
        flex-direction: column;
        margin: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .cc-col-outer-l .cc-row {
        margin-bottom: 0;
    }

    #nav-actions .btn,
    #nav-actions .dropdown,
    #nav-actions .dropdown .btn {
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
        background-color: transparent;
        border: 0;
    }

    #nav-actions .btn,
    #nav-actions .dropdown .btn {
        padding: 1.2rem 1rem 1.2rem;
    }

    #nav-actions .btn:disabled,
    #nav-actions .dropdown .btn:disabled {
        color: var(--ui-color-secondary-grey-light) !important;
    }

    #nav-actions .btn:hover,
    #nav-actions .btn:focus {
        color: var(--ui-color-information-blue-light);
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    #nav-actions .dropdown {
        width: 100%;
    }

    .cc-col-inner {
        border-bottom: 1px solid #ffffff;
    }

    #nav-actions .slideIn {
        -webkit-animation-name: none;
        animation-name: none;
    }

    #nav-actions .dropdown-menu {
        position: relative;
        width: 100%;
        box-shadow: none;
        background-color: var(--ui-color-information-blue-dark);
        flex-direction: column;
        align-items: flex-start;
        padding: 0 1.5rem 2rem 1.5rem;
    }

    .dropdown-menu.show {
        display: flex;
    }

    #nav-actions .dropdown-menu .dropdown-item {
        color: #ffffff;
        padding: 0.75rem 0;
        display: inline;
        width: auto;
    }

    #nav-actions .dropdown-menu .dropdown-item:hover,
    #nav-actions .dropdown-menu .dropdown-item:focus {
        color: var(--ui-color-information-blue-light);
        background-color: transparent;
        box-shadow: none;
    }

    .form-control {
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
    }

    .form-control[type="file"] {
        height: calc(2em + 1.125rem + 2px);
        padding: 0.45rem 0.45rem 0.25rem;
    }

    .scaling-svg-container {
        max-width: 25px;
    }

    .login-form {
        max-width: 100%;
        margin: 2rem 1rem;
    }

    .import-plaketten-info {
        flex-direction: column;
    }

    .import-plaketten-info p {
        margin-bottom: 0;
    }

    #toast-container .toast {
        font-size: 0.9rem !important;
        line-height: 1.1 !important;
    }

    #toast-container .toast:after {
        font-family: "Font Awesome 5 Pro";
        font-size: 1.25rem;
        position: absolute;
        top: 1rem;
        left: 20px;
    }

    .inventur-grid-badge-col {
        max-width: 100px;
    }

    .btn {
        padding: 0.75rem 1rem 0.75rem;
    }

    .buttonHolder {
        margin-top: 1.5rem;
    }

    .buttonHolder .btn {
        width: 100%;
        margin-bottom: 1rem;
    }

    .buttonHolder #inventory-save-button {
        margin-left: 0 !important;
    }

    .custom-inventory-column-headline {
        font-size: 12px;
    }

    .scaling-svg-container {
        font-size: 0.9rem;
    }

    .select2-container--bootstrap4 .select2-selection--multiple,
    .select2-container--bootstrap4 .select2-selection--single {
        min-height: unset !important;
    }

    #create-booking-form label,
    #inventory-form .inventur-grid-container label {
        display: block;
    }

    .form-mobile-accordion .inventur-grid-badge-container-expand {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        margin-top: 0.25rem;
        padding: 0.5rem;
    }

    .form-mobile-accordion .inventur-grid-badge-container-expand:after {
        content: "\f055";
        font-family: "Font Awesome 5 Pro";
        font-size: 20px;
        color: var(--ui-color-information-blue);
    }

    .form-mobile-accordion.open .inventur-grid-badge-container-expand:after {
        content: "\f056";
    }

    .mobile-accordion-hide {
        display: none;
    }

    .booking-form-element.open .mobile-accordion-hide {
        display: block;
    }

    .booking-element-badge {
        display: flex;
    }

    .booking-grid-header {
        display: none;
    }

    .scaling-svg-container {
        font-size: 1.3rem;
    }

    .inventur-grid-badge-inner {
        margin-top: 1rem;
    }

    .inventur-grid-badge-col {
        max-width: unset;
    }

    .inventur-grid-badge-col svg {
        width: 40px;
    }

    .text-badge-type {
        font-size: 0.9375rem;
    }

    .badge-title {
        position: relative;
        top: 2px;
        margin-left: 5px;
    }

    #div_id_receiver label,
    #div_id_cost_center label {
        display: none !important;
    }

    .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
        line-height: unset;
    }

    #form-booking-open .fc-col {
        padding-right: 0;
        padding-left: 0;
    }

    .button-container .btn {
        width: 100%;
    }

    .text-label {
        color: var(--ui-color-primary-grey);
        letter-spacing: 0.3px;
        margin-bottom: 8px;
    }

    .open-booking-list-datatable-container {
        margin-top: 2.5rem;
    }

    .dataTables_length {
        margin-top: 1.55rem;
    }

    .table-open-plakette {
        max-width: 100%;
        min-width: 25px;
        width: 25px;
    }

    .table-open-plakette .scaling-svg-container {
        max-width: 25px;
    }

    #nav-actions .badge-pill-with-text-right {
        font-size: 15px;
        margin-right: 5px;
        padding: 0 0.5rem;
        position: relative;
        top: 1px;
    }

    #adress-book-button {
        margin-bottom: 2rem;
    }

    #orderAdressForm {
        margin-top: 3rem;
    }

    .data-tables-bottom {
        flex-direction: column;
    }

    .data-tables-bottom .bottom-left,
    .data-tables-bottom .bottom-right {
        max-width: 100%;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        margin-top: 1rem;
    }

    .dataTables_info,
    .dataTables_length {
        display: block;
    }

    .pagination .page-item .page-link {
        padding: 0.5rem 1rem;
    }

    .dataTables_paginate .page-item.next .page-link:before,
    .dataTables_paginate .page-item.previous .page-link:before {
        display: block;
    }

    .dataTables_wrapper,
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        background-color: transparent;
    }

    .hide-mobile-datatable-checkbox input,
    li.hide-mobile-datatable-checkbox {
        display: none !important;
    }

    .open-booking-list-datatable-container #booking-overview-actions {
        text-align: center;
    }

    .open-booking-list-datatable-container #booking-overview-actions button {
        font-size: 14px;
        text-align: right;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 0;
    }

    .open-booking-list-datatable-container #booking-overview-actions button i:before {
        content: "\f040";
    }

    .open-booking-list-datatable-container #booking-overview-actions .dropdown-menu {
        flex-direction: column;
        transition: unset;
    }

    .open-booking-list-datatable-container #booking-overview-actions .dropdown-menu a {
        padding: 1rem 1.5rem 1rem 1.25rem;
    }

    .card-element:not(.card-attachment) {
        border: 0;
        background-color: transparent;
    }

    .card-attachment .card-img-top {
        min-height: 200px;
    }

    .card-element.card-attachment .card-text {
        text-align: center;
    }

    .delete-attachment {
        font-size: 1.3rem;
        display: inline-block;
        margin-top: 0.5rem;
        padding: 0.5rem 1rem;
    }

    .card-element:not(.card-attachment) .card-element-header,
    .card-element:not(.card-attachment) .card-element-body {
        padding: 0;
    }

    .modal.theme-dialog .modal-body,
    .modal.theme-dialog .modal-footer {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}