.buttonColor {
  background-color: #764af1 !important;
  border-color: #764af1 !important;
  color: white !important;
}

.buttonColor:hover {
  opacity: 0.98;
  background-color: #764af1 !important;
  border-color: #764af1 !important;
  color: white !important;
}

.buttonColor:focus + .buttonColor,
.buttonColor:focus {
  color: #fff !important;
  background-color: #764af1 !important;
  border-color: #764af1 !important;
  box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.95);
}

.cancelButtonColor {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #000000 !important;
  border: black 1px solid !important;
}

.cancelButtonColor:hover {
  opacity: 0.98;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #000000 !important;
  border: #00000099 1px solid !important;
}

.cancelButtonColor:focus + .cancelButtonColor,
.cancelButtonColor:focus {
  color: #000 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.95);
}

/* 
body[data-sidebar-size="condensed"] .left-side-menu #sidebar-menu > ul > li:hover > a {
  position: relative;
  width: calc(190px + 50px);
  color: white !important;
  background-color: #764af1;
  box-shadow: inset 3px 5px 10px 0 rgba(154, 161, 171, 0.2);
} */

.linkdata {
  color: #0065ff !important;
}

.pagination-rounded {
  color: white !important;
  border-radius: 50px;
}

.actived {
  background-color: #764af1;
  color: white !important;
}

.inactived {
  color: #6e768e !important;
}

.actived:hover {
  background-color: #764af1;
  color: white !important;
}

.inactived:hover {
  color: white !important;
}

.actived-font {
  color: white !important;
}

.inactived-font {
  color: #6e768e !important;
}

.actived-font:hover {
  color: white !important;
}

.inactived-font:hover {
  color: #6e768e !important;
}

.tt {
  transition: box-shadow 100ms, transform 300ms;
  border: 0.5px solid #764af1;
}

.tt:hover {
  box-shadow: 0px 0px 5px #000000c7;
  -ms-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

label.errorc {
  font-size: 14px;
  display: block;
  margin-top: 1px;
  font-weight: normal;
  color: #f44336;
}

@media only screen and (max-width: 412px) {
  .butonTT {
    margin-top: 75px !important;
  }
}

.errors {
  color: #ff0000f2 !important;
}

.cursor_pointer {
  cursor: pointer;
}

.table-button {
  padding: 1px;
  /* margin-right: 1px; */
  margin-bottom: -1px;
  border-bottom: none;
}

.table-edit-button {
  color: #0059ff;
  margin: 2px;
  background-color: #00000008;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) !important;
}

.table-edit-button:hover {
  color: #0059ff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4) !important;
}

.table-delete-button {
  color: #ff0000de;
  margin: 1px;
  background-color: #00000008;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) !important;
}

.table-delete-button:hover {
  color: #ff0000de;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4) !important;
}

.table-purple-button {
  color: #764af1 !important;
  margin: 1px !important;
  background-color: #00000008 !important;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) !important;
}

.table-success-button {
  color: #3ab085 !important;
  margin: 1px !important;
  background-color: #00000008 !important;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) !important;
}

.table-danger-button {
  color: #d35353 !important;
  margin: 1px !important;
  background-color: #00000008 !important;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) !important;
}

.table-purple-button:hover {
  color: #764af1 !important;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4) !important;
}

.table-share-button {
  color: #ff5600de;
  margin: 1px;
  background-color: #00000008;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) !important;
}

.table-share-button:hover {
  color: #ff5600de;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4) !important;
}

.table-view-button {
  color: #196a0bf2;
  margin: 1px;
  background-color: #00000008;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) !important;
}

.table-view-button:hover {
  color: #196a0bf2;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4) !important;
}

.data-table-extensions {
  display: flow-root !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.filter-text,
.data-table-extensions-filter {
  /* background-color:#dddddd !important; */
  /* border-bottom:none !important; */
  /* color: #000000 !important; */
  border: 1px solid #dddddd !important;
}

input.filter-text[placeholder="Filter Table"] {
  color: #000000 !important;
  border: none !important;
}

.action-btn a {
  margin-right: 5px;
}

.action-btn a {
  margin-right: 5px;
}

.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

.switch label {
  cursor: pointer;
}

.switch label input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type="checkbox"]:checked + .lever {
  background-color: #84c7c1;
}

.switch label input[type="checkbox"]:checked + .lever:after {
  background-color: #26a69a;
  left: 24px;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #818181;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #f1f1f1;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}

input[type="checkbox"]:checked:not(:disabled) ~ .lever:active::after,
input[type="checkbox"]:checked:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(38, 166, 154, 0.1);
}

input[type="checkbox"]:not(:disabled) ~ .lever:active:after,
input[type="checkbox"]:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

.switch input[type="checkbox"][disabled] + .lever {
  cursor: default;
}

.switch label input[type="checkbox"][disabled] + .lever:after,
.switch label input[type="checkbox"][disabled]:checked + .lever:after {
  background-color: #bdbdbd;
}

.switch label {
  font-weight: normal;
  font-size: 13px;
}

.switch label .lever {
  margin: 0 14px;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-red:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(236, 59, 87, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-red {
  background-color: rgba(236, 59, 87, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-red:after {
  background-color: #ec3b57;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-pink:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(233, 30, 99, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-pink {
  background-color: rgba(233, 30, 99, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-pink:after {
  background-color: #e91e63;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-purple:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(186, 59, 208, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-purple {
  background-color: rgba(186, 59, 208, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-purple:after {
  background-color: #ba3bd0;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-deep-purple:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(103, 58, 183, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-deep-purple {
  background-color: rgba(103, 58, 183, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-deep-purple:after {
  background-color: #673ab7;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-blue:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(69, 127, 202, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue {
  background-color: rgba(69, 127, 202, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue:after {
  background-color: #457fca;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-cyan:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(55, 156, 148, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-cyan {
  background-color: rgba(55, 156, 148, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-cyan:after {
  background-color: #379c94;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-green:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(120, 184, 62, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-green {
  background-color: rgba(120, 184, 62, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-green:after {
  background-color: #78b83e;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-light-green:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(139, 195, 74, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-light-green {
  background-color: rgba(139, 195, 74, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-light-green:after {
  background-color: #8bc34a;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-yellow:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 232, 33, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-yellow {
  background-color: rgba(255, 232, 33, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-yellow:after {
  background-color: #ffe821;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-orange:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 152, 0, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-orange {
  background-color: rgba(255, 152, 0, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-orange:after {
  background-color: #ff9800;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-deep-orange:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(248, 54, 0, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-deep-orange {
  background-color: rgba(248, 54, 0, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-deep-orange:after {
  background-color: #f83600;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-grey:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(158, 158, 158, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-grey {
  background-color: rgba(158, 158, 158, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-grey:after {
  background-color: #9e9e9e;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-blue-grey:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(96, 125, 139, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue-grey {
  background-color: rgba(96, 125, 139, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-blue-grey:after {
  background-color: #607d8b;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-indigo:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(63, 81, 181, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-indigo {
  background-color: rgba(63, 81, 181, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-indigo:after {
  background-color: #3f51b5;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-light-blue:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(3, 169, 244, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-light-blue {
  background-color: rgba(3, 169, 244, 0.5);
}

.switch
  label
  input[type="checkbox"]:checked
  + .lever.switch-col-light-blue:after {
  background-color: #03a9f4;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-teal:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(0, 150, 136, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-teal {
  background-color: rgba(0, 150, 136, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-teal:after {
  background-color: #009688;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-lime:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(205, 220, 57, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-lime {
  background-color: rgba(205, 220, 57, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-lime:after {
  background-color: #cddc39;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-amber:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 193, 7, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-amber {
  background-color: rgba(255, 193, 7, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-amber:after {
  background-color: #ffc107;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-brown:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(121, 85, 72, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-brown {
  background-color: rgba(121, 85, 72, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-brown:after {
  background-color: #795548;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-blush:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(241, 95, 121, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blush {
  background-color: rgba(241, 95, 121, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blush:after {
  background-color: #f15f79;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-black:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-black {
  background-color: rgba(0, 0, 0, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-black:after {
  background-color: #000;
}

.switch
  label
  input[type="checkbox"]:checked:not(:disabled)
  ~ .lever.switch-col-white:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 255, 255, 0.1);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-white {
  background-color: rgba(255, 255, 255, 0.5);
}

.switch label input[type="checkbox"]:checked + .lever.switch-col-white:after {
  background-color: #fff;
}

.showing-results {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-view {
  display: flex;
  align-items: center;
}

.showing-results h5 {
  color: #6b6b6b;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
}

.showing-results nav .pagination {
  gap: 15px;
}

.showing-results nav .pagination .page-item .page-link {
  border-radius: 10px;
  border: 1px solid #ebf0ed;
  background: #fafafa;
  padding: 8px 15px;
  color: #000;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.showing-results nav .pagination .page-item .active-button {
  border-radius: 10px;
  border: 1px solid rgb(118, 74, 241);
  background: rgb(118, 74, 241);
  padding: 8px 15px;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  box-shadow: none;
}

.showing-results nav .pagination .page-item .page-link:focus {
  border-radius: 10px;
  border: 1px solid rgb(118, 74, 241);
  background: rgb(118, 74, 241);
  padding: 8px 15px;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  box-shadow: none;
}

.pages {
  overflow: auto;
  max-width: 100px;
  display: flex;
}

.pages::-webkit-scrollbar {
  display: none;
}

.faq {
  padding: 10px 0;
}

.accordion-item {
  border-radius: 12px !important;
  border: 1px solid #191a1c !important;
}

.accordion-button {
  border-radius: 12px !important;
  padding: 30px 22px;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: #191a1c;
}

.accordion-button:not(.collapsed) {
  background-color: #ffffff;
  color: #191a1c;
  box-shadow: none;
}

.accordion-button::after {
  background-image: url("../images/down-arrow.svg");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../images/down-arrow.svg");
}

.accordion-body {
  padding-top: 0;
}

.font_20 {
  font-size: 20px !important;
}

.font_600 {
  font-weight: 600 !important;
}

.mb_15 {
  margin-bottom: 15px;
}

.mt_20 {
  margin-top: 20px;
}

.worsheet-list-profile {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 5px;
}

.notification_dp.dropdown-toggle::after {
  display: none;
}

.notification_dp {
  border-radius: 8px;
  border: 1px solid #fff;
  background: transparent;
  padding: 5px;
  position: relative;
}

.bell_pic {
  height: 25px;
  width: 25px;
  border-radius: 100px;
  object-fit: cover;
}

.profile_pic {
  height: 35px;
  width: 35px;
  border-radius: 100px;
  object-fit: cover;
}

/* .notification_number {
  position: absolute;
  padding: 1px 5px;
  border-radius: 50%;
  background-color: #c12929;
  top: 14px;
  right: 10px;
  border: 2px solid #ffffff;
} */

.font_12 {
  font-size: 12px !important;
}

.notification_dropdown_items {
  min-width: 340px;
  max-width: 340px;
}

.dropdown-menu_notification {
  max-width: 500px;
  width: 100%;
  padding: 10px;
}

.dropdown-item_notification {
  padding: 10px 15px;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.dropdown-item_notification:hover {
  background-color: #f5f5f5;
}

.notification_topic {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Mayur 18-12-2024 start */
.mx-height {
  max-height: auto !important;
  height: 60px;
  line-height: normal !important;
}

.navbar-custom .topnav-menu .notificationTheamdrop .nav-link {
  display: flex;
  align-items: center;
}

.user_imageContainer {
  position: relative;
  top: 20px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.object_cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: top;
}

.notification_icon2 {
  position: relative;
  top: 6px;
}

.notification_icon2 img {
  width: 20px;
}

.notification_icon2 .bi-bell-fill::before {
  font-size: 20px;
  color: white;
}

/* Notification dropdown start */
.notification_dp.dropdown-toggle::after {
  display: none;
}

.notification_dp {
  border-radius: 8px;
  border: 1px solid #191a1c;
  background: #ffffff;
  padding: 8px;
  position: relative;
}

.notification_number {
  position: absolute;
  padding: 1px 4px;
  border-radius: 50%;
  background-color: #c12929;
  top: -9px;
  right: -9px;
  border: 2px solid #ffffff;
}

.friends_number {
  position: absolute;
  padding: 1px 6px;
  border-radius: 50%;
  background-color: #c12929;
  top: 5px;
  right: 10px;
  border: 2px solid #ffffff;
}

.notification_heading {
  border-bottom: 1px solid #191a1c;
  padding-bottom: 15px;
  margin: 15px 15px 15px 15px;
}

.inner_bell_image {
  /* border-radius: 8px; */
  /* border: 1px solid #191a1c; */
  background: transparent;
  height: 49px;
  min-width: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 10px;
}

.notification_topic {
  white-space: break-spaces;
}

.notification_dropdown_items {
  min-width: 340px;
  max-width: 340px;
}

.no_notification {
  color: #555;
  margin: 15px;
}

.profile_pic_bell {
  height: 40px;
  width: 40px;
  border-radius: 10px;
  object-fit: cover;
}

.profile_pic_bell_navbar {
  height: 35px;
  width: 35px;
  border-radius: 10px;
  object-fit: cover;
}

.listing01 h2 {
  margin-top: 0;
}

.listing01 {
  padding-left: 0;
}

.listing01 li {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.listing01 .inner_bell_image {
  height: 40px;
  min-width: 40px;
}

/* Notification dropdown end */
/* Mayur 18-12-2024 end */

@media only screen and (max-width: 1199.5px) {
  .font_20 {
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 992px) {
  /* Mayur 18-12-2024 start */

  .left-side-menu {
    display: block;
    z-index: 10 !important;
    width: 70px;
  }

  /* #sidebar-menu>ul>li>a>span {
    font-size: 0;
  } */

  .sidebar-enable .left-side-menu {
    display: block;
    width: 240px;
  }

  .sidebar-enable #sidebar-menu > ul > li > a > span {
    font-size: 0.95rem;
  }

  .content-page,
  body[data-sidebar-size="condensed"] .content-page {
    padding: 0 10px 0 70px;
  }

  .footer {
    left: 59px !important;
    text-align: center;
  }

  .content-page,
  body[data-sidebar-size="condensed"] .content-page {
    margin-left: 70px !important;
    padding: 0 10px;
  }

  #sidebar-menu > ul > li:hover {
    width: auto;
  }

  #sidebar-menu > ul > li:hover ul {
    list-style: none;
    display: block !important;
    left: 73px;
    position: absolute;
    width: 190px;
    box-shadow: 3px 5px 10px 0 rgba(154, 161, 171, 0.2);
    padding-left: 0;
    background: #ffffff;
  }

  #sidebar-menu > ul > li:hover ul li a {
    display: block;
    display: flex;
  }

  #sidebar-menu > ul > li:hover #sidebar-menu > ul > li > a > span {
    font-size: 0.95rem;
    text-wrap: nowrap;
  }

  .nav-second-level li a {
    display: none;
  }

  .sidebar-enable #sidebar-menu > ul > li:hover {
    width: 100%;
    background-color: transparent;
  }

  .sidebar-enable #sidebar-menu > ul > li:hover ul {
    list-style: none;
    display: block !important;
    left: 0;
    position: relative;
    width: 100%;
    box-shadow: none;
    padding-left: 0;
    background: #ffffff;
  }

  #sidebar-menu > ul > li > a > span {
    vertical-align: middle;
    font-size: 0;
  }

  .left-side-menu #sidebar-menu > ul > li:hover > a span {
    display: block;
  }

  .left-side-menu #sidebar-menu > ul > li:hover > a {
    position: relative;
    width: calc(190px + 74px);
    color: white !important;
    background-color: #000000;
    box-shadow: inset 3px 5px 10px 0 rgba(154, 161, 171, 0.2);
  }

  .left-side-menu #sidebar-menu > ul > li:hover > a span {
    display: inline-block;
    font-size: 14px;
  }

  .sidebar-enable .left-side-menu #sidebar-menu > ul > li:hover > a {
    width: 100%;
    background-color: #764af1;
    box-shadow: none;
  }

  .left-side-menu #sidebar-menu > ul > li:hover > a .inactived-font {
    color: #ffffff !important;
  }

  .left-side-menu #sidebar-menu > ul > li:hover > a span {
    display: inline-block;
    font-size: 14px;
    color: #ffffff !important;
  }

  .sidebar-enable
    .left-side-menu
    #sidebar-menu
    > ul
    > li:hover
    > a
    .inactived-font {
    color: #ffffff !important;
  }
  /* Mayur 18-12-2024 end */
}

@media only screen and (max-width: 991.98px) {
  .font_20 {
    font-size: 18px !important;
  }

  /* Mayur 18-12-2024 start */

  .logo span.logo-sm {
    display: block;
  }

  .logo span.logo-lg {
    display: none;
  }

  /* Mayur 18-12-2024 end */
}

@media only screen and (max-width: 767.5px) {
  .font_20 {
    font-size: 16px !important;
  }

  .mb_15 {
    margin-bottom: 12px;
  }

  .mt_20 {
    margin-top: 0;
  }

  /* Mayur 18-12-2024 start */
  /* #sidebar-menu>ul>li>a {
    font-size: 0;
  } */

  /* Mayur 18-12-2024 end */
}

@media only screen and (max-width: 576px) {
  .font_20 {
    font-size: 15px !important;
  }

  .showing-results {
    display: block;
  }

  .showing-results nav .pagination {
    gap: 5px;
  }

  .content-view {
    display: block;
  }

  /* .inner_bell_image {
    display: block !important;
  } */

  /* Mayur 18-12-2024 start */
  .listing01 .inner_bell_image {
    height: 36px;
    min-width: 36px;
    margin-right: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
  }

  .listing01 li {
    padding-left: 16px;
  }
  .sea {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 550px;
    width: 100%;
    background: url("../images/sea.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 0;
    border-radius: 20px;
  }
  .sea:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.53) 0%,
      rgba(0, 0, 0, 0.53) 100%
    );
    border-radius: 20px;
  }

  

  /* .listing01 .inner_bell_image img {
    width: 20px;
    position: relative;
    top: 4px;
  } */

  /* Mayur 18-12-2024 end */
}