.border-cni {
  border-color: #cb3234 !important;
  border-radius: 20px;
}

.bg-cni {
  background-color: #cb3234 !important;
}

.cni-red {
  color: #cb3234 !important;
}

.icon {
  max-width: 25px !important;
}

.fc-day-grid-event .fc-content {
  white-space: normal;
}

.fc-content {
  color: white;
  cursor: pointer;
}

.fc-list-item {
  cursor: pointer;
}

.fc-bg {
  background: transparent !important;
}

.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end {
  background-color: #cb3234 !important;
  border-color: #cb3234 !important;
}

.btn-primary:hover {
  opacity: 75%;
  color: white !important;
}

.text-cni {
  color: #cb3234 !important;
}

.bg-light {
  background-color: #f6f7f7 !important;
}

body {
  font-size: 1rem !important;
}

.overflow-hidden {
  overflow: hidden auto !important;
}

.overflow-auto {
  overflow: auto !important;
}

.main-body .page-wrapper {
  margin-bottom: 100px !important;
}

.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.header-fixed .navbar-wrapper {
  min-height: 4rem !important;
}
.header-navbar .navbar-wrapper .navbar-logo {
  height: 4em;
}

body.header-fixed.menu-show .main-menu {
  overflow: auto;
  position: fixed;
  inset: 4rem 0px 0px;
}

.max-h-754 {
  max-height: 754px;
}

@media (max-width: 768px) {
  .d-xs-flex {
    display: flex !important;
  }

  .flex-xs-column {
    flex-direction: column !important;
  }

  .max-h-754 {
    max-height: 384px;
  }
}