/* LMS dashboard */
.tutor-screen-frontend-dashboard {
    font-family: "Fixel Text";
}

.tutor-screen-frontend-dashboard header,
.tutor-screen-frontend-dashboard footer {
  display: none;
}

.tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.active:nth-child(2) a.tutor-dashboard-menu-item-link svg path:last-child {
    stroke: transparent !important;
    fill: #fff;
}

.tmd-topbar .tmd-left a {
    display: flex;
}

.tutor-dashboard-student .tutor-container {
  width: 100%;
  max-width: none;
  padding: 0;
}

.tmd-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.25px solid #d9d9d9;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #fff;
  padding: 10px 15px;
}

.tmd-topbar .tmd-left {
  width: 100%;
  max-width: 52px;
}

.tutor-screen-frontend-dashboard .tutor-wrap .tutor-frontend-dashboard-topbar {
  margin: 0 !important;
}

.tutor-screen-frontend-dashboard .tutor-wrap {
    padding: 0;
}

.tmd-right {
  display: flex;
  align-items: center;
}

.tmd-days {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #1C1C33;
    font-weight: 600;
    line-height: 140%;
}

.tmd-days span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tmd-bell {
    cursor: pointer;
    display: flex;
    padding: 0 22px;
    margin: 0 22px;
    border-inline: 1px solid #D9D9D9;
    position: relative;
}

.tmd-avatar img {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}


.tutor-frontend-dashboard-maincontent {
    background: #FAFAF8;
    margin: 0;
}

.tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu {
    width: auto;
    max-width: none;
    padding: 12px 15px 0px 16px;
    background: #FFF;
}

.tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li {
    text-decoration: none;
    list-style: none;
}

.tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li a.tutor-dashboard-menu-item-link span.tutor-dashboard-menu-item-text {
    margin: 0;
}

.tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li a.tutor-dashboard-menu-item-link {
    color: #D9D9D9;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tutor-screen-frontend-dashboard .tutor-frontend-dashboard-maincontent {
    width: 100%;
    height: 100%;
    flex-wrap: nowrap;
}

.tutor-frontend-dashboard-maincontent  .tutor-dashboard-right-content {
    display: inline-block;
    width: 100%;
    max-width: 1236px;
    margin: 0 auto;
    padding: 0;
}

.tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.active a.tutor-dashboard-menu-item-link {
    color: #1C1C33;
}

.tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks li.active a.tutor-dashboard-menu-item-link svg path {
    stroke: url(#activeGradient);
    fill: url(#activeGradient);
}

.tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu ul.tutor-dashboard-permalinks {
    display: flex;
    flex-direction: column;
    gap: 21px;
    align-items: center;
}

.tmd-bell:hover svg path,
.tmd-bell:focus svg path {
    fill: #36F;
    transition: fill 0.3s ease;
}

.tmd-bell.active svg path {
    fill: #36F;
    transition: fill 0.3s ease;
}

/* Notification Popup Styles */
.tmd-notification-popup {
    position: absolute;
    font-family: "Fixel Text";
    top: 100%;
    right: 76px;
    border-radius: 10px;
    border: 1px solid rgba(217, 217, 217, 0.38);
    background: #FFF;
    box-shadow: 0 4px 10px 0 rgba(217, 217, 217, 0.49);
    height: auto;
    width: 100%;
    max-width: 332px;
    z-index: 1000;
    margin-top: 8px;
    overflow: hidden;
    padding: 13px;
}

.tmd-notification-header {
    padding: 0;
    border-bottom: 1px solid rgba(217, 217, 217, 0.29);
}

.tmd-notification-header h3 {
    color: #1C1C33;
    margin: 0;
    font-family: "Fixel Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; 
    padding-bottom: 18px;
}

.tmd-notification-content {
    padding: 20px;
}

.tmd-no-messages {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 0;
}

.tmd-no-messages-icon img {
    width: 130px;
    height: 130px;
    padding-bottom: 13px;
}

.tmd-no-messages-text {
    color:  #1C1C33;
    font-family: "Fixel Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; 
    margin: 0;
}