@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/* style for scroll bar  */
@layer utilities {
  /* Hide scrollbar for Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  .no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px; /* Horizontal scrollbar thickness */
}
::-webkit-scrollbar:hover {
  cursor: pointer;
}
::-webkit-scrollbar-corner {
  display: none;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #f77f73;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(234 91 77);
}

.each_div {
  margin-bottom: 1rem;
}

.each_div label {
  margin: 12px 6px;
}

.each_div_p {
  margin: 8px;
  box-shadow: 0px 2px 6px 2px #00000026;

  box-shadow: 0px 2px 6px 0px #0000004d;

  padding: 4px 8px;
  border-radius: 4px;
}

html table.dataTable tbody tr.selected > * {
  box-shadow: none !important;
  background-color: #f0f8ff !important;
  color: #000 !important;
}

table.dataTable.display > tbody > tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
  box-shadow: none !important; /* Remove box-shadow */
  background-color: #f9f9f9 !important; /* Optional: Replace with desired background color */
  color: #333 !important; /* Optional: Replace with desired text color */
}

/* Override selected row styles */
table.dataTable.display > tbody > tr.even.selected,
table.dataTable.order-column.stripe > tbody > tr.even.selected {
  background-color: #f9f9f9 !important; /* Custom background color */
  color: #333 !important; /* Custom text color */
  box-shadow: none !important; /* Remove box-shadow */
}

/* Override hover styles for all rows */
table.dataTable.display > tbody > tr:hover,
table.dataTable.order-column.stripe > tbody > tr:hover {
  background-color: #e0e0e0 !important; /* Custom hover background color */
  color: #000 !important; /* Custom hover text color */
  box-shadow: none !important; /* Remove box-shadow if applied */
}

/* Override hover and selected styles for first column when sorting is enabled */
table.dataTable.display > tbody > tr.even.selected:hover > .sorting_1,
table.dataTable.order-column.stripe
  > tbody
  > tr.even.selected:hover
  > .sorting_1 {
  background-color: #e0e0e0 !important; /* Custom hover background color */
  color: #000 !important; /* Custom hover text color */
}

/* General hover styles for the first column when not selected */
table.dataTable.display > tbody > tr:hover > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:hover > .sorting_1 {
  background-color: #e0e0e0 !important;
  color: #000 !important;
}

.actionDiv {
  margin-top: 8px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.actionDiv button {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #ea5b4d;
  color: white;
  font-weight: 700;
  height: 2rem;

  font-size: large;
}

.actionDiv a {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #3d286b;
  color: white;
  font-weight: 700;
  height: 2rem;

  font-size: large;
}

.a_Tag {
  margin: 4px 8px !important;
  padding: 4px;
  display: block;
  border: 1px solid black;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;

  margin-bottom: 8px;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border: solid var(--ck-color-base-border);
  border-width: 1px 1px 0;
  width: 100% !important;
}

.ck-toolbar__items {
  flex-wrap: wrap !important;
  width: 100% !important;
}

.ck-toolbar_grouping {
  flex-wrap: wrap !important;
  width: 100% !important;
}

.ck-toolbar {
  width: 100% !important;
}

.addShadow {
  box-shadow: 0px 2px 6px 2px #00000026;

  box-shadow: 0px 2px 6px 0px #0000004d;
}

#minutes_of_meeting_div a {
  color: blue;
  text-decoration: underline;
}

.notification_div {
  box-shadow: 0px 2px 6px 2px #00000026 !important;

  box-shadow: 0px 2px 6px 0px #0000004d !important;

  border-radius: 4px;
}


.activeBtn{
  background-color: #3d286b !important;
  color: white;

}