/* put your own styles to customize and override the theme */

.salim-invalid-feedback {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #C543A3;
}

.app-header {
  height: 5rem;
}
.top-bar {
  height: 5rem;
}
.top-bar-brand {
  height: 5rem;
}

@media (min-width: 768px) {
  .app-aside-expand-md {
    top: 5rem;
  }
}

@media (min-width: 768px) {
  .nav-scroller {
    height: 5rem;
  }
}

.app-main {
  padding-top: 5rem;
}

.pace .pace-progress {
  top: 5rem;
}

div.dt-button-info {
  top: 5rem;
}

#toast-container.toast-top-full-width {
  top: 5rem;
}

@media (max-width: 575.98px) {
  #toast-container.toast-top-full-width, #toast-container.toast-top-center, #toast-container.toast-top-right, #toast-container.toast-top-left {
    top: calc(5rem - 1px);
  }
}

@media (min-width: 576px) {
  .app-aside-expand-sm {
    top: 5rem;
  }
}

@media (min-width: 768px) {
  .app-aside-expand-md {
    top: 5rem;
  }
}

@media (min-width: 992px) {
  .app-aside-expand-lg {
    top: 5rem;
  }
}

@media (min-width: 1200px) {
  .app-aside-expand-xl {
    top: 5rem;
  }
}

.app-aside-expand {
  top: 5rem;
}

@media (max-height: 992px) {
  .page {
    min-height: calc(100vh - 5rem);
  }
}

.page-navs {
  height: 5rem;
}

.page-message {
  top: 5rem;
}

.page-inner-fill {
  height: calc(100vh - 5rem);
}

.page-sidebar-fixed {
  top: 5rem;
}

.sidebar-backdrop {
  top: 5rem;
}

.has-sidebar-open .page-sidebar {
  top: 5rem;
}

.has-sidebar-expand-sm .page-sidebar-fixed {
  top: 5rem;
}

@media (max-width: 575.98px) {
  .has-sidebar-expand-sm.has-sidebar-open .page-sidebar {
    top: 5rem;
  }
}

.has-sidebar-expand-md .page-sidebar-fixed {
  top: 5rem;
}

@media (max-width: 767.98px) {
  .has-sidebar-expand-md.has-sidebar-open .page-sidebar {
    top: 5rem;
  }
}

.has-sidebar-expand-lg .page-sidebar-fixed {
  top: 5rem;
}

@media (max-width: 991.98px) {
  .has-sidebar-expand-lg.has-sidebar-open .page-sidebar {
    top: 5rem;
  }
}

.has-sidebar-expand-xl .page-sidebar-fixed {
  top: 5rem;
}

@media (max-width: 1199.98px) {
  .has-sidebar-expand-xl.has-sidebar-open .page-sidebar {
    top: 5rem;
  }
}

.has-sidebar-expand .page-sidebar-fixed {
  top: 5rem;
}

.has-sidebar-expand.has-sidebar-open .page-sidebar {
  top: 5rem;
}

.sidebar-header {
  height: 5rem;
}

.page-expanded .board {
  height: calc(100vh - 5rem);
}

.message-header {
  height: 5rem;
}

.page-cover {
  min-height: 30rem;
}