@font-face {
    font-family: 'NotoSans';
    src: url('font/NotoSans_Condensed-Regular.ttf');
    font-weight: 300;
}

@font-face {
    font-family: 'NotoSans';
    src: url('font/NotoSans_Condensed-Bold.ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'NotoSans';
    src: url('font/NotoSans_Condensed-Black.ttf');
    font-weight: 700;
}

body {
    font-family: 'NotoSans', Arial !important;
    height: auto !important;
}

:root {
    --bs-body-font-family: 'NotoSans', Arial !important;
    --bs-body-font-weight: 300;
}

html .navbar--with-brandbar .content {
    min-height: calc(100% - 218.39px - 49px);
}

.content-wrapper.content-wrapper-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-green .navbar-nav {
    color: #fff;
}

.h-1rem {
    height: 1rem;
}

.popover, .tooltip {
    font-family: 'NotoSans';
}

.popover.min-225 {
    min-width: 225px;
}

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

.navbar-nav.navbar-separator .nav-item .nav-link {
    padding: 0 1rem !important;
}

.navbar--with-brandbar .navbar-nav.navbar-separator .nav-item .nav-link {
    color: var(--bs-green) !important;
}

.navbar--with-brandbar .navbar-nav.navbar-separator .nav-item:last-child .nav-link {
    padding-right: 0 !important;
}

.navbar-nav.navbar-separator .nav-item:not(:last-child) .nav-link {
    border-right: 1px solid #b5b5b5;
}

.bg-green .navbar-nav.navbar-separator .nav-item:not(:last-child) .nav-link {
    border-color: #015d48;
}

.header-navbar, .navigation, .navigation .navigation-header {
    font-family: var(--bs-body-font-family);
}

.vertical-overlay-menu .header-navbar {
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1)
}

.menu-open .header-navbar {
    box-shadow: 0 0 16px #bebebe;
}

.horizontal-menu.navbar--with-brandbar .header-navbar {
    height: 35px;
}

.horizontal-menu .header-navbar.navbar-fixed {
    height: 35px;
}

.horizontal-menu.navbar--with-brandbar .horizontal-menu-wrapper {
    position: sticky;
    top: 0px;
    z-index: 1000;
}

.horizontal-menu.navbar--with-brandbar .navbar-logo {
    position: absolute;
    bottom: 0;
}

.horizontal-menu.navbar--with-brandbar .navbar-logo img {
    transition: height .1s ease-out;
}

.horizontal-menu.navbar--with-brandbar:not(.navbar--with-brandbar-active) .navbar-logo img {
    height: 100px;
    width: auto;
}

.horizontal-menu.navbar--with-brandbar-active .navbar-logo img {
    height: 65px;
    width: auto;
}

.horizontal-menu.navbar--with-brandbar .navbar-inner,
.horizontal-menu.navbar--with-brandbar .navbar-nav {
    padding-left: 125px;
}

.horizontal-menu.navbar--with-brandbar .navbar-inner {
    font-size: .857rem;
}

.horizontal-menu.navbar--with-brandbar .horizontal-menu-wrapper .header-navbar .navbar-container {
    padding: 0 !important;
}

.horizontal-menu.navbar--with-brandbar ul#main-menu-navigation > li {
    border-bottom: 5px solid transparent;
    margin-right: 2rem;
}

.horizontal-menu.navbar--with-brandbar ul#main-menu-navigation > li:not(.dropdown):hover {
    border-bottom-color: var(--bs-green);
}

.horizontal-menu.navbar--with-brandbar ul#main-menu-navigation > li:hover > a {
    background: transparent !important;
    color: var(--bs-green);
}

.horizontal-menu.navbar--with-brandbar ul#main-menu-navigation > li > a {
    margin-right: 0 !important;
    padding: .715rem 0 !important;
}

.horizontal-menu-wrapper .header-navbar .nav-link i,
.horizontal-menu-wrapper .dropdown-item i {
    margin-right: .75rem !important;
}

.horizontal-menu-wrapper .header-navbar .navbar-container ul.navbar-nav .dropdown-menu {
    min-width: 200px;
}

.horizontal-layout.navbar-floating:not(.blank-page) .app-content {
    padding: calc(2rem + 100px) 2rem 0;
}

.horizontal-layout.navbar-floating.navbar--with-brandbar:not(.blank-page) .app-content {
    padding: 2rem 2rem;
}

@media (max-width: 1199.98px) {
    .horizontal-layout .app-content {
        padding: calc(4.45rem + calc(2rem - .8rem)) calc(2rem - .8rem) calc(2rem - .8rem) !important;
    }
}

.horizontal-menu .horizontal-menu-wrapper .header-navbar {
    min-height: 65px;
    z-index: 1 !important;
}

.header-navbar.navbar-shadow {
    box-shadow: 0px 8px 8px 0 rgb(34 41 47 / 6%);
}

.main-menu {
    z-index: 996;
}

.main-menu .main-menu-content {
    height: calc(100vh - 4.45rem) !important;
}

.main-menu .navbar-header {
    box-shadow: none !important;
    padding: 0 1rem;
}

.vertical-overlay-menu .main-menu .navbar-container {
    padding: 90px 0 0 !important;
}

@media (min-width: 768px) {
    .vertical-overlay-menu .main-menu .navbar-container {
        padding: 90px 3.5rem 0 !important;
    }
}

@media (min-width: 992px) {
    .vertical-overlay-menu .main-menu .navbar-container {
        padding: 90px 6rem 0 !important;
    }
}

.main-menu.menu-light .navigation {
    background: transparent;
}

.main-menu.menu-light .navigation li:not(.open) {
    margin: 0px !important;
    border-bottom: 1px solid rgba(140, 140, 140, .3);
}

.main-menu.menu-light .navigation > li > a {
    padding: 24px 0;
    margin: 0 1.5rem;
    line-height: 1;
    overflow: visible !important;
}

.main-menu.menu-light .navigation > li > a::after {
    font-family: 'Font Awesome 5 Free' !important;
    content: "\f054" !important;
    font-weight: 900 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    font-size: 1.5rem !important;
    margin-left: auto !important;
    background-image: none !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    height: auto !important;
    width: auto !important;
}

.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a {
    color: inherit;
    background: inherit;
    border-radius: 0;
}

.main-menu .navigation > li .dropdown-divider {
    display: none !important;
}

.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
    left: -100vw;
}

.vertical-overlay-menu.menu-open .main-menu {
    transform: translate3d(100vw, 0, 0);
}

.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
    width: 100%;
}

.sidenav-overlay {
    z-index: 995;
}

.navbar--with-brandbar .main-menu .navbar-header {
    background-color: var(--bs-green);
}

.header-navbar .navbar-container ul.navbar-nav .dropdown-menu {
    width: auto !important;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .active > a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f061";
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
}

.main-menu.menu-light .navigation > li ul .active {
    background: none;
    box-shadow: none;
    border-radius: 0;
    z-index: 1;
}

.main-menu.menu-light .navigation > li ul .active > a {
    color: #007d40;
    font-weight: 700;
}

.main-menu.menu-light .navigation > li ul .active > a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f061";
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
}

.main-menu.menu-light .navigation > li ul li > a.disabled {
    color: #c3c3c3;
}

.btn {
    font-weight: 300;
}

.btn-primary:hover {
    color: #fff;
    background-color: #015d48 !important;
    border-color: #015d48 !important;
}

.btn-primary-highlight {
    transition: all .3s ease-out;
    border-color: #64B32C !important;
    background-color: #64B32C !important;
    color: #fff !important;
}

.btn-primary-highlight:hover {
    transform: scale(1.1);
}

.btn-light-secondary {
    border-color: #ebe9f1 !important;
    background-color: #f8f8f8 !important;
    color: #82868b !important;
}

.bg-gray-light {
    background-color: #efefef !important;
}

.bg-gray-dark {
    background-color: #D5D5D5 !important;
}

.bg-green {
    background-color: #007d40 !important;
}

.bg-green-light {
    background-color: #64B32C !important;
}

.bg-green-dark {
    background-color: #015d48 !important;
}

.bg-gray {
    background-color: #e6e6e6 !important;
}

.text-green-light {
    color: #64B32C !important;
}

.text-green-dark {
    color: #015d48 !important;
}

.text-dark {
    color: var(--bs-body-color) !important;
}

.dark-layout .bg-green-dark {
    background-color: #1d2437 !important;
}

.dark-layout .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #1d2437 !important;
}

.text-shadow {
    text-shadow: 1px 1px 15px #282828;
}

.card:has(.card-icon) {
    overflow: hidden;
}

.card:has(.card-body) .card-header {
    background-color: #f8f8f8;
}

.card-header.card-header-clear {
    background-color: #fff !important;
    font-weight: 700;
}

.card-header:not(.card-header-clear) + .card-body:not(:has(:first-child:is(img))) {
    padding-top: 1.5rem !important;
}

.card-icon {
    position: absolute;
    top: 0;
    right: 1.5rem;
}

.card-icon i {
    font-size: 3.25rem;
    line-height: 106.95px;
    color: #f2f2f2;
}

.dark-layout .card-header {
    background-color: #1d2437 !important;
}

.header-navbar.bg-green .navbar-container ul.navbar-nav li > a.nav-link {
    color: #ffffff;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
    background: #007d40 !important;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > a {
    margin-right: 1.5rem;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li:last-child > a {
    margin-right: 0 !important;
}

.avatar .avatar-content {
    width: 25px;
    height: 25px;
}

.avatar [class*=avatar-status-] {
    width: 8px;
    height: 8px;
}

.dark-layout.horizontal-menu .header-navbar.navbar-light {
    background: #283046;
}

.dark-layout.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a {
    background: #161d31;
}

.modal-title {
    font-weight: 700;
}

.modal-backdrop {
    background-color: #22292f38;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.dark-layout .modal-backdrop {
    background-color: #22292fb0;
}

.modal-backdrop.show,
.dark-layout .modal-backdrop.show {
    opacity: 1;
}

@media (min-width: 992px) {
    .modal-md {
        max-width: 600px
    }
}

.overlay {
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #FFF;
}

/* CARD MIT OVERLAY */

.card.card-overlay-green {
    transition: all 0.3s ease;
    color: #5e5873;
}

.card.card-overlay-green .card-img {
    position: relative;
    height: 190px;
    overflow: hidden;
}

.card.card-overlay-green .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .428rem .428rem 0 0;
    transition: all .3s ease-in;
}

.card.card-overlay-green .card-img .overlay-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 107, 82, .5);
    border-radius: .428rem .428rem 0 0;
    transition: all 0.45s ease;
}

.card.card-overlay-green .card-footer {
    color: var(--bs-green);
    border-top: none;
    padding: 0 1.5rem 1.5rem;
}

.card.card-overlay-green .card-footer:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
}

.card.card-overlay-green:hover {
    background-color: var(--bs-green);
    color: #fff;
}

.card.card-overlay-green:hover .card-title {
    color: #fff;
}

.card.card-overlay-green:hover .card-img .overlay-effect {
    opacity: 1;
}

.card.card-overlay-green:hover .card-img img {
    transform: scale(1.15);
}

.card.card-overlay-green:hover .card-footer {
    text-decoration: underline;
    color: #fff;
}

footer.footer span a i, footer.footer span a svg {
    height: auto;
    width: auto;
    font-size: inherit;
    margin-left: 0;
    color: inherit;
}

.breadcrumb-self {
    display: flex;
    font-size: calc(1.2536rem + .0432vw);
    font-weight: 400 !important;
}

.breadcrumb-self span:not(:last-child):after {
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem;
    opacity: .25;
}

@media (max-width: 576px) {
    .breadcrumb-self {
        font-size: calc(1rem + .0432vw);
    }

    .breadcrumb-self span:not(:last-child):after {
        margin: 0 .5rem;
    }
}

.main-menu.menu-light .navigation > li.sidebar-group-active > a {
    color: #ffffff !important;
    background: #007d40 !important;
}

/*--------------------------------------------------------------
# Fortschrittsanzeige
--------------------------------------------------------------*/

ul.progress-bar-fortschritt {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
}

li.section {
    display: inline-block;
    padding-top: 45px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    color: #444444;
    vertical-align: top;
    position: relative;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.section:before {
    content: '\f023';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 2px;
    left: calc(50% - 15px);
    z-index: 1;
    width: 30px;
    height: 30px;
    color: #acacac;
    border: 2px solid white;
    border-radius: 17px;
    line-height: 30px;
    background: #efefef;
}

.status-bar {
    height: 2px;
    background: #efefef;
    position: relative;
    top: 20px;
    margin: 0 auto;
}

.current-status {
    height: 2px;
    width: 0;
    border-radius: 1px;
    background: #007d40;
}

@keyframes changeBackground {
    from {
        background: #efefef
    }
    to {
        background: #007d40
    }
}

li.section.visited:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    animation: changeBackground .5s linear;
    animation-fill-mode: forwards;
    color: #fff !important;
}

li.section.visited.current:before {
    content: '\f063';
}

li.section.visited.current:before {
    box-shadow: 0 0 0 2px #007d40;
}

@media (max-width: 576px) {
    li.section {
        font-size: .56rem;
        line-height: .7rem;
    }
}

.dt_footer-toolbar {
    border-top: 3px solid #ebe9f1;
}

.timeline-steps {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width: 768px) {
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 233%;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline .timeline-item:not(:last-child) {
    padding-bottom: 1.25rem;
}

.timeline .timeline-item .timeline-event {
    min-height: unset;
}

.timeline .timeline-item .timeline-event .timeline-title {
    display: block;
    font-weight: 700;
    font-size: 0.85rem;
}

.timeline .timeline-item .timeline-event .timeline-desc {
    display: block;
    font-weight: 300;
    font-size: 0.85rem;
}

.vertical-overlay-menu .nav-link.menu-toggle span::after {
    font-family: 'Font Awesome 5 Free';
    content: "\f0c9";
    font-weight: 900;
    display: inline-block;
    font-size: 1.25rem;
    transition: all .3s ease-out;
}

.vertical-overlay-menu.menu-open .nav-link.menu-toggle span::after {
    content: "\f00d";
}

.navbar-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-footer .navbar-user {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navbar-footer .navbar-user .user-name {
    display: flex;
    flex-direction: column;
    align-items: end;
    max-width: 200px;
    margin-left: .5rem;
}

@media (max-width: 576px) {
    .navbar-footer .navbar-user .user-name {
        max-width: 150px;
    }
}

.navbar-footer .navbar-user .user-name span {
    display: inline-block;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 65%;
}

.navbar-footer .navbar-user .user-name span:first-child {
    font-weight: 700;
    font-size: 80%;
    line-height: 80%;
    margin-bottom: .25rem;
}

.vertical-overlay-menu .navbar-footer {
    min-height: 4.45rem;
    padding: 0 1.5rem;
    box-shadow: 0 0 16px #e7e7e7;
}

.vertical-overlay-menu .nav-link i {
    font-size: 1.25rem;
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #3b82f6
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #3b82f6;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #ea5455;
    background-color: inherit !important;
    border: 0 !important;
}

table.datatable.marktplatz-angebote tbody td {
    height: 75px;
}

.datatable.table-nowrap th,
.datatable.table-nowrap td {
    white-space: nowrap !important;
}

.misc-wrapper {
    height: calc(100vh - 210px);
}

@media (min-width: 1200px) {
    .misc-wrapper {
        height: calc(100vh - 275px);
    }
}

a.link--inline-text {
    color: inherit;
}

a.link--inline-text i,
.dropdown-menu .dropdown-item.disabled i {
    margin-right: .5rem !important;
}

a.link--inline-text:hover {
    color: var(--bs-green);
}

a.link--inline-text.disabled {
    pointer-events: none !important;
    color: #b9b9c3 !important;
}

.hero--section {
    background-color: var(--bs-green);
    border-radius: 1rem;
    margin-bottom: 15rem;
}

.hero--section.hero--overlay {
    border-radius: 1rem;
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hero--section.hero--overlay.overlay--bg-videobewertung {
    background-image: url("../img/photos/bg_videobewertung--v2.jpg");
}

.hero--section.hero--overlay.overlay--bg-abstract {
    background-image: url("../img/photos/bg_abstract--v1.jpg");
}

.hero--section.hero--overlay.overlay--bg-ueberfuehrung {
    background-image: url("../img/photos/bg_ueberfuehrung--v1.jpg"), linear-gradient(#002312, #001e0f);;
    background-blend-mode: soft-light;
}

.hero--section.hero--section-animated {
    background-size: 200% 200%;
    background-image: repeating-linear-gradient(
            -45deg,
            var(--bs-green) 0%,
            #015d48 15%, /* grün */ var(--bs-green) 30%, /* rosa */ var(--bs-green) 45% /* blau */
    );
    animation: diagonal alternate 30s infinite;
}

@keyframes diagonal {
    0% {
        background-position: 0% 50%
    }
    100% {
        background-position: 100% 50%
    }
}

@media (max-width: 992px) {
    .hero--section {
        margin-bottom: 2rem;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .hero--section {
        margin-bottom: 8rem;
    }
}

.hero--section .hero--section-title,
.hero--section .hero--section-subtitle {
    color: #fff;
    line-height: 1.1;
}

.hero--section .hero--section-title {
    font-size: 3.25rem;
}

.hero--section .hero--section-subtitle {
    font-size: 2.5rem;
}

.hero--section p, .hero--section .p {
    font-size: 1.4rem !important;
    line-height: 1.6 !important;
    color: #fff;
}

.hero--section p.fs-xl, .hero--section .p.fs-xl {
    font-size: calc(1.2rem + .2vw) !important;
    line-height: 1.2 !important;
    color: inherit;
}

@media (max-width: 960px) {
    .hero--section .hero--section-title {
        font-size: 2.2rem !important;
    }

    .hero--section .hero--section-subtitle {
        font-size: 1.75rem !important;
    }

    .hero--section p {
        font-size: 1rem;
    }

    .app-content.landing-page h2 {
        font-size: 2.1rem !important;
    }
}

@media (min-width: 992px) {
    .hero--statistic,
    .hero--absolute {
        position: absolute;
    }
}

.card.card-hero-inline {
    border-radius: 1rem;
    margin-bottom: 0;
    background-color: var(--bs-green);
    color: #fff;
}

.card.card-hero {
    border-radius: 1rem;
    margin-bottom: 0;
}

.card-img-overflow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .hero--section .card-hero {
        border-radius: 1rem;
        margin-bottom: -15rem !important;
    }
}

.custom-option-item-check:checked + .custom-option-item {
    box-shadow: 0 3px 10px 0 rgba(34, 41, 47, .1);
}

@media (max-width: 1201px) {
    .horizontal-layout .header-navbar.navbar-brandbar .navbar-container {
        padding: 0 .8rem 0 0 !important;
    }
}

.menu-hide.navbar--with-brandbar .header-navbar.navbar-brandbar,
.navbar--with-brandbar .header-navbar.navbar-brandbar .navbar-inner img {
    transition: min-height .1s ease-out;
    min-height: 4.45rem !important;
}

.menu-hide.navbar--with-brandbar.on-scroll .header-navbar.navbar-brandbar,
.menu-hide.navbar--with-brandbar.on-scroll .header-navbar.navbar-brandbar .navbar-inner img {
    min-height: 3rem !important;
}

.navbar-subnav .navbar-nav-scroll-x {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.navbar-subnav {
    padding-left: 0;
}

@media (max-width: 960px) {
    .navbar-subnav {
        top: 62.3px;
    }
}

.horizontal-menu-wrapper .header-navbar .navbar-container ul.navbar-nav .dropdown-menu {
    border-radius: 0 0 .357rem;
    border-top: 5px solid var(--bs-green);
}

.horizontal-menu-wrapper .header-navbar .navbar-container ul.navbar-nav .dropdown-menu .dropdown-item {
    font-weight: 300;
}

.dropdown-menu:not(:has(.nav-item)) {
    padding: .75rem;
}

.dropdown-menu .dropdown-item {
    border-radius: .357rem;
    font-weight: 300;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #007d40;
    background-color: #f8f8f8;
}

.bg-green-dark ul.nav .nav-link,
.bg-green ul.nav .nav-link {
    color: #fff;
}

ul.nav.nav-px-0 .nav-item:first-child .nav-link {
    padding-left: 0 !important;
}

ul.nav.nav-px-0 .nav-item:last-child .nav-link {
    padding-right: 0 !important;
}

.form-label, .__datatable-con .__datatable-controls .__datatable-controls--static .form-label {
    font-size: .75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.__datatable-con .__datatable-controls .__datatable-controls--static .form-label {
    padding: 0;
}

.form-select.form-select-no-arrow {
    background-image: none !important;
    cursor: pointer;
}

.input-group-merge .form-select:not(:first-child){
    border-left: 0;
}

:not(.form--flat) .input-group:not(.bootstrap-touchspin):focus-within .form-control,
:not(.form--flat) .input-group:not(.bootstrap-touchspin):focus-within .form-select,
:not(.form--flat) .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: #007d40;
    box-shadow: none;
}

.lead {
    font-weight: 300;
}

.card.bg-hover-primary:hover {
    background-color: #64B32C;
    color: #fff;
    transform: scale(1.05);
}

.card.bg-hover-duo--primary:hover {
    background-color: #64B32C;
    color: #fff;
    transform: scale(1.05);
}

.card.bg-hover-duo--primary:hover .card-header,
.card.bg-hover-duo--primary:hover .card-header h4 {
    background-color: #007d40;
    color: #fff;
}

.card.bg-hover-primary:hover h3,
.card.bg-hover-primary:hover h4 {
    color: #fff;
}

.card.bg-hover-primary .avatar {
    background-color: #64B32C;
    color: #fff;
    transition: all .3s ease-out;
}

.card.bg-hover-primary:hover .avatar {
    color: var(--bs-green);
}

.card.bg-hover-primary:hover .avatar i {
    transition: all .3s ease-out;
    transform: scale(2.5);
}

.avatar.bg-green-light {
    color: #fff;
    background-color: #64B32C !important;
}

.card .card-body:has(.icon-with-triangle) {
    padding-left: 60px;
}

.icon-with-triangle {
    position: absolute;
    left: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: transparent !important;
    border-radius: 0;
    background-image: url("../img/svg/dekra_triangle--light.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center, 50%, 50%;
    transition: all .3s ease-out;
}

.card.bg-hover-primary:hover .icon-with-triangle {
    background-image: url("../img/svg/dekra_triangle.svg");
    transform: scale(1.2);
}

@media (min-width: 768px) {
    .position-sticky-container {
        display: initial;
    }

    .position-sticky-container .position-sticky {
        position: sticky;
        top: 100px;
    }
}

.img-mask img {
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: auto;
    width: 100%;
    max-width: 100%;
    -webkit-mask-size: auto auto;
}

.img-mask.img-mask-end img {
    mask-position: center right;
}

.img-mask.mask-triangle-double img {
    -webkit-mask-image: url(../img/svg/dekra_triangle_double.svg);
    mask-image: url(../img/svg/dekra_triangle_double.svg);
}

.img-mask.mask-triangle img {
    -webkit-mask-image: url(../img/svg/dekra_triangle.svg);
    mask-image: url(../img/svg/dekra_triangle.svg);
}

.img-mask.mask-rotate-180 img {
    transform: rotate(180deg);
}

.card.card-login {
    max-width: 350px;
    margin-bottom: 0;
    border: 1px solid #dae1e7;
}

.card.card-login.card-login-xl {
    max-width: 100% !important;
}

.card.card-login .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dae1e7;
}

.card.card-login .card-footer {
    background-color: #f8f8f8;
}

.card.card-login .card-header + .card-body {
    padding-top: 1.5rem;
}

.card.card-login .card-title {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0;
}

.error--con i {
    font-size: 4.5rem;
    margin-bottom: 2rem;
}

.error--con span.error-title {
    display: block;
    font-size: 1.85rem;
    font-weight: 700;
}

.error--con span.error-desc {
    display: block;
    font-size: 1.35rem;
}

.form--flat .form-control,
.form--flat .form-select {
    color: #6e6b7b;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.form--flat .form-control:focus,
.form--flat .form-select:focus {
    border: 1px solid #d8d6de;
    box-shadow: none;
}

.form--flat .input-group:not(.bootstrap-touchspin):focus-within .form-control,
.form--flat .input-group:not(.bootstrap-touchspin):focus-within .form-select,
.form--flat .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border: 1px solid #d8d6de;
    box-shadow: none !important;
}

.form--flat .input-group:not(.bootstrap-touchspin):focus-within .form-control {
    border-right: none !important;
}

.form--flat .input-group:not(.bootstrap-touchspin):focus-within {
    box-shadow: none !important;
}

.form--flat .input-group-text {
    color: #6e6b7b;
    background-color: #f8f8f8;
    border: none;
}

.form--flat .select2-container--classic .select2-selection--single, .form--flat .select2-container--default .select2-selection--single {
    color: #6e6b7b;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.form--flat .select2-hidden-accessible.error + .select2-container--classic .select2-selection--single, .form--flat .select2-hidden-accessible.error + .select2-container--default .select2-selection--single {
    border-color: #EA5455 !important;
    background-color: #ffe5e5 !important;
}

.form--flat .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight: 500;
}

.form--flat .select2-container--classic.select2-container--open .select2-selection--single, .form--flat .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #d8d6de !important;
}

.form--flat .select2-container--classic.select2-container--open, .form--flat .select2-container--default.select2-container--open {
    box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--classic .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #6e6b7b;
    font-weight: 500;
}

.select2-container--classic .select2-dropdown, .select2-container--default .select2-dropdown {
    box-shadow: 3px 3px 11px #d1d1d1;
}

.form--flat .select2-selection__arrow b {
    display: none !important;
}

.select2-container {
    max-width: 500px;
}

form .error:not(input) {
    color: #EA5455;
    font-size: .75rem;
    font-weight: 700;
    margin-left: .25rem;
}

.form-control.error + .input-group-text {
    color: #EA5455;
    border-color: #EA5455 !important;
}

.form-check-input.error + .form-check-label {
    color: #EA5455;
}

.form--flat input.error, .form--flat input.error:focus, .form--flat textarea.error {
    border-color: #EA5455 !important;
    background-color: #ffe5e5 !important;
}

.form--flat .form-control.error + .input-group-text {
    color: #EA5455;
    border: 1px solid #EA5455 !important;
    background-color: #ffe5e5 !important;
}

.btn-primary.disabled::before, .btn-primary:disabled::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f023";
    font-weight: 900;
    display: inline-block;
    margin-right: .75rem;
}

:not(.dropdown) .avatar {
    cursor: default;
}

.app-content.landing-page p:not(.small),
.app-content.landing-page .p:not(.small),
.app-content.landing-page ~ .footer p:not(.small) {
    font-size: 1.25rem;
    line-height: 1.8rem;
}

.app-content.landing-page h2 {
    font-size: 2.5rem;
}

.app-content.landing-page h3,
.app-content.landing-page h4 {
    font-size: 1.75rem;
}

.container-xl {
    max-width: 1320px !important;
}

.app-content .container-xl {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.--main-btn-b {
    display: none;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    bottom: -100px;
    right: 2.5rem;
    width: 175px;
    height: 175px;
    background-color: transparent !important;
    border-radius: 0;
    background-image: url("../img/svg/dekra_triangle--light.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center, 50%, 50%;
    transition: all .3s ease-out;
    color: #fff;
    padding: .5rem 1.5rem;
}

@media (min-width: 1755px) {
    .--main-btn-b {
        display: inline-flex;
    }
}

.--main-btn-b a {
    color: #fff;
    margin-bottom: .2rem;
}

.--main-btn-b a:last-child {
    margin-bottom: 0;
}

.--main-btn-b .icon-main {
    transition: all .3s ease-out;
    margin-bottom: 1.25rem;
}

.--main-btn-b .icon-main i {
    font-size: 2rem;
    color: #fff;
    margin: 0 !important;
}

.--main-btn-b:hover,
.--main-btn-b.scroll-shown {
    bottom: -15px;
}

.--main-btn-b:hover .icon-main,
.--main-btn-b.scroll-shown .icon-main {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: 1fr 99fr 1fr;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 0.625em #0000004a;
    pointer-events: all;
}

.swal2-popup.swal2-toast > * {
    grid-column: 2;
}

.swal2-popup.swal2-toast .swal2-title {
    margin: 0 1em;
    padding: 0;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    width: 100%;
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center;
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: 0.5em;
    font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: 0.5em 0 0;
    padding: 0.5em 0 0;
    font-size: 0.8em;
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: 0.8em;
    height: 0.8em;
    margin: 0;
    font-size: 2em;
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial;
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0;
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: 0.25em;
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 0.5em 0 0;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: bold;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: 0.875em;
    width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: 0;
    margin-top: 0.3125em;
    padding: 0;
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: 0.25em 0.5em;
    padding: 0.4em 0.6em;
    font-size: 1em;
}

@media (max-width: 600px) {
    .swal2-popup.swal2-toast .swal2-styled {
        padding: 0.6em;
        font-size: .8em;
    }
}

.swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -0.8em;
    left: -0.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -0.25em;
    left: 0.9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: 0.4375em;
    width: 0.4375em;
    height: 2.6875em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
    animation: swal2-toast-animate-success-line-tip 0.75s;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
    animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show 0.5s;
    animation: swal2-toast-show 0.5s;
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: swal2-toast-hide 0.1s forwards;
    animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
    display: grid;
    position: fixed;
    z-index: 1101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end" "gap gap gap";
    grid-template-rows: auto auto auto 0.625em;
    height: 100%;
    padding: 0.625em 0.625em 0;
    overflow-x: hidden;
    transition: background-color 0.1s;
    -webkit-overflow-scrolling: touch;
}

.swal2-container::after {
    content: "";
    grid-column: 1/4;
    grid-row: 4;
    height: 0.625em;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgb(0 0 0 / 60%);
}

.swal2-container.swal2-center.swal2-backdrop-show {
    background: rgb(0 0 0 / 65%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.swal2-container.swal2-backdrop-hide {
    background: transparent !important;
}

.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
    grid-template-columns: auto auto minmax(0, 1fr);
}

.swal2-container.swal2-top-start > .swal2-popup {
    align-self: start;
}

.swal2-container.swal2-top > .swal2-popup {
    grid-column: 2;
    align-self: start;
    justify-self: center;
}

.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
    display: flex !important;
    align-items: center;
    grid-column: 3;
    align-self: start;
    justify-self: end;
}

.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
    grid-row: 2;
    align-self: center;
}

.swal2-container.swal2-center > .swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    box-shadow: 0 0 20px #00000085;
}

.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: end;
}

.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end;
}

.swal2-container.swal2-bottom > .swal2-popup {
    grid-column: 2;
    grid-row: 3;
    justify-self: center;
    align-self: end;
}

.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end;
}

.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
    grid-column: 1/4;
    width: 100%;
}

.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
    grid-row: 1/4;
    align-self: stretch;
}

.swal2-container.swal2-no-transition {
    transition: none !important;
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
}

.swal2-popup:focus {
    outline: none;
}

.swal2-popup.swal2-loading {
    overflow-y: hidden;
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 0 1.25em;
    color: #595959;
    font-size: 1.75rem;
    line-height: 2rem;
    margin: 1.25rem 0;
    font-weight: 700;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}

@media (max-width: 600px) {
    .swal2-title {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }

    .swal2-html-container {
        font-size: 1rem;
    }

    .alert-grey {
        font-size: .75rem;
    }
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: 0.4;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: 0.25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled {
    margin: 0.3125em;
    padding: 0.625em 1.1em;
    transition: box-shadow 0.1s;
    box-shadow: 0 0 0 3px transparent;
    font-weight: 500;
}

.swal2-styled:not([disabled]) {
    cursor: pointer;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #007d40;
    color: #fff;
    font-size: 1em;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgb(0 125 64 / 33%);
}

.swal2-styled.swal2-deny {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #ea5455;
    color: #fff;
    font-size: 1em;
}

.swal2-styled.swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(234, 84, 85, 0.5);
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #6e7d88;
    color: #fff;
    font-size: 1em;
}

.swal2-styled.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(110, 125, 136, 0.5);
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-styled:focus {
    outline: none;
}

.swal2-styled::-moz-focus-inner {
    border: 0;
}

.swal2-footer {
    justify-content: center;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em;
}

.swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto !important;
    height: 0.45em;
    overflow: hidden;
    background: #ffffff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.swal2-timer-progress-bar {
    width: 100%;
    height: 0.45em;
    background: #64B32C;
}

.swal2-image {
    max-width: 100%;
    margin: 2em auto 1em;
}

.swal2-close {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color 0.1s, box-shadow 0.1s;
    border: none;
    border-radius: 5px;
    background: transparent;
    color: #ccc;
    font-family: serif;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end;
}

.swal2-close:hover {
    transform: none;
    background: transparent;
    color: #f27474;
}

.swal2-close:focus {
    outline: none;
    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-close::-moz-focus-inner {
    border: 0;
}

.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 0 0 1.25rem;
    padding: 0 1.6em 0.3em;
    color: #545454;
    font-size: 1em;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
    margin: 1em 2em 0;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
    box-sizing: border-box;
    width: auto;
    transition: border-color 0.1s, box-shadow 0.1s;
    border: 1px solid #d9d9d9;
    border-radius: 0.1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
    color: inherit;
    font-size: 1.125em;
}

.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important;
}

.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
    color: #ccc;
}

.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
    color: #ccc;
}

.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
    color: #ccc;
}

.swal2-range {
    margin: 1em 2em 0;
    background: #fff;
}

.swal2-range input {
    width: 80%;
}

.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center;
}

.swal2-range input,
.swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em;
}

.swal2-input {
    height: 2.625em;
    padding: 0 0.75em;
}

.swal2-input[type=number] {
    max-width: 10em;
}

.swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: inherit;
    font-size: 1.125em;
}

.swal2-textarea {
    height: 6.75em;
    padding: 0.75em;
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: 0.375em 0.625em;
    background: inherit;
    color: inherit;
    font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit;
}

.swal2-radio label,
.swal2-checkbox label {
    margin: 0 0.6em;
    font-size: 1.125em;
}

.swal2-radio input,
.swal2-checkbox input {
    flex-shrink: 0;
    margin: 0 0.4em;
}

.swal2-input-label {
    display: flex;
    justify-content: center;
    margin: 1em auto 0;
}

.swal2-validation-message {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: 0.625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666666;
    font-size: 1em;
    font-weight: 300;
}

.swal2-validation-message::before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 0.625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto 0;
    border: 0.25em solid transparent;
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em;
}

.swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: 0.3125em;
    border-radius: 0.125em;
    background-color: #f27474;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg);
}

.swal2-icon.swal2-error.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon 0.5s;
    animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark 0.5s;
    animation: swal2-animate-error-x-mark 0.5s;
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86;
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee;
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd;
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -0.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -0.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0;
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -0.25em;
    left: -0.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: 0.25em solid rgba(165, 220, 134, 0.3);
    border-radius: 50%;
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: 0.5em;
    left: 1.625em;
    width: 0.4375em;
    height: 5.625em;
    transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: 0.3125em;
    border-radius: 0.125em;
    background-color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: 0.8125em;
    width: 1.5625em;
    transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
    transform: rotate(-45deg);
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip 0.75s;
    animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long 0.75s;
    animation: swal2-animate-success-line-long 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: inherit;
    font-weight: 600;
}

.swal2-progress-steps li {
    display: inline-block;
    position: relative;
}

.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background: #add8e6;
    color: #fff;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #add8e6;
}

.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: 0.4em;
    margin: 0 -1px;
    background: #2778c4;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-show {
    -webkit-animation: swal2-show 0.3s;
    animation: swal2-show 0.3s;
}

.swal2-hide {
    -webkit-animation: swal2-hide 0.15s forwards;
    animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
    transition: none;
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto;
}

@-webkit-keyframes swal2-toast-show {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg);
    }
    33% {
        transform: translateY(0) rotateZ(-2deg);
    }
    66% {
        transform: translateY(0.3125em) rotateZ(2deg);
    }
    100% {
        transform: translateY(0) rotateZ(0deg);
    }
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg);
    }
    33% {
        transform: translateY(0) rotateZ(-2deg);
    }
    66% {
        transform: translateY(0.3125em) rotateZ(2deg);
    }
    100% {
        transform: translateY(0) rotateZ(0deg);
    }
}

@-webkit-keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0;
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0;
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: 0.5625em;
        left: 0.0625em;
        width: 0;
    }
    54% {
        top: 0.125em;
        left: 0.125em;
        width: 0;
    }
    70% {
        top: 0.625em;
        left: -0.25em;
        width: 1.625em;
    }
    84% {
        top: 1.0625em;
        left: 0.75em;
        width: 0.5em;
    }
    100% {
        top: 1.125em;
        left: 0.1875em;
        width: 0.75em;
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: 0.5625em;
        left: 0.0625em;
        width: 0;
    }
    54% {
        top: 0.125em;
        left: 0.125em;
        width: 0;
    }
    70% {
        top: 0.625em;
        left: -0.25em;
        width: 1.625em;
    }
    84% {
        top: 1.0625em;
        left: 0.75em;
        width: 0.5em;
    }
    100% {
        top: 1.125em;
        left: 0.1875em;
        width: 0.75em;
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0;
    }
    65% {
        top: 1.25em;
        right: 0.9375em;
        width: 0;
    }
    84% {
        top: 0.9375em;
        right: 0;
        width: 1.125em;
    }
    100% {
        top: 0.9375em;
        right: 0.1875em;
        width: 1.375em;
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0;
    }
    65% {
        top: 1.25em;
        right: 0.9375em;
        width: 0;
    }
    84% {
        top: 0.9375em;
        right: 0;
        width: 1.125em;
    }
    100% {
        top: 0.9375em;
        right: 0.1875em;
        width: 1.375em;
    }
}

@-webkit-keyframes swal2-show {
    0% {
        transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: 0.0625em;
        width: 0;
    }
    54% {
        top: 1.0625em;
        left: 0.125em;
        width: 0;
    }
    70% {
        top: 2.1875em;
        left: -0.375em;
        width: 3.125em;
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em;
    }
    100% {
        top: 2.8125em;
        left: 0.8125em;
        width: 1.5625em;
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: 0.0625em;
        width: 0;
    }
    54% {
        top: 1.0625em;
        left: 0.125em;
        width: 0;
    }
    70% {
        top: 2.1875em;
        left: -0.375em;
        width: 3.125em;
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em;
    }
    100% {
        top: 2.8125em;
        left: 0.8125em;
        width: 1.5625em;
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0;
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0;
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em;
    }
    100% {
        top: 2.375em;
        right: 0.5em;
        width: 2.9375em;
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0;
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0;
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em;
    }
    100% {
        top: 2.375em;
        right: 0.5em;
        width: 2.9375em;
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0;
    }
    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0;
    }
    80% {
        margin-top: -0.375em;
        transform: scale(1.15);
    }
    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0;
    }
    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0;
    }
    80% {
        margin-top: -0.375em;
        transform: scale(1.15);
    }
    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden;
}

body.swal2-height-auto {
    height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
    background-color: transparent !important;
    pointer-events: none;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important;
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
        display: none;
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important;
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 400px;
    max-width: 100%;
    background-color: transparent;
    pointer-events: none;
    z-index: 9999;
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
}

.__session-button__con {
    display: inline-flex;
    align-items: center;
    border: 1px solid #64B32C;
    padding: 0.5rem 0.75rem;
    border-radius: 0.55rem;
    transition: all .3s ease-out;
}

.__session-button__logout-button {
    font-weight: 700;
}

.__session-button__delimiter {
    display: inline-block;
    width: 1px;
    height: 16px;
    margin-left: 7px;
    margin-right: 7px;
    background-color: #64B32C;
}

.__session-button__refresh-button {
    display: inline-flex;
    justify-content: center;
    width: 30.5px;
}

.__session-button__refresh-icon {
    display: none;
}

.__session-button__con:hover {
    background-color: #64B32C;
    color: #fff;
}

.__session-button__con:hover .__session-button__delimiter {
    background-color: #007d40;
}

.__session-button__con:hover .__session-button__refresh-icon {
    display: inline-flex;
}

.__session-button__con:hover .__session-button__time {
    display: none;
}

ul.icon-list {
    list-style: none;
    padding-left: 0;
}

ul.icon-list li {
    display: flex;
    align-items: center;
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}

ul.icon-list li::before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url("../img/svg/dekra_triangle.svg");
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 2em;
}

.price--item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price--item.price--item-xl {
    font-size: 120%;
    font-weight: 700;
}

.breadcrumb-item + .breadcrumb-item:last-child {
    font-weight: 700;
}

.fs-xxs {
    font-size: .65rem !important;
    line-height: 1.25 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year,
.flatpickr-time input.flatpickr-hour, .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 700 !important;
    color: rgba(0, 0, 0, .54);
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled, .flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay {
    font-weight: 300;
}

.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected:hover {
    background: #007D40;
    color: #FFF;
    border-color: #007D40;
}

.flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-day.today:hover {
    background: #64b32c;
    color: #fff;
    border-color: #64b32c;
}

.flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day.inRange:hover{
    background: #64b32c;
    color: #fff;
    border-color: #64b32c;
    box-shadow: -5px 0 0 #64b32c, 5px 0 0 #64b32c;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    background: #fff !important;
    color: #fff !important;
    border-color: #fff !important;
}

.form-control.flatpickr-input[readonly] {
    background-color: #ffffff !important;
}

.__datatable-con {
    transition: width 0.5s ease-in-out, max-width 0.5s ease-in-out;
}

.__datatable-con.container-fluid {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.__datatable-con .table.datatable {
    margin-bottom: 0 !important;
}

.__datatable-con .__datatable-controls,
.__datatable-con .__datatable-information {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.__datatable-con .__datatable-filters {
    padding: 1.25rem;
}

.__datatable-con .__datatable-information {
    border-top: 1px solid #efefef;
}

.__datatable-con .__datatable-filters {
    border-top: 1px solid #efefef;
}

.__datatable-con .__datatable-controls .__datatable-controls--static,
.__datatable-con .__datatable-controls .__datatable-controls--options {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.__datatable-con .__datatable-controls .__datatable-controls--static {
    flex-grow: 1;
    flex-basis: calc((30rem - 100%) * 999);
}

.__datatable-con .__datatable-controls .__datatable-controls--options .btn-group .btn {
    border: 1px solid #efefef !important;
    background-color: transparent;
    color: #82868b;
}

.__datatable-con .__datatable-controls .__datatable-controls--options .btn-group .btn:hover:not(.disabled):not(:disabled) {
    background-color: #f8f8f8;
}

div.dataTables_wrapper .dataTables_info {
    padding-top: 0 !important;
    font-size: 85%;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 300;
    font-size: 85%;
    color: #b9b9c3;
}

.__datatable-con .__datatable-controls .__datatable-controls--static input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.__datatable-con .__datatable-controls .__datatable-controls--static label {
    display: inline-block;
    background-color: transparent;
    color: #82868b;
    border: 1px solid transparent;
    padding: .786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: .358rem;
    margin-right: .5rem;
    cursor: pointer;
}

.__datatable-con .__datatable-controls .__datatable-controls--static label:hover {
    color: #82868b;
    background-color: #f8f8f8;
    border: 1px solid #efefef;
}

.__datatable-con .__datatable-controls .__datatable-controls--static input[type="radio"]:checked + label {
    color: #fff;
    background-color: #007d40;
    border: 1px solid #007d40;
}

.__datatable-con div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    margin: 0 .5rem;
    padding: .4rem 1.5rem .4rem .75rem;
}

.__datatable-con .datatable .nowrap {
    white-space: nowrap;
    width: 1%;
    min-width: 55px;
}

.__datatable-con .dt-buttons {
    display: none !important;
}

.__datatable-con .datatable td.text-trancute-255 .--limiter {
    display: block;
    max-width: 255px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.__datatable-con .datatable td.text-trancute-200 .--limiter {
    display: block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.__datatable-con .datatable td.text-trancute-120 .--limiter {
    display: block;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.datatable tfoot {
    border-top: 2px solid #ebe9f1;
    font-weight: bold;
}

.datatable tfoot tr td {

}

.datatable .dt-subtable {
    background-color: #f8f8f8;

}
.datatable .dt-subtable td {
    padding: 0.35rem 1.5rem;

}

.opacity-1 {
    opacity: 1 !important;
}

.progress.progress-status {
    background-color: transparent;
    width: 60px;
}

.progress.progress-status .progress-bar {
    background-color: #ebe9f1;
    width: 20%;
}

.progress.progress-status .progress-bar.--done {
    background-color: #007d40;
}

.--is-cancelled .progress.progress-status .progress-bar.--done {
    background-color: #ff5757;
}

.--is-pending .progress.progress-status .progress-bar.--done {
    background-color: #FF9F43;
}

.datatable tr.--is-pending {
    background-color: #fff1e3;
}

.datatable tr.--is-cancelled {
    background-color: #ffecec;
}

.datatable tr.--new-message:not(.--is-pending) {
    background-color: rgba(165, 220, 134, 0.3);
}

.progress.progress-status .progress-bar:not(:last-child) {
    margin-right: 3px;
}

.card-datenschutz {
    box-shadow: none;
    margin-bottom: 0;
}

.card-datenschutz h2,
.card-datenschutz h3 {
    margin: 2rem 0;
}

.card-datenschutz h2 {
    font-size: 2.75rem;
    margin-top: 0;
}

.card-datenschutz h3 {
    font-size: 1.95rem !important;
    border-bottom: 1px solid #d0d0d0;
}

.card-datenschutz h4 {
    font-size: 1.55rem !important;
    margin: 0;
}

.card-datenschutz p {
    margin: 0;
}

.card-datenschutz p:has(+ h4) {
    margin-bottom: 2rem;
}

.card-datenschutz ul {
    font-size: 1.25rem;
    line-height: 1.8rem;
    margin: 2rem 0;
}

.card .card-img {
    border-radius: .428rem .428rem 0 0 !important;
}

.list-group-item {
    background-color: transparent !important;
}

.card.card-overlay-green:hover .list-group-item {
    color: #fff;
    border-color: #fff;
}

.card.card-overlay-green:hover .list-group-item a {
    color: #fff;
}

.card .list-group-item a i {
    margin-right: .5rem !important;
}

.card .list-group-item a.disabled,
.card:hover .list-group-item a.disabled
{
    pointer-events: none !important;
    color: #b9b9c3 !important;
}

.card.card-overlay-green .list-group-item a:not(.disabled):hover {
    color: #fff;
    font-weight: 700;
}

.mt-6 {
    margin-top: 6rem;
}

.mt-7 {
    margin-top: 7rem;
}

.mt-8 {
    margin-top: 8rem;
}

.mt-9 {
    margin-top: 9rem;
}

.mt-10 {
    margin-top: 10rem;
}

@media (min-width: 992px) {
    .mt-lg-10 {
        margin-top: 10rem;
    }
}

.__datatable-controls--static label .__datatable-filterStatistic {
    background-color: #ff9f43 !important;
    color: #fff !important;
}

.alert, .alert p {
    font-weight: 300;
}

[data-repeater] .repeater--delete {
    display: flex;
    align-items: center;
    justify-content: end;
}

[data-repeater]:first-child .repeater--delete {
    display: none !important;
}

.chat-box-container {

    display: flex;
    justify-content: center;

}

.chat-box {
    background-color: white;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1);
    border: 0 solid rgba(34, 41, 47, .125);
    border-radius: .428rem;
    display: flex;
    flex-direction: column;
    width: 25vw;
    gap: 0.7rem;
    padding: 0.7rem;
}
#messages {
    overflow-y: auto;
    overscroll-behavior-y: contain;
    max-height: 40vh;
}
#messages div {
    flex-basis: 70%;
    max-width: 70%;
    align-self: end;
    padding: 0.7rem 1rem;
    margin-bottom: 0.7rem;
    color: #fff;
    background-image: linear-gradient(80deg, #007d40, #00b05a);
    border-radius: 0.357rem;
    box-shadow: 0 4px 8px 0 rgba(34, 41, 47, 0.12);
}

#messages .start-message {
    align-self: start;
    color: #6e6b7b;
    background: white none;
}

.chat-box .send-message-form {
    display: flex;
    gap: 0.7rem;
    align-content: center;
}

.chat-box .send-message-form #message {
    flex-grow: 1;
}

.chat-box .send-message-form button {
    flex-shrink: 0;
}