/* This file may be used for providing additional customizations to the Trestle
 * admin. It will be automatically included within all admin pages.
 *
 * For organizational purposes, you may wish to define your customizations
 * within individual partials in this folder and they'll be required below.
 *
*/

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

body {
  font-family: 'Figtree', sans-serif;
}

/* .app-sidebar-header, .flatpickr-calendar, .modal-header, .theme-bg, .theme-bg-default {
  background-color: #ffffff;
  background-image: none;
  background-repeat: no-repeat;
} */

:root {
  --primary: #000;

  --bs-border-radius: 0rem;
  --bs-border-radius-sm: 0rem;
  --bs-border-radius-lg: 0rem;
  --bs-border-radius-xl: 0rem;
  --bs-border-radius-xxl: 0rem;
  --bs-border-radius-pill: 0rem;
}

.app-header {
  background: #000;
  border-bottom: 6px solid #fff;
  flex: 0 0 8.6rem;
  height: 8.6rem;
  /* position: relative; */
}

.app-sidebar-header {
  background: #000;
  align-items: end;
  /* display: flex; */
  height: 8.6rem;
  overflow: visible;
  border-bottom: 6px solid #fff;
  padding: 0.5rem 0.875rem 0 0.875rem;
  position: relative;
}

.app-sidebar-title {
  padding: 0.5rem 0.875rem 0 0.875rem;
}

.app-sidebar-title img {
  max-height: 65px;
  margin-bottom: -6px;
  background: #000;
}

.app-sidebar-title:before, .app-sidebar-title:after {
  background-color: #fff;
  bottom: -6px;
  content: '';
  display: block;
  height: 6px;
  left: 26px;
  position: absolute;
  width: 6px;
}

.app-nav, .app-nav a {
    color: #fff;
}

.app-nav .nav-header a {
  color: #fff;
  font-size: 0.9rem;
}

.app-nav .nav-item a {
  font-size: 1rem;
}

.app-nav .nav-item.active a {
  font-weight: 600;
}

.app-nav .nav-item a:hover {
  color: #fff;
  font-weight: 600;
}

.dashboard .panel {
  border: 2px solid #000000;
  background-color: white;
  padding: 2em;
}


.form-check-input[type=checkbox] {
  border-radius: 0;
}

.userbox>a {
    color: #fff !important;
}