.dropdown-toggle::after {
  display: none;
}

.k-grouping-row .kendoCustomColumn {
  display: none;
}

.cursor-p {
  cursor: pointer;
}

img.thumb-25 {
  max-width: 25px;
  max-height: 25px;
}

.logged-in {
  color: green;
}

.logged-out {
  color: red;
}

.k-grid-container {
  min-height: 300px !important;
}
#status_pnl {
  --bs-offcanvas-width: 400px;
}
.pointer {
  cursor: pointer;
}
.k-grid-md .k-table-th > .k-cell-inner > .k-link {
  padding-block: 5px !important;
  padding-inline: 5px !important;
}
.k-scheduler {
  height: 100% !important;
}
/* react multi datepicker */
input.rmdp-input {
  width: 340px !important;
  height: 50px !important;
}
.ep-arrow {
  display: none;
}

/* .k-scheduler-cell [data-slot-index="0"] {
     display: none !important;
} */

/* [data-dayslot-index="0"] {
      display: none !important;
  } */

.rearrangeColumn table.k-table.k-grid-header-table.k-table-md {
  width: 1600px !important;
}

.rearrangeColumn table.k-table.k-grid-table.k-table-md {
  width: 1600px !important;
}
.quickfilter {
  width: 250px;
}

/*----- sales order popup css*/
#addnewsalesorder {
  --bs-offcanvas-width: 1600px;
}

#viewsalesOrderPopup {
  --bs-offcanvas-width: 1600px;
}

.t-15 {
  font-size: 15px;
}
.w-200 {
  max-width: 200px;
}
ul.k-reset {
  display: none;
}

div.offcanvas {
  width: 98% !important;
}

tr.k-grouping-row div.form-check {
  display: none !important;
}

/* tr.k-grouping-row a{
  display: none !important;
} */

tr.k-grouping-row td span.material-symbols-outlined {
  display: none !important;
}

/* tr.k-grouping-row td p{
  display: none !important;
} */

td.k-table-td {
  padding-left: 7px !important;
}

[id^="react-select"][id$="-listbox"] {
  z-index: 9999;
}

.salesorder_header .reserveid {
  min-width: 180px !important;
}

.salesorder_header .description {
  min-width: 300px !important;
}

th.unit,
td.unit,
th.price,
td.activitycost,
th.discount,
td.discountpercent {
  max-width: 100px !important;
}

th.slno,
td.slno {
  max-width: 50px !important;
}

th.taxpercent,
td.taxpercent {
  max-width: 130px !important;
}

.custom-checkbox {
  width: 20px;
  /* Adjust the width as needed */
  height: 20px;
  /* Adjust the height as needed */
}

.profile_fill_row_settings label {
  min-width: 230px !important;
}

.filter-section {
  display: flex;
  align-items: center;
}

.filter-section .btn {
  margin-left: 10px;
  /* Adjust as needed */
}

.w-50 > label {
  min-width: 160px;
}

.calender_info {
  overflow-x: auto;
}

.calender_info .k-widget.k-scheduler {
  min-width: 700px;
}

/* Tooltip in reservation --- */

.educator1-details-tooltip,
.educator2-details-tooltip,
.client-details-tooltip,
.observer-details-tooltip,
.beneficiary-details-tooltip,
.responsible-details-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  z-index: 9999 !important; /* higher to bring above other rows */
  display: none;
  background: white;
}

.k-table-tbody .k-table-row {
  position: relative;
}

.educator1-hover-trigger:hover + .educator1-details-tooltip,
.educator2-hover-trigger:hover + .educator2-details-tooltip,
.client-hover-trigger:hover + .client-details-tooltip,
.client-details-tooltip:hover,
.observer-hover-trigger:hover + .observer-details-tooltip,
.observer-details-tooltip:hover,
.beneficiary-hover-trigger:hover + .beneficiary-details-tooltip,
.beneficiary-details-tooltip:hover,
.responsible-hover-trigger:hover + .responsible-details-tooltip,
.responsible-details-tooltip:hover {
  display: block;
}

.k-grid-table-wrap td.educator1 {
  overflow: visible;
}

.k-grid-table-wrap td.educator2 {
  overflow: visible;
}

.k-grid-table-wrap td.clients {
  overflow: visible;
}

.k-grid-table-wrap td.observer {
  overflow: visible;
}

.k-grid-table-wrap td.beneficiary {
  overflow: visible;
}

.k-grid-table-wrap td.responsible {
  overflow: visible;
}

/* Tooltip ends ---  */

@media (max-width: 991px) {
  .profile_fill_row .w-50 {
    width: 100% !important;
    flex-wrap: wrap;
    color: var(--bs-gray-600);
    margin-bottom: 10px;
  }

  .profile_fill_row {
    gap: 15px !important;
  }
}

@media (max-width: 575px) {
  #filterCollapse form > .form-group.mb-1 .col-lg-6 .form-group {
    flex-wrap: wrap;
    position: relative;
    padding-right: 30px;
    margin-bottom: 0 !important;
  }

  #filterCollapse form > .form-group.mb-1 .col-lg-6 .form-group .col-lg-3.mt-1 {
    width: 100%;
  }

  #filterCollapse form > .form-group.mb-1 .col-lg-6 .form-group a.filter-btn {
    position: absolute;
    right: 0;
    top: 41px;
    padding: 0;
  }

  #filterCollapse form > .form-group.mb-1 .col-lg-6 {
    margin-bottom: 0;
  }

  #filterCollapse form .form-group {
    flex-wrap: wrap;
    width: 100%;
  }

  #filterCollapse form .form-group.flex-fill {
    flex: 0 0 auto !important;
  }

  #filterCollapse form .nosearch_select {
    width: 100%;
  }

  #filterCollapse form .form-group .col-lg > .d-flex {
    flex-wrap: wrap;
  }

  #filterCollapse form .form-group .col-lg .form-check {
    margin: 0 0 10px !important;
    width: 100%;
  }

  #filterCollapse .field-container {
    width: 100%;
    gap: 15px;
    display: flex;
  }

  .mail-wrapper #filterCollapse .form-group .field-container input {
    padding: 0 20px;
    height: 40px;
  }

  #filterCollapse form .col-lg .d-flex {
    flex-wrap: wrap;
  }

  #filterCollapse .rmdp-container input.rmdp-input {
    height: 42px !important;
    width: 100% !important;
  }

  #filterCollapse .rmdp-container {
    width: 100%;
  }

  #filterCollapse .col-lg-12 .action {
    flex-wrap: wrap;
    justify-content: center !important;
  }

  #filterCollapse .col-lg-12 .action .btn {
    min-width: auto;
    width: auto;
    text-align: center;
  }

  #filterCollapse .col-lg-10 .row {
    padding: 0 13px;
  }
}

@media (max-width: 480px) {
  .calender_srch_top {
    flex-wrap: wrap;
  }

  .calender_srch_top .d-flex.gap-2 {
    width: 100%;
  }

  .calender_srch_top .ms-auto {
    margin-left: 0 !important;
  }
}
