/*Write your custom css in this file.*/

.sidebar-menu li.active > a {
    background-color: #a00226;
}

#page-content .bg-success, .bg-dark-success {
    background: #83c340 !important;
}

#web-notification-icon,
#personal-language-icon {
    display: none;
}

#team-member-view-tabs > li:nth-child(6) {
    display: none;
}

#team-member-view-tabs > li:nth-child(8) {
    display: none;
}

@media (max-width: 990px) {
    .sidebar .sidebar-toggle-btn {
        display: inline-block !important;
        margin: 0 0px 0 0;
        background: #fff;
        height: 65px;
        width: 26px;
        padding: 16px 0 0 0;
    }
}

#event-calendar > div.fc-view-harness.fc-view-harness-active > div > table > thead > tr > th > div > div > table > thead > tr > th {
    padding: 12px;
    color: #fff;
    background-color: grey;
}

.fc-col-header-cell-cushion, .fc-daygrid-day-number {
    color: #fff !important;
}

#event-calendar div.fc-event-main > span.confirmed-by-logo > svg {
    background: #fff;
    border-radius: 20px;
    padding: 4px;
}

#event-calendar div.fc-event-main > span.rejected-by-logo > svg {
    background: #fff;
    border-radius: 20px;
    padding: 4px;
}

#left-menu-toggle-mask {
    height: 100%;
}
.main-scrollable-page {
    height: calc(100% - 100px);
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
  }


  
#summary-attendance table  { 
    display: relative;
}
#summary-attendance table thead {
    position: sticky;
    top: 100px;
    background-color: #fff;
}