@import url('../libs/bootstrap/css/bootstrap.min.css');
@import url('../libs/feather-font/css/iconfont.css');
@import url('../libs/icomoon-font/css/icomoon.css');
@import url('../libs/font-awesome/css/font-awesome.css');
@import url('../libs/wpbingofont/css/wpbingofont.css');
@import url('../libs/elegant-icons/css/elegant.css');
@import url('../libs/slick/css/slick.css');
@import url('../libs/slick/css/slick-theme.css');
@import url('../libs/mmenu/css/mmenu.min.css');
@import url('../libs/slider/css/jslider.css');
@import url('../assets/css/app.css');  
@import url('../assets/css/responsive.css');

.custom-file-input {
    display: block;
    width: 300px; /* Adjust as needed */
    height: 300px; /* Adjust as needed */
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .custom-file-label {
    display: block;
    background-color: #f8f9fa;
    border: 2px dashed #ced4da;
    border-radius: 10px;
    padding: 85px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    height: 200px;
    width: 400px;
    border-color: #E71C65;
    color: #E71C65
  }

  .custom-table {
    border: 1px solid #e5e6ef;
    text-align: center;
    margin-top: 20px;
}

tr {
    border-bottom: 1px solid #e5e6ef !important;
}

.mainfilter {
    text-align: center;
    margin-top: 25px;
    color: #c50c6d;
}
.custom-table tbody td {
  word-wrap: break-word; /* Wrap long text */
  /* Add any other styles for table body cells */
} 
  
  .img-preview {
    width: 100%;
    height: auto;
    max-height: 200px;
    margin-top: 10px;
  }

  .choice-chip {
    margin: 2px;
    padding: 5px 10px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
}

.choice-chip.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}
.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: '\2192';  /* Unicode for right arrow */
  color: #6c757d;    /* Bootstrap's default text-muted color */
  margin: 0 0.5rem;
}

.side-by-side {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.side-by-side .d-flex {
  flex: 1 1 calc(50% - 20px);  /* Adjust to ensure two items per row */
}

.side-by-side .d-flex label {
  margin-right: 10px;
}
.upload-container {
  margin-top: 15px;
}

@media (max-width: 768px) {
    .col-md-12.d-flex {
    display:grid !important;;
  }
  
  .custom-file-label{
    width: 300px !important;
  }

  div#kt_app_main {
    margin: 10px 0px 0px 0px !important;
}
div#kt_app_sidebar_mobile_toggle {
  background:#7e0d7b;
}
}