:root {
  --fa-style-family: "Font Awesome 6 Free";
  --fa-style: 900;
}

/* Correct Font Awesome Integration */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free") !important; /* Correct Font Awesome font */
  font-weight: var(--fa-style, 900) !important; /* Ensure correct weight for solid icons */
  color: #fff !important;
}

.fa-search:before {
  content: "\f002" !important; /* Correct Unicode for Font Awesome search icon */
}

.fa-calendar:before {
  content: "\f073" !important; /* Correct Unicode for Font Awesome calendar icon */
}
.fa-clock-o:before {
  content: "\f017" !important; /* Unicode for clock icon */
  color: #fff !important; /* Red background color */

}
.icon-time {
  background-color: #d72622;}
.icon-calendar{
  background-color: #d72622;}
.icon-chevron-up{background-color: #d72622;}
.icon-chevron-down{background-color: #d72622;}

/* General CSS */
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-flex > div {
  float: none;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.k-combobox,
.k-datepicker {
  border: 1px solid black !important;
}

.panel_grey {
  background-color: #eaeaea;
  padding: 0px 10px 10px 10px;
  margin-bottom: 25px;
}

.authenticationpage .nav-account > li {
  display: none;
}

.authenticationpage .nav-account > li.active {
  display: block;
}

.btn {
  padding: 6.5px 12px !important;
  background-color: #d72622;
  border: unset;
  color: #ffffff;
}

.authenticationpage.registerpage button[title="Azure AD"] {
  display: none;
}

.k-daterangepicker .k-dateinput {
  padding-top: 5px;
}

.icon-notif-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.icon-notif-wrapper::before,
.icon-notif-wrapper::after {
  content: "((";
  font-size: 12px;
  font-weight: 700;
  visibility: hidden;
}

.icon-notif-wrapper.active::before,
.icon-notif-wrapper.active::after {
  visibility: visible;
}

.icon-notif-wrapper.active .icon-notif-count {
  display: block;
}

.icon-notif-wrapper .unread-messages {
  display: block;
  height: 5px;
  width: 5px;
  background: #1b2748;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 5px;
}

.icon-notif-wrapper .icon-notif-count {
  height: 20px;
  width: 20px;
  background: #e82741;
  border-radius: 50%;
  font-size: 11px;
  color: #fff;
  top: -12px;
  right: -8px;
  position: absolute;
  text-align: center;
  -webkit-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1;
}

.alert-notification-box {
  padding: 6px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 14px;
}

.alert-notification-box button {
  font-size: 14px;
}

.toggle-notification-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.toggle-notification-wrapper .toggle-notification-box {
  margin-left: auto;
  margin-bottom: 20px;
}

.toggle-notification-wrapper .notification-registration-helptext {
  font-size: 12px;
  opacity: 0.8;
}

.notification-read-state.notification-read-false,
.notification-read-state.notification-read-false a {
  font-weight: 700;
}

.notification-read-state a {
  color: #1b2748;
  text-decoration: underline;
}

.page-heading {
  padding-top: 50px !important;
}

.filter-heading {
  margin-top: 20px;
  font-weight: 600;
  font-size: 22px;
}

.profile-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clear-filter-button {
  background-color: #d72622;
  border: unset;
  margin-left: 10px;
}

.clear-filter-button:hover,
.clear-filter-button:active,
.clear-filter-button:focus,
.clear-filter-button:active:focus {
  background-color: #d72622;
  border: unset;
  outline: unset;
}

.profile-box .profile-image {
  cursor: pointer;
  display: inline-block;
}

.preview-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.preview-box .preview-image {
  height: 150px;
  width: 150px;
}

.preview-image,
.profile-image,
.author-image {
  height: 62px;
  width: 62px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
}

#grid {
  font-size: 13px !important;
}

.preview-image.forum-image,
.profile-image.forum-image,
.author-image.forum-image {
  display: inline-block;
}

.author-img {
  border-radius: 50%;
}

.modal-lock {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

.modal-lock.lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn.btn-link {
  padding-top: 0;
  padding-bottom: 0;
}

.breadcrumb a {
  color: #d72622;
}

.btn.btn-link:hover,
.btn.btn-link:focus {
  text-decoration: none;
  outline: none;
}

.btn .fa,
.btn .fas,
.btn .far {
  margin-right: 5px;
}

.input-group-addon {
  background-color: #d72622;
  border: unset;
  color: #ffffff;
}

.btn.icon-only .fa,
.btn.icon-only .fas,
.btn.icon-only .far {
  margin-right: 0;
}

.excel-export-button {
  background-color: #d72622 !important;
  border-color: unset !important;
}

.excel-export-button:hover,
.excel-export-button:active,
.excel-export-button:focus,
.excel-export-button:active:focus {
  background-color: #d72622;
  border: unset;
  outline: unset;
}

.powerbi {
  height: 800px !important;
}

[data-name="tab_hidden"],
[aria-label="tab_hidden"],
[data-name="section_hidden"],
[aria-label="section_hidden"] {
  display: none;
}

.dropdown-menu > .active > a {
  background-color: #d72622 !important;
  color: #fff !important;
}
   .boolean-radio input[type="radio"]:checked{
                       background-color: red;

        }

/* Styles for Dashboard */
body[data-sitemap-state="/dashboard/:/"] .title,
body[data-sitemap-state="/dashboard/:/"] .fa-list,
body[data-sitemap-state="/dashboard/:/"] .caret,
body[data-sitemap-state="/dashboard/:/"] td a {
  color: #d72622;
}

/* Styles for Forms */
body[data-sitemap-state="/anfrage-erstellen/:/"] .crmEntityFormView .cell .field-label {
  background-color: unset !important;
  width: unset !important;
  border-radius: unset !important;
  padding: unset !important;
  margin-left: unset !important;
}

body[data-sitemap-state="/anfragen/anfragendetails/:/anfragen/:/"] .has-tooltip,
.crmEntityFormView .cell .has-tooltip {
  color: #d72622;
}

/* Error Page */
body[data-sitemap-state="/page-not-found/:/"] .fa-list,
body[data-sitemap-state="/page-not-found/:/"] h2,
body[data-sitemap-state="/page-not-found/:/"] a {
  color: #d72622;
}

/* Toolbar Styles */
.k-grid .k-pager-refresh .k-icon {
  color: #d72622 !important;
}
  .boolean-radio input[type="radio"] {
  accent-color: red; /* Change the accent color to red */
}