:root {
  --border-color: rgb(206, 212, 218);
  --body-quiet-color: rgb(206, 212, 218);
  --sded-purple: 120 83 152;
  --sded-cyan: 0, 174, 189;
  --sded-blue: 42, 144, 177;
  --sded-pink: 174 31 144;
  --sded-black: 29 29 29;
  --sded-dark-blue: 71 113 170;
  --sded-bg-blue-light: 245 247 250;
  --sded-bg-light: 250 250 250;
  --sded-text-light: 158 160 165;
  --font: orkney, helvetica, sans-serif;
  --color: 240, 240, 240;
}
html {
  font-size: 62.5%;
}

@font-face {
  font-family: orkney;
  src: url("../fonts/orkney_regular.100ede8e8ac1.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: orkney;
  src: url("../fonts/orkney_bold.247d1d2db8e7.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

html,
body {
  height: 100%;
  margin: 0;
  font-family: var(--font);
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.main-sidebar {
  background-color: rgb(var(--sded-cyan));
  box-shadow: unset !important;
}
.main-sidebar a {
  color: white !important;
}
.card {
  box-shadow: unset !important;
}
.card-primary .card-header {
  background-color: rgb(var(--sded-bg-blue-light)) !important;
  /* color: white !important; */
}

.card-primary.card-outline {
  border-top-color: rgb(var(--sded-cyan)) !important;
}
.card-body a:not(.btn):not(.inline-deletelink) {
  color: rgb(var(--sded-blue)) !important;
}

.card-body .btn-outline-success {
  background-color: rgb(var(--sded-purple)) !important;
  border-color: rgb(var(--sded-purple)) !important;
  color: white !important;
}

.card-body .btn-outline-info {
  background-color: rgb(var(--sded-blue)) !important;
  border-color: rgb(var(--sded-blue)) !important;
  color: white !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: rgb(var(--sded-blue)) !important;
  box-shadow: unset !important;
  border-radius: 0 !important;
}
#jazzy-logo {
  display: block !important;
  background-color: white !important;
  height: 73px;
}
.brand-text {
  display: none !important;
}

.brand-link .brand-image {
  float: unset !important;
  box-shadow: unset !important;
  max-height: 65px !important;
  opacity: 1 !important;
  margin-left: 40px !important;
}
[class*="sidebar-dark"] .user-panel,
[class*="sidebar-dark"] .brand-link {
  border: 0 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link {
  padding-left: 5px !important;
}
.sidebar {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.accent-primary .btn-link,
.accent-primary .nav-tabs .nav-link,
.accent-primary
  a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(
    .page-link
  ):not(.btn) {
  color: rgb(var(--sded-cyan));
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

#jazzy-navbar .navbar-nav:nth-child(1) .nav-item:nth-child(2) a{
  color: rgb(0 174 189);
}

.nav-treeview {
  /* background-color: rgba(var(--sded-blue), 0.1) !important; */
  background-color: rgba(var(--sded-blue), 0.5) !important;
}

.nav-treeview li a {
  padding-right: 0;
  padding-left: 15px !important;
}
.nav-treeview li a i {
  font-size: 6px !important;
  width: 0.6rem !important;
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
  width: 100% !important;
}

.pagination .page-link {
  background-color: #ecf0f1 !important;
  display: inline-flex;
  line-height: 1;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  width: 30px;
  height: 30px;
}
.pagination .page-item:not(.disabled) .page-link:hover {
  background-color: rgb(var(--sded-blue)) !important;
  color: white !important;
}
.pagination .page-item.active .page-link {
  background-color: rgb(var(--sded-cyan)) !important;
  color: white !important;
}
.pagination .page-item.disabled .page-link {
  background-color: #eee !important;
  color: #ccc !important;
}

h1,
h2,
h3 {
  font-weight: 700;
}
h1 {
  font-size: 1.8rem;
}
h2 {
  font-size: 1.7rem;
}
h3 {
  font-size: 1.6rem;
}

.content-header h1 {
  font-size: 18px;
}

.main-header {
  height: 74px;
}

#jazzy-tabs .nav-link {
  padding: 0.2rem 0.5rem;
}

#jazzy-actions .btn {
  white-space: normal;
  height: auto;
}

.timeline > div > .timeline-item > .time {
  float: unset;
}
.timeline > div > .timeline-item > .timeline-header {
  font-size: 14px;
}
.timeline > div > .fa,
.timeline > div > .fab,
.timeline > div > .fad,
.timeline > div > .fal,
.timeline > div > .far,
.timeline > div > .fas,
.timeline > div > .ion,
.timeline > div > .svg-inline--fa {
  font-size: 10px;
}
.table thead th {
  font-size: 12px;
}

.unread-notifications {
  position: relative;
  margin-right: 9px;
}

.unread-notifications-counter {
  position: absolute;
  top: -5px;
  left: 14px;
  background-color: #2a90b1;
  border-radius: 11px;
  font-size: 9px;
  color: white;
  font-weight: bold;
  width: 18px;
  height: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1px;
}

.unread-notifications-counter-menu {
  background-color: #2a90b1;
  border-radius: 9px;
  font-size: 9px;
  color: white;
  font-weight: bold;
  width: 18px;
  height: 18px;
  margin-left: 2px;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
}

.notification-menu-link.active .unread-notifications-counter-menu {
  color: #2a90b1;
  background-color: white;
}

#result_list.table tr th {
  vertical-align: middle;
}

#result_list.table tr td {
  vertical-align: middle;
}

#changelist-search .form-group {
  margin-bottom: 7px;
}