/* Define primary color variable */
:root {
  --primary-color: #d3d3d3;
}

body {
  background-color: #fbfbfb;
}

main {
  padding-top: 90px;
}

@media (min-width: 991.98px) {
  main {
    padding-left: 240px;
  }
}

/* Primary Button Styles */
.btn-primary {
  --mdb-btn-bg: var(--primary-color);
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px var(--primary-color);
  --mdb-btn-hover-bg: var(--primary-color);
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: var(--primary-color);
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: var(--primary-color);
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px var(--primary-color), 0 4px 18px 0 var(--primary-color);
}

/* Link Styles */
a {
  --mdb-link-color-rgb: 154, 216, 87;
  color: rgba(var(--mdb-link-color-rgb), var(--mdb-link-opacity, 1));
  text-decoration: none;
}

/* List Group Styles */
.list-group {
  --mdb-list-group-active-bg: var(--primary-color);
  --mdb-list-group-active-border-color: var(--primary-color);
}

/* Lobibox Notify Styles */
.lobibox-notify.lobibox-notify-success {
  border-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  color: #fff;
}

/* Chart Color */
:root {
  --chart-color: var(--primary-color);
  --chart-color-rgba: rgba(154, 216, 87, 0.5);
}

/* Sidebar Styles */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 58px 0 0; /* Height of navbar */
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  width: 240px;
  z-index: 600;
}

@media (max-width: 991.98px) {
  .sidebar {
    width: 100%;
  }
}

.sidebar .active {
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

/* Card Header */
.card-header {
  border-bottom: 0px;
}

/* Pagination Styles */
.page-link.active,
.active > .page-link {
  z-index: 3;
  color: white;
  background-color: var(--primary-color);
}

/* Progress Bar Styles */
.progress,
.progress-stacked {
  --mdb-progress-height: 20px;
  --mdb-progress-font-size: 10px;
}

/* Background Primary Color */
.bg-primary {
  --mdb-bg-opacity: 1;
  background-color: var(--primary-color) !important;
}

/* List Group Flush Styles */
.list-group-flush > .list-group-item {
  border-width: 0px !important;
}

/* Select2 Styles */
.select2-container .select2-selection--single {
  height: 35px;
  padding: 4px;
}

/* Text Primary Color */
.text-primary {
  --mdb-text-opacity: 1;
  color: var(--primary-color) !important;
}

/* Report Card Styles */
.reports .card {
  cursor: pointer;
}

/* Nav Tabs Styles */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.height-300 {
  height: 300px;
  overflow-y: scroll;
}
.navbar {
    padding-top: 0;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}
.form-control {
    min-height: auto;
    padding: 4.5px 12px 3.68px 12px;
    transition: all .1s linear;
    box-shadow: none;
    border-radius: 0;
}
.select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 1px solid #e0e0e0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #e0e0e0 1px;
    outline: 0;
    border-radius: 0px;
    height: 36px;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 0px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
    height: 35px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

    margin-top: 3px;
 
}