:root {
  --bs-primary: #ba131a;
}

.btn-danger-dark {
  color: #fff;
  background-color: #670000;
  border-color: #670000;
}
.btn-danger-dark:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger-dark,
.btn-danger-dark:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger-dark,
.btn-check:active + .btn-danger-dark,
.btn-danger-dark:active,
.btn-danger-dark.active,
.show > .btn-danger-dark.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger-dark:focus,
.btn-check:active + .btn-danger-dark:focus,
.btn-danger-dark:active:focus,
.btn-danger-dark.active:focus,
.show > .btn-danger-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger-dark:disabled,
.btn-danger-dark.disabled {
  color: #fff;
  background-color: #670000;
  border-color: #670000;
}

.btn-outline-danger-dark {
  color: #670000;
  border-color: #670000;
}
.btn-outline-danger-dark:hover {
  color: #fff;
  background-color: #670000;
  border-color: #670000;
}
.btn-check:focus + .btn-outline-danger-dark,
.btn-outline-danger-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger-dark,
.btn-check:active + .btn-outline-danger-dark,
.btn-outline-danger-dark:active,
.btn-outline-danger-dark.active,
.btn-outline-danger-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #670000;
  border-color: #670000;
}
.btn-check:checked + .btn-outline-danger-dark:focus,
.btn-check:active + .btn-outline-danger-dark:focus,
.btn-outline-danger-dark:active:focus,
.btn-outline-danger-dark.active:focus,
.btn-outline-danger-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger-dark:disabled,
.btn-outline-danger-dark.disabled {
  color: #670000;
  background-color: transparent;
}

.btn.disabled {
  color: #cccccc;
  border-color: #cccccc;
}

.paginate_button.previous a,
.paginate_button.next a {
  font-size: 0;
}

.paginate_button.previous a:before,
.paginate_button.next a:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 16px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 40px;
  width: 100%;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.paginate_button.previous a:before {
  content: "\f104";
}

.paginate_button.next a:before {
  content: "\f105";
}

.pace .pace-activity {
  top: 20px;
  right: calc(50% - 12px);
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc0c3'/%3E%3C/svg%3E");
}

html.theme body {
  font-family: "Lato", sans-serif;
}
html.theme body {
  color: #57585b;
}

html.theme .sidebar-wrapper,
html.theme .sidebar-wrapper .iconmenu,
html.theme .sidebar-wrapper .iconmenu .nav-toggle-box,
html.theme .sidebar-wrapper .textmenu,
html.theme .sidebar-wrapper .textmenu .brand-logo {
  background-color: #9e1d1c;
}

.sidebar-wrapper .metismenu a {
  color: #ffffff;
}

html.theme .top-header .navbar {
  background-color: #ffffff;
}

html.theme .top-header .navbar .searchbar .form-control {
  border: 1px solid #e2e3e4;
  box-shadow: none;
}

html.theme .top-header .navbar .user-setting {
  border: 1px solid #e4e2e2;
  box-shadow: none;
}

html.theme .mobile-toggle-icon,
html.theme .search-toggle-icon,
html.theme .projects,
html.theme .notifications,
html.theme .messages {
  border: 1px solid #e4e2e2;
  box-shadow: none;
}

html.theme .sidebar-wrapper .iconmenu .nav-pills .nav-link {
  border: 1px solid #e4e2e2;
  box-shadow: none !important;
}

html.theme .sidebar-wrapper .iconmenu .nav-toggle-box .nav-toggle-icon {
  border: 1px solid #e4e2e2;
  box-shadow: none !important;
}

html.theme .pace .pace-activity {
  border-top-color: #ba131a;
  border-left-color: #ba131a;
}

html.theme .form-control:focus,
html.theme .form-select:focus,
html.theme .form-check-input:focus,
html.theme .form-switch .form-check-input:focus,
html.theme .btn-primary.disabled,
html.theme .btn-primary:disabled,
html.theme
  .select2-container--bootstrap4.select2-container--focus
  .select2-selection,
html.theme .top-header .navbar .searchbar .form-control:focus,
html.theme .top-header .navbar .dropdown-searchbar .form-control:focus {
  border-color: rgba(255, 0, 11, 0.25);
}

html.theme .form-control:focus,
html.theme .form-select:focus,
html.theme .form-check-input:focus,
html.theme .form-switch .form-check-input:focus,
html.theme .btn-check:focus + .btn-primary,
html.theme .btn-primary:focus,
html.theme .btn-check:focus + .btn-outline-primary,
html.theme .btn-outline-primary:focus,
html.theme .btn-check:checked + .btn-outline-primary:focus,
html.theme .btn-check:active + .btn-outline-primary:focus,
html.theme .btn-outline-primary:active:focus,
html.theme .btn-outline-primary.active:focus,
html.theme .btn-outline-primary.dropdown-toggle.show:focus,
html.theme
  .select2-container--bootstrap4.select2-container--focus
  .select2-selection,
html.theme .top-header .navbar .searchbar .form-control:focus,
html.theme .top-header .navbar .dropdown-searchbar .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 0, 11, 0.25);
}

html.theme .bg-light-primary {
  background-color: rgba(255, 0, 11, 0.25) !important;
}

html.theme .select2-container--bootstrap4 .select2-results__option--highlighted,
html.theme
  .select2-container--bootstrap4
  .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  color: rgba(255, 255, 255, 0.9);
}

a:hover,
html.theme .btn-link:hover {
  color: #e11b22;
}

html.theme .btn-primary:hover,
html.theme .btn-outline-primary:hover,
html.theme .btn-check:focus + .btn-primary,
.btn-primary:focus {
  border-color: #e11b22;
}

html.theme .back-to-top:hover,
html.theme .btn-primary:hover,
html.theme .btn-outline-primary:hover,
html.theme .btn-check:focus + .btn-primary,
html.theme .btn-primary:focus,
html.theme .dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background-color: #e11b22;
}

html.theme .btn-primary,
html.theme .back-to-top,
html.theme .page-item.active .page-link,
html.theme .pace .pace-progress,
html.theme .form-check-input:checked,
html.theme .select2-container--bootstrap4 .select2-results__option--highlighted,
html.theme
  .select2-container--bootstrap4
  .select2-results__option--highlighted.select2-results__option[aria-selected="true"],
html.theme .bg-primary,
html.theme .btn-check:checked + .btn-outline-primary,
html.theme .btn-check:active + .btn-outline-primary,
html.theme .btn-outline-primary:active,
html.theme .btn-outline-primary.active,
html.theme .btn-outline-primary.dropdown-toggle.show,
html.theme .form-check-input.switch-primary:checked,
html.theme .dtp div.dtp-date,
.dtp div.dtp-time,
html.theme
  .select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__choice,
html.theme .dtp table.dtp-picker-days tr > td > a.selected {
  background-color: #ba131a;
}

html.theme .btn-primary,
html.theme .border-primary,
html.theme .btn-outline-primary,
html.theme .page-item.active .page-link,
html.theme .form-check-input:checked,
html.theme .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
html.theme .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
html.theme .ff_fileupload_wrap .ff_fileupload_dropzone:active,
html.theme .btn-check:checked + .btn-outline-primary,
html.theme .btn-check:active + .btn-outline-primary,
html.theme .btn-outline-primary:active,
html.theme .btn-outline-primary.active,
html.theme .btn-outline-primary.dropdown-toggle.show,
html.theme .form-check-input.switch-primary:checked,
html.theme
  .select2-container--bootstrap4
  .select2-selection--multiple
  .select2-selection__choice {
  border-color: #ba131a;
}

a,
html.theme .page-link,
html.theme .btn-link,
html.theme .toggle-icon,
html.theme .text-primary,
html.theme .btn-outline-primary,
html.theme .sidebar-wrapper .metismenu .mm-active > a,
html.theme .sidebar-wrapper .metismenu a:active,
html.theme .sidebar-wrapper .metismenu a:focus,
html.theme .sidebar-wrapper .metismenu a:hover,
html.theme .ff_fileupload_wrap .ff_fileupload_dropzone:after {
  color: #ba131a;
}

html.theme .svg-clock .dtp-select-hour[fill="#8BC34A"],
html.theme .svg-clock .dtp-select-minute[fill="#8BC34A"] {
  fill: #ba131a;
}

html.theme .sidebar-wrapper .metismenu .mm-active > a,
html.theme .sidebar-wrapper .metismenu a:active,
html.theme .sidebar-wrapper .metismenu a:focus,
html.theme .sidebar-wrapper .metismenu a:hover {
  background-color: #e11b22;
  color: #ffffff;
}

html.theme .btn-check:active + .btn-primary,
html.theme .btn-check:checked + .btn-primary,
html.theme .btn-primary.active,
html.theme .btn-primary:active,
html.theme .show > .btn-primary.dropdown-toggle {
  background-color: #c60f16;
  border-color: #c60f16;
}

.sidebar-wrapper .metismenu ul {
  border-color: #e11b22;
}

html.theme .btn-primary.disabled,
html.theme .btn-primary:disabled {
  background-color: #f66e77;
  border-color: #f66e77;
}

html.theme .btn-outline-primary:disabled,
html.theme .btn-outline-primary.disabled {
  color: #f66e77;
}
