/*
Template Name: Churcholution DataHub
Author: Churcholution GmbH
Version: 1.0.0
Website: https://datahub.churcholution.cloud
Contact: info@churcholution.ch
File: Main Application
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root,
[data-bs-theme=light] {
  --bs-blue: var(--bs-primary);
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #ec4561;
  --bs-orange: #f1734f;
  --bs-yellow: #f8b425;
  --bs-green: #02a499;
  --bs-teal: #050505;
  --bs-cyan: #38a4f8;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #2a3042;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #343b51;
  --bs-gray-800: #2a3042;
  --bs-gray-900: #222736;
  --bs-primary: #bd584e;
  --bs-secondary: #e9ecef;
  --bs-success: #02a499;
  --bs-info: #38a4f8;
  --bs-warning: #f8b425;
  --bs-indigo: #6610f2;
  --bs-danger: #ec4561;
  --bs-brown: #8d6e63;
  --bs-teal: #050505;
  --bs-lime: #afb42b;
  --bs-orange: #f1734f;
  --bs-blue-grey: #90a4ae;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-light: #dee2e6;
  --bs-dark: #2a3042;
  --bs-primary-rgb: 189, 88, 78;
  --bs-secondary-rgb: 233, 236, 239;
  --bs-success-rgb: 2, 164, 153;
  --bs-info-rgb: 56, 164, 248;
  --bs-warning-rgb: 248, 180, 37;
  --bs-indigo-rgb: 102, 16, 242;
  --bs-danger-rgb: 236, 69, 97;
  --bs-brown-rgb: 141, 110, 99;
  --bs-teal-rgb: 5, 5, 5;
  --bs-lime-rgb: 175, 180, 43;
  --bs-orange-rgb: 241, 115, 79;
  --bs-blue-grey-rgb: 144, 164, 174;
  --bs-purple-rgb: 111, 66, 193;
  --bs-pink-rgb: 232, 62, 140;
  --bs-light-rgb: 222, 226, 230;
  --bs-dark-rgb: 42, 48, 66;
  --bs-primary-text-emphasis: #272c55;
  --bs-secondary-text-emphasis: #5d5e60;
  --bs-success-text-emphasis: #01423d;
  --bs-info-text-emphasis: #164263;
  --bs-warning-text-emphasis: #63480f;
  --bs-danger-text-emphasis: #5e1c27;
  --bs-light-text-emphasis: #343b51;
  --bs-dark-text-emphasis: #343b51;
  --bs-primary-bg-subtle: #e0e2f6;
  --bs-secondary-bg-subtle: #fbfbfc;
  --bs-success-bg-subtle: #ccedeb;
  --bs-info-bg-subtle: #d7edfe;
  --bs-warning-bg-subtle: #fef0d3;
  --bs-danger-bg-subtle: #fbdadf;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #c0c5ee;
  --bs-secondary-border-subtle: #f6f7f9;
  --bs-success-border-subtle: #9adbd6;
  --bs-info-border-subtle: #afdbfc;
  --bs-warning-border-subtle: #fce1a8;
  --bs-danger-border-subtle: #f7b5c0;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: "Lato", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #5b626b;
  --bs-body-color-rgb: 91, 98, 107;
  --bs-body-bg: #f8f9fa;
  --bs-body-bg-rgb: 248, 249, 250;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: #707070;
  --bs-secondary-color-rgb: 112, 112, 112;
  --bs-secondary-bg: #fff;
  --bs-secondary-bg-rgb: 255, 255, 255;
  --bs-tertiary-color: rgba(91, 98, 107, 0.5);
  --bs-tertiary-color-rgb: 91, 98, 107;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #BD584E;
  --bs-link-color-rgb: 189, 88, 78;
  --bs-link-decoration: none;
  --bs-link-hover-color: #BD584E;
  --bs-link-hover-color-rgb: 189, 88, 78;
  --bs-link-hover-decoration: underline;
  --bs-code-color: #e83e8c;
  --bs-highlight-color: #5b626b;
  --bs-highlight-bg: #fcf8e3;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #e9ecef;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.2rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.4rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(98, 110, 212, 0.25);
  --bs-form-valid-color: #02a499;
  --bs-form-valid-border-color: #02a499;
  --bs-form-invalid-color: #ec4561;
  --bs-form-invalid-border-color: #ec4561;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #ced4da;
    --bs-body-color-rgb: 206, 212, 218;
    --bs-body-bg: #232323;
    --bs-body-bg-rgb: 34, 39, 54;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(206, 212, 218, 0.75);
    --bs-secondary-color-rgb: 206, 212, 218;
    --bs-secondary-bg: #161616;
    --bs-secondary-bg-rgb: 42, 48, 66;
    --bs-tertiary-color: rgba(206, 212, 218, 0.5);
    --bs-tertiary-color-rgb: 206, 212, 218;
    --bs-tertiary-bg: #3C3C3C;
    --bs-tertiary-bg-rgb: 189, 88, 78;
    --bs-primary-text-emphasis: #a1a8e5;
    --bs-secondary-text-emphasis: #f2f4f5;
    --bs-success-text-emphasis: #67c8c2;
    --bs-info-text-emphasis: #88c8fb;
    --bs-warning-text-emphasis: #fbd27c;
    --bs-danger-text-emphasis: #f48fa0;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #272c55;
    --bs-secondary-bg-subtle: #5d5e60;
    --bs-success-bg-subtle: #01423d;
    --bs-info-bg-subtle: #164263;
    --bs-warning-bg-subtle: #63480f;
    --bs-danger-bg-subtle: #5e1c27;
    --bs-light-bg-subtle: #2a3042;
    --bs-dark-bg-subtle: #151821;
    --bs-primary-border-subtle: #3b427f;
    --bs-secondary-border-subtle: #8c8e8f;
    --bs-success-border-subtle: #01625c;
    --bs-info-border-subtle: #226295;
    --bs-warning-border-subtle: #956c16;
    --bs-danger-border-subtle: #8e293a;
    --bs-light-border-subtle: #343b51;
    --bs-dark-border-subtle: #2a3042;
    --bs-heading-color: #fff;
    --bs-link-color: #bd584e;
    --bs-link-hover-color: #bd584e;
    --bs-link-color-rgb: 189, 88, 78;
    --bs-link-hover-color-rgb: 189, 88, 78;
    --bs-code-color: #f18bba;
    --bs-highlight-color: #ced4da;
    --bs-highlight-bg: #63480f;
    --bs-border-color: #C0C0C0;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #67c8c2;
    --bs-form-valid-border-color: #67c8c2;
    --bs-form-invalid-color: #f48fa0;
    --bs-form-invalid-border-color: #f48fa0;
  }

/* =============
   General
============= */
  .h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
}

a {
    color: #BD584E;
}

a:hover {
    color: #AC4F48;
}

/* =============
   Buttons
============= */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #BD584E;
    --bs-btn-border-color: #BD584E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #AC4F48;
    --bs-btn-hover-border-color: #AC4F48;
    --bs-btn-focus-shadow-rgb: 122, 132, 218;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bd584e;
    --bs-btn-active-border-color: #bd584e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #777777;
    --bs-btn-disabled-border-color: #777777;
  }
  
  .btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #e9ecef;
    --bs-btn-border-color: #e9ecef;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #eceff1;
    --bs-btn-hover-border-color: #ebeef1;
    --bs-btn-focus-shadow-rgb: 198, 201, 203;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #edf0f2;
    --bs-btn-active-border-color: #ebeef1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #e9ecef;
    --bs-btn-disabled-border-color: #e9ecef;
  }
  
  .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #02a499;
    --bs-btn-border-color: #02a499;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #028b82;
    --bs-btn-hover-border-color: #02837a;
    --bs-btn-focus-shadow-rgb: 40, 178, 168;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #02837a;
    --bs-btn-active-border-color: #027b73;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #02a499;
    --bs-btn-disabled-border-color: #02a499;
  }
  
  .btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #38a4f8;
    --bs-btn-border-color: #38a4f8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #308bd3;
    --bs-btn-hover-border-color: #2d83c6;
    --bs-btn-focus-shadow-rgb: 86, 178, 249;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2d83c6;
    --bs-btn-active-border-color: #2a7bba;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #38a4f8;
    --bs-btn-disabled-border-color: #38a4f8;
  }
  
  .btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f8b425;
    --bs-btn-border-color: #f8b425;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d3991f;
    --bs-btn-hover-border-color: #c6901e;
    --bs-btn-focus-shadow-rgb: 249, 191, 70;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c6901e;
    --bs-btn-active-border-color: #ba871c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f8b425;
    --bs-btn-disabled-border-color: #f8b425;
  }
  
  .btn-indigo {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6610f2;
    --bs-btn-border-color: #6610f2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #570ece;
    --bs-btn-hover-border-color: #520dc2;
    --bs-btn-focus-shadow-rgb: 125, 52, 244;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #520dc2;
    --bs-btn-active-border-color: #4d0cb6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6610f2;
    --bs-btn-disabled-border-color: #6610f2;
  }

  [data-bs-theme=dark] .btn-check+.btn {
    color: #fff;
    background-color: #777777;
    border-color: #777777;
  }

  [data-bs-theme=dark] .btn-check:checked+.btn {
    color: #fff;
    background-color: #BD584E;
    border-color: #BD584E;
  }

  [data-bs-theme=dark] .btn-secondary {
    background-color: #777777;
    border-color: #777777;
    color: #fff;
  }

  /* Pagination */
.pagination {
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-secondary-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-tertiary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(189, 88, 78, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #BD584E;
  --bs-pagination-active-border-color: #BD584E;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
}

/* =============
   Datatables
============= */
:root {
  --dt-row-selected: 2, 117, 216;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 255, 255, 255;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: white
}

.dataTables_wrapper .dataTables_length select {
    display: inline-block;
    width: 70px;
    margin-right: 5px;
}

.dataTables_wrapper  .dataTables_filter {
    text-align: center;
    padding: 0px !important;
}

.dataTables_wrapper .dataTables_filter label {
  width: 100% !important;
}

.dataTables_wrapper .dataTables_filter input {
    width: 100% !important;
    margin: 0px !important;
}

.dataTables_wrapper .dt-buttons button {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.dataTables_wrapper th {
  background-color: #0D0D0D;
  font-weight: 900;
}

.dataTables_wrapper .pagination  {
  justify-content: flex-start !important;
}

.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    border: none;
}

.table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    background-color: #bd584e !important;
}



@media screen and (max-width: 767px) {

  .dataTables_wrapper .dataTables_length {
    text-align: left !important;
  }

  .dataTables_wrapper  .dataTables_filter {
    text-align: left !important;
  }

  .dataTables_wrapper .dt-buttons {
    text-align: left !important;
  }

  .dataTables_wrapper .dataTables_paginate {
    text-align: left !important;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-start !important;
  }

  .dataTables_wrapper .dataTables_info {
    text-align: left !important;
  }

}

/* =============
   Form Controls
============= */

.form-control:focus {
    border-color: #BD584E;
    -webkit-box-shadow: 0 0 0 0.25rem rgba(172, 79, 72, 0.25);
            box-shadow: 0 0 0 0.25rem rgba(172, 79, 72, 0.25);
}

.navbar-header .dropdown .header-item.show {
  background: rgba(42, 48, 66, 0.05);
}

.form-check-input:checked {
    background-color: #BD584E;
    border-color: #BD584E;
}

.form-check-input:focus {
    border-color: #BD584E;
    -webkit-box-shadow: 0 0 0 0.25rem rgba(172, 79, 72, 0.25);
            box-shadow: 0 0 0 0.25rem rgba(172, 79, 72, 0.25);
}

.navbar-brand-box {
    text-align: left;
    padding: 0 1.2rem;
  }

/* Search */
.header-profile-user {
  background-color: #dee2e6;
}

.dropdown-icon-item {
  color: #6c757d;
}

body[data-topbar=dark] #page-topbar {
  background-color: #36394c;
}
body[data-topbar=dark] .navbar-header .dropdown.show .header-item {
  background-color: rgba(255, 255, 255, 0.05);
}
body[data-topbar=dark] .header-item {
  color: #bfbfc5;
}
body[data-topbar=dark] .header-item:hover {
  color: #bfbfc5;
}
body[data-topbar=dark] .header-profile-user {
  background-color: rgba(255, 255, 255, 0.25);
}
body[data-topbar=dark] .noti-icon i {
  color: #bfbfc5;
}
body[data-topbar=dark] .app-search .form-control {
  background-color: var(--bs-topbar-search-bg);
  color: #fff;
}
body[data-topbar=dark] .app-search span,
body[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.page-title-box .dropdown .show.header-item {
  background-color: rgba(248, 249, 250, 0.1);
}

.right-bar {
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}

.rightbar-overlay {
  background-color: rgba(42, 48, 66, 0.55);
}

.vertical-menu {
  -webkit-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
          box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
}

#sidebar-menu ul li a {
    font-family: "Lato", sans-serif;
  }

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
  color: var(--bs-primary);
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
  color: var(--bs-primary);
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {
  -webkit-box-shadow: -3px 5px 10px 0 rgba(54, 61, 71, 0.1);
          box-shadow: -3px 5px 10px 0 rgba(54, 61, 71, 0.1);
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul ul {
  -webkit-box-shadow: -3px 5px 10px 0 rgba(54, 61, 71, 0.1);
          box-shadow: -3px 5px 10px 0 rgba(54, 61, 71, 0.1);
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul ul li.active a {
  color: #f8f9fa;
}

body[data-sidebar=dark] .vertical-menu {
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
          box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
}

.topnav {
  background: #2a3142;
}
.topnav .navbar-nav .nav-link {
  color: #a1a2ab;
}
.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
  color: #fff;
}
@media (max-width: 991.98px) {
  .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
    color: var(--bs-primary);
  }
}
@media (max-width: 991.98px) {
  .topnav .navbar-nav .nav-link {
    color: #525f80;
  }
}
.topnav .navbar-nav > .dropdown.active > a {
  color: rgba(255, 255, 255, 0.9) !important;
}
@media (max-width: 991.98px) {
  .topnav .navbar-nav > .dropdown.active > a {
    color: var(--bs-primary) !important;
  }
}
.topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {
  color: var(--bs-primary);
}
.topnav .navbar-nav .nav-item .nav-link.active {
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 991.98px) {
  .topnav .navbar-nav .nav-item .nav-link.active {
    color: var(--bs-primary) !important;
  }
}

@media (max-width: 991.98px) {
  .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {
    color: var(--bs-primary);
  }
}

[data-topbar=dark] {
  --bs-header-bg: #0D0D0D;
  --bs-header-item-color: #f8f9fa;
  --bs-header-item-sub-color: #232323;
  --bs-topnav-bg: #0D0D0D;
  --bs-topbar-search-bg: #232323;
}

[data-bs-theme=dark] {
  --bs-light: #0D0D0D;
  --bs-light-rgb: 13, 13, 13;
  --bs-dark: #0D0D0D;
  --bs-dark-rgb: 13, 13, 13;
  --bs-footer-bg: #0D0D0D;
  --bs-topbar-search-bg: #232323;
  --bs-boxed-body-bg: #0D0D0D;
  --bs-rightbar-bg: #0D0D0D;
  --bs-header-item-color: #f8f9fa;
  --bs-header-item-color-dark: #dee2e6;
  --bs-header-bg: #0D0D0D;
}
[data-bs-theme=dark] .table-light {
  --bs-table-bg: var(--bs-tertiary-bg);
  --bs-table-color: white;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-striped-bg: var(--bs-tertiary-bg);
  --bs-table-striped-color: white;
  --bs-table-active-bg: var(--bs-tertiary-bg);
  --bs-table-active-color: white;
  --bs-table-hover-bg: var(--bs-tertiary-bg);
  --bs-table-hover-color: white;
}
[data-bs-theme=dark][data-sidebar=dark] {
  --bs-sidebar-dark-bg: #0D0D0D;
  --bs-sidebar-dark-menu-item-color: #c0c0c0;
  --bs-sidebar-dark-menu-sub-item-color: #c0c0c0;
  --bs-sidebar-dark-menu-item-icon-color: #c0c0c0;
  --bs-sidebar-dark-menu-item-hover-color: #a8a8a8;
  --bs-sidebar-dark-menu-item-active-color: #a8a8a8;
  --bs-sidebar-dark-menu-item-active-bg: #232323;
}

/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */

.waves-effect .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-button,
.waves-circle {
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  background-color: rgba(0, 0, 0, 0);
}

.waves-float {
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
}

.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.4);
}

.waves-effect.waves-primary .waves-ripple {
  background-color: rgba(98, 110, 212, 0.4);
}

.waves-effect.waves-success .waves-ripple {
  background-color: rgba(2, 164, 153, 0.4);
}

.waves-effect.waves-info .waves-ripple {
  background-color: rgba(56, 164, 248, 0.4);
}

.waves-effect.waves-warning .waves-ripple {
  background-color: rgba(248, 180, 37, 0.4);
}

.waves-effect.waves-danger .waves-ripple {
  background-color: rgba(236, 69, 97, 0.4);
}

.avatar-title {
  background-color: var(--bs-primary);
  color: #fff;
}

.social-list-item {
  border: 1px solid #adb5bd;
  color: #adb5bd;
}

.mini-stat .mini-stat-img {
  background: rgba(255, 255, 255, 0.15);
}
.mini-stat .mini-stat-label {
  color: #fff;
}

/* Activity */
.activity-feed .feed-item::after {
  background: #02a499;
}

.conversation-list .ctext-wrap .user-name {
  color: var(--bs-primary);
}
.conversation-list .ctext-wrap p {
  color: #2f3cab;
}

.conversation-list .odd .ctext-wrap:after {
  border-color: rgba(238, 238, 242, 0) !important;
}

.icon-demo-content {
  color: #adb5bd;
}
.icon-demo-content .col-lg-4:hover i {
  color: var(--bs-primary);
}

.grid-structure .grid-container {
  background-color: #f8f9fa;
}

/* ==============
  Calendar
===================*/
.fc th.fc-widget-header {
  background: #dee2e6;
  color: #343b51;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #dee2e6;
}
.fc-unthemed td.fc-today {
  background: #eff1f3;
}

.fc-button {
  border-color: #e9ecef;
  color: #343b51;
}

.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  background-color: var(--bs-primary);
  color: #fff;
}

.fc-event,
.fc-event-dot {
  background-color: var(--bs-primary);
}

.fc-event .fc-content {
  color: #fff;
}

.fc-event.fc-event-draggable {
  color: #fff !important;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: #d7edfe !important;
}

#session-timeout-dialog .countdown-holder {
  color: #ec4561;
}
#session-timeout-dialog .btn-default {
  background-color: #fff;
  color: #ec4561;
}

.irs--modern .irs-bar, .irs--modern .irs-to, .irs--modern .irs-from, .irs--modern .irs-single {
  background: var(--bs-primary) !important;
}
.irs--modern .irs-to:before, .irs--modern .irs-from:before, .irs--modern .irs-single:before {
  border-top-color: var(--bs-primary);
}
.irs--modern .irs-grid-text {
  color: #ced4da;
}
.irs--modern .irs-min, .irs--modern .irs-max {
  color: #adb5bd;
}

.swal2-icon.swal2-question {
  border-color: #38a4f8;
  color: #38a4f8;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #02a499;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(2, 164, 153, 0.3);
}
.swal2-icon.swal2-warning {
  border-color: #f8b425;
  color: #f8b425;
}

.swal2-progress-steps .swal2-progress-step {
  background: var(--bs-primary);
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: var(--bs-primary);
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: rgba(98, 110, 212, 0.3);
}
.swal2-progress-steps .swal2-progress-step-line {
  background: var(--bs-primary);
}

.swal2-loader {
  border-color: var(--bs-primary) transparent var(--bs-primary) transparent;
}

.error {
  color: #BD584E;
}

.parsley-error {
  border-color: #BD584E;
}


.parsley-errors-list > li {
  color: #BD584E;
}

.sp-container button {
  color: #2a3042;
}
.sp-container button.sp-palette-toggle {
  background-color: #dee2e6;
}
.sp-container button.sp-choose {
  background-color: #02a499;
}

.sp-palette-container {
  border-left: 1px solid #e9ecef;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #adb5bd transparent transparent transparent;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #adb5bd transparent !important;
}


.select2-container--default .select2-search--dropdown {
  background-color: #232323;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  color: #6c757d;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bs-primary);
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: var(--bs-primary);
}

.select2-container--default .select2-results__option--selected {
  background-color: #777777;
}

/* Fix for X is is overlapping the text */
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 14px !important;
}

/* Fix for first element is not not quite left */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding-left: 0px !important;
}

/* Fix remaining line break */
.select2-container .select2-selection--multiple .select2-selection__rendered:empty {
  display: none !important;
}

/* CSS Switch */
input[switch] + label {
  background-color: #ced4da;
}
input[switch] + label:before {
  color: #2a3042;
}
input[switch] + label:after {
  background-color: #e9ecef;
}
input[switch]:checked + label {
  background-color: var(--bs-primary);
}

input[switch]:checked + label {
  background-color: var(--bs-primary);
}
input[switch]:checked + label:after {
  background-color: #e9ecef;
}

input[switch=bool] + label {
  background-color: #ec4561;
}

input[switch=bool]:checked + label {
  background-color: #02a499;
}

input[switch=default]:checked + label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked + label {
  background-color: var(--bs-primary);
}

input[switch=success]:checked + label {
  background-color: #02a499;
}

input[switch=info]:checked + label {
  background-color: #38a4f8;
}

input[switch=warning]:checked + label {
  background-color: #f8b425;
}

input[switch=danger]:checked + label {
  background-color: #ec4561;
}

input[switch=dark]:checked + label {
  background-color: #2a3042;
}

.datepicker {
  border: 1px solid #f8f9fa;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td .active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  background-color: var(--bs-primary) !important;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #e9ecef;
}
.datepicker table tr td.new, .datepicker table tr td.old,
.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: #adb5bd;
}
.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background-color: #dee2e6;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {
  padding: 7px;
}


.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
  background-color: var(--bs-primary);
}

.table-edits input:focus, .table-edits select:focus {
  border-color: #b1b7ea;
}

.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
  color: #343b51 !important;
}

.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {
  background-color: var(--bs-primary);
}
.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover, .wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {
  background-color: #daddf5;
  color: var(--bs-primary);
}
.wizard > .steps .disabled a .number, .wizard > .steps .disabled a:active .number, .wizard > .steps .disabled a:hover .number, .wizard > .steps .done a .number, .wizard > .steps .done a:active .number, .wizard > .steps .done a:hover .number {
  border-color: var(--bs-primary);
}
.wizard > .steps .number {
  background-color: rgba(98, 110, 212, 0.25);
}
.wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {
  background-color: var(--bs-primary);
}
.wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {
  background-color: var(--bs-primary);
}

.table-rep-plugin .btn-group .btn-default.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  -webkit-box-shadow: 0 0 0 2px rgba(98, 110, 212, 0.5);
          box-shadow: 0 0 0 2px rgba(98, 110, 212, 0.5);
}

.table-rep-plugin .checkbox-row:hover {
  background-color: #eff1f3 !important;
}

.table-rep-plugin .checkbox-row label::after {
  color: #e9ecef;
}

.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label::before {
  background-color: #f8f9fa;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::before {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.table-rep-plugin .fixed-solution .sticky-table-header {
  background-color: var(--bs-primary);
}

.morris-charts text {
  font-family: "Lato", sans-serif !important;
  fill: #adb5bd;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-family: "Lato", sans-serif;
}

.ct-chart .ct-label {
  fill: #adb5bd;
  color: #adb5bd;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: var(--bs-primary);
}
.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #02a499;
}
.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f8b425;
}
.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #2a3042;
}
.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #38a4f8;
}
.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #ec4561;
}
.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #f8f9fa;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: var(--bs-primary);
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #f8b425;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #2a3042;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #02a499;
}

.chartist-tooltip {
  background: #2a3042;
  color: #dee2e6;
}

.apex-charts text {
  fill: #adb5bd;
}

.apexcharts-legend-text {
  color: #6c757d !important;
}

.apexcharts-yaxis text,
.apexcharts-xaxis text {
  fill: #adb5bd;
}

/* Flot chart */
.legendLabel {
  color: #adb5bd;
}

.gmaps, .gmaps-panaroma {
  background: #f8f9fa;
}

.gmaps-overlay {
  background: var(--bs-primary);
}
.gmaps-overlay_arrow.above {
  border-top: 16px solid var(--bs-primary);
}
.gmaps-overlay_arrow.below {
  border-bottom: 16px solid var(--bs-primary);
}

.account-pages .logo-admin {
  border-bottom: 2px solid #bd584e;
  border: none;
}
.account-pages .logo-admin img {
    margin-left: -2px;
  }

/*------------ Subscriber --------------*/
.coming-soon-search-form input {
  color: #2a3042;
  border: 2px solid #e9ecef;
}

/* ==============
  Email
===================*/
.mail-list a.active {
  color: #ec4561;
}
.message-list li.active, .message-list li.active:hover {
  -webkit-box-shadow: inset -3px 0 0 var(--bs-primary);
          box-shadow: inset -3px 0 0 var(--bs-primary);
}
.message-list .checkbox-wrapper-mail {
  -webkit-box-shadow: inset 0 0 0 1px #ced4da;
          box-shadow: inset 0 0 0 1px #ced4da;
}

.counter-number {
  color: var(--bs-primary);
}

.timeline .timeline-list .cd-timeline-content {
  background: #f8f9fa;
}

.plan-box .plan-btn::before {
  background: #dee2e6;
}

/* directory */
.activity-checkout .checkout-item {
  border-color: var(--bs-primary);
}

/* reference links */
.reference-link {
  margin-left: 5px;
}

/* progress bars */
.progress-bar {
  background-color: #BD584E;
}

/* ==============
  Loading Overlay
===================*/
.loading-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.9);
  z-index: 9999;
  transition: opacity 1s ease;
  opacity: 1;
}

.loading-spinner {
  border: 8px solid rgba(255, 255, 255, 0.3); /* Leicht transparenter Weißer Rand */
  border-top: 8px solid #fff; /* Weißer Rand oben */
  border-radius: 50%; /* Kreis */
  width: 50px; /* Größe des Spinners */
  height: 50px; /* Größe des Spinners */
  animation: spin 1s linear infinite; /* Rotationsanimation */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-hidden {
  display: none !important;
}

.loading-hidden-important {
  display: none !important;
}