@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: 'Roboto', sans-serif !important;
}
.text-red{
color: #e50854 !important;
}
.bg-red{
background-color: #e50854 !important;
}
.left-card-bg {
  position: relative;
  background: #e50854;
  color: #fff;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.left-card-logo {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  width: 40%;
  height: auto;
}
.right-card-bg {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: 0px;
}
.simplebar-mask li a:hover {
  color: #e50854 !important;
}

.mm-active .active {
  color: #e50854 !important;
}
.mm-active > a {
  color: #e50854 !important;
}
.simplebar-mask li a span:hover {
  color: #e50854 !important;
}
.clicked {
  color: white;
}
.mdi {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 8px;
}
.simplebar-mask li:hover .mdi {
  color: #e50854 !important;
}
.page-title-right li.breadcrumb-item.active {
  color: #e50854 !important;
}

.btn-primary {
  color: #fff;
  background-color: #e50854 !important;
  border-color: #e50854 !important;
}
.arrowSec a {
  background-color: #e50854 !important;
  border-color: #e50854 !important;
}
.page-item.active .page-link {
  background-color: #e50854 !important;
  border-color: #e50854 !important;
}
.color-chng,
.mdi.mdi-delete-forever-outline,
.mdi.mdi-square-edit-outline{
  color: #e50854 !important;
}

body[data-sidebar=dark] .logo-light {
  line-height: unset !important;
  height: 70px !important;
}


.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #e50854 !important;
    color: #fff !important;
}
@media (max-width: 768px) {
.mobile-responsive {
  margin: 1px;
  flex-direction: column;
}

.mobile-responsive > .col-6.col-md-6.p-0 {
  width: 100%;
}
.mobile-responsive > .col-6.col-md-6.p-0:nth-child(1) > .card {
  margin: 0;
  border-radius: unset;
}
.mobile-responsive > .col-6.col-md-6.p-0:nth-child(1) {
    height: 100px;
    }
}


@media (max-width: 991px) {
  .navbar-brand-box {
      display: none !important;
  } 
}

@media (max-width: 575px) {
  .form-control.w-50.flatpickr-input {
      width: 100% !important;
  } 
  .modal-dialog.modal-dialog-centered {
      max-width: 100% !important;
  }
}
@media (max-width: 600px) {
  .navbar-header .dropdown .dropdown-menu {
      left: auto !important;
      right: 10px !important;
  }
}
.table-responsive > div:first-child {
  flex-wrap: wrap;
  gap: 12px;
}
.select2-container {
  width: 100% !important;
}