.calendar caption {
  caption-side: top !important;
  padding: 8px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/******************************* Header (navbar) RTL Fix *******************************************/
html[dir='rtl'] .navbar .ml-auto {
  margin-left: 0 !important;
}

html[dir='rtl'] .navbar-expand .navbar-nav:first-child .dropdown-menu {
  /* apps dropdowns */
  left: inherit !important;
  right: 0 !important;
}

html[dir='rtl'] .navbar-expand .navbar-nav:nth-child(2) .dropdown-menu {
  left: 0 !important;

  /* user dropdown */
  right: inherit !important;
}

/*************************************************************************  */

/* *************************************************************************** */

/* reduce dropdown's header/footer height (padding) */
.dropdown-footer,
.dropdown-header {
  padding: 0.25rem; /* from .dropdown-item padding */
}

/* *************************************************************************** */

#jazzy-navbar ul {
  margin-bottom: 0 !important;
}

#jazzy-navbar .navbar-nav:first-child {
  flex-wrap: wrap;
  overflow: hidden;
  max-height: 40px;
}

#jazzy-navbar .navbar-nav:first-child:has(.show) {
  overflow: visible;
}

/******************* Hide sidebar white space ***********************************/
body.no-sidebar .content-wrapper,
body.no-sidebar .main-footer,
body.no-sidebar .main-header {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/******************** Bootstrap datepicker arrows direction **********************************/
html[dir='rtl'] .bi-chevron-left::before {
  content: '\f285' !important;
}

html[dir='rtl'] .bi-chevron-right::before {
  content: '\f284' !important;
}

.timepicker-picker {
  direction: ltr !important;
}

.bootstrap-datetimepicker-widget {
  inset-inline: auto !important;
}

/*********************************************************************************************  */

.table thead th {
  vertical-align: top !important;
}

img[src*='icon-yes'],
img[src*='icon-no'] {
  width: 1rem !important;
}

@media (max-width: 899px) {
  #usermanagement,
  #user-welcome {
    display: none !important;
  }
}

@media print {
  .no-print {
    display: none;
  }
}

/* smooth navigation */
@view-transition {
  navigation: auto;
}

html {
  scrollbar-gutter: stable;
}