.USIndependenceDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/USflag_img.png")no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 450px;
    height: 100%;
    right: 0;
    z-index: 1;
    background-attachment: fixed;
    background-position-x: right;
}

.USIndependenceDay .what_happening_section {
    background: #162f70;
    background: -moz-linear-gradient(top, #162f70 0%, #b50003 100%);
    background: -webkit-linear-gradient(top, #162f70 0%, #b50003 100%);
    background: linear-gradient(to bottom, #162f70 0%, #b50003 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#162f70', endColorstr='#b50003', GradientType=0);
}

.USIndependenceDay .light-blue-bg.themebanner {
    background: #bfd6ef;
    /* Old browsers */
    background: -moz-linear-gradient(top, #bfd6ef 0%, #e6f0f9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bfd6ef 0%, #e6f0f9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bfd6ef 0%, #e6f0f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd6ef', endColorstr='#e6f0f9', GradientType=0);
    position: relative;
}

.USIndependenceDay .msg-alert {
    z-index: 2;
    position: relative;
}

.USIndependenceDay .topbar {
    z-index: 50;
}

.USIndependenceDay .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.USIndependenceDay .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.USIndependenceDay .what_happening_section {
    z-index: 2;
    position: relative;
}

.USIndependenceDay .what_happening_section::after {
    background: url("ThemeImages/waves_img.png") no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    z-index: 1;
}

.USIndependenceDay .msg-alert {
    background: linear-gradient(30deg, #0E3997 0%, #b50003 100%);
}

.USIndependenceDay .pendingListGridView .text-gray {
    color: #333 !important;
}

.USIndependenceDay .assets9 {
    background: linear-gradient(0deg, #b50003 0%, #0E3997 100%);
}

.USIndependenceDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.USIndependenceDay .themebanner .frequently_visit {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00033a+25,0e3997+73,d10329+100 */
    background: #00033a;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00033a 25%, #0e3997 73%, #d10329 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00033a 25%, #0e3997 73%, #d10329 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00033a 25%, #0e3997 73%, #d10329 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00033a', endColorstr='#d10329', GradientType=1);
    /* IE6-9 */
    border: none;

}

.USIndependenceDay .themebanner .frequently_visit::after {
    background: url("ThemeImages/menuFlag.png") no-repeat;
    width: 100%;
    background-size: cover;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    z-index: +2;
    border-radius: 8px;
}

.USIndependenceDay .themebanner .frequently_title::after {
    background: #00033a;
}

.USIndependenceDay .themebanner .frequently_title {
    background: #d10329;
    z-index: 3;

}

.USIndependenceDay .themebanner .frequently_visit ul {
    z-index: 3;
}

.USIndependenceDay .themebanner .frequently_visit ul li a {
    color: #ffffff;
}

.USIndependenceDay .themebanner .frequently_visit ul li span {
    color: #ffffff;
}

.USIndependenceDay .themebanner .btn-moreLink {
    color: #ffffff;
}

.USIndependenceDay .themebanner .frequently_visit ul li a:hover {
    background: #e6edf83d;
    color: #ffffff;
}

.USIndependenceDay .themebanner .btn-fqlink:hover {
    background: #e6edf83d;
}

.USIndependenceDay .themebanner .btn-moreLink:hover {
    background: #e6edf83d;
}

.USIndependenceDay .helplist a {
    color: #333 !important;
}

/* India Independence Day CSS */
.InIndependenceDay .PendingListFilter .bg-blue {
    background: linear-gradient(to bottom, #FF671F 0%, #046A38 100%);
    
}

.InIndependenceDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #FF671F !important;
}

.InIndependenceDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #FF671F;

}

.InIndependenceDay .light-blue-bg.themebanner {
    position: relative;

}

.InIndependenceDay .light-blue-bg.themebanner::before {
    background: #ffffff url("ThemeImages/tricolor_bg.svg");
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: center;

}

.InIndependenceDay .pendingForActionWraper .pendingListGridView .carousel-navigation .text-gray {
    color: #000 !important;
}

.InIndependenceDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #046A38 !important;
}

/* .InIndependenceDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/ashoka-chakra.png")no-repeat;
    content: "";
    position: absolute;
    top: 0px;
    width:800px;
    height: 800px;
    z-index: 1;
    background-position-x: center;
    background-position-y: center;
    background-size: calc(40%);
    opacity: .5;
    left: 0;
    right: 0;
    margin: 0 auto;
} */

.InIndependenceDay .topbar {
    z-index: 50;
}

.InIndependenceDay .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.InIndependenceDay .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.InIndependenceDay .what_happening_section {
    z-index: 2;
    position: relative;
}

.InIndependenceDay .frequently_title {
    background: #FF671F;
    z-index: 3;

}

.InIndependenceDay .frequently_visit ul li span {
    color: #FF671F;
}

.InIndependenceDay .msg-alert {
    background: #046A38;
}

.InIndependenceDay .pending-actions-box .card-body {
    background: linear-gradient(178deg, #FF671F 8%, #046A38 100%);


}


.InIndependenceDay .what_happening_section {
    background: #FF671F;
    background: -moz-linear-gradient(top, #FF671F 0%, #046A38 100%);
    background: -webkit-linear-gradient(top, #FF671F 0%, #046A38 100%);
    background: linear-gradient(to bottom, #FF671F 0%, #046A38 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF671F', endColorstr='#046A38', GradientType=0);
}

.InIndependenceDay .what_happening_section::after {
    background: url("ThemeImages/2.png") no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: 1;
    opacity: .5;
    background-position-y: top;
    background-position-x: center;
    background-size: calc(80%);
}

.InIndependenceDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.InIndependenceDay .assets9 {
    background: linear-gradient(0deg, #046A38 0%, #FF671F 100%);
}

.InIndependenceDay #dashboard .nav-tabs .nav-item.show .nav-link,
.InIndependenceDay #dashboard .nav-tabs .nav-link.active {
    background: #FF671F !important;
}

.InIndependenceDay .messageAlert {
    background: linear-gradient(30deg, #FF671F 30%, #046A38 100%);
}

.InIndependenceDay .notification_body {
    background: #046A38;
}

.InIndependenceDay .messageAlert::before {
    border-bottom: 10px solid #046A38;
}

.InIndependenceDay .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(30deg, #f15a15 30%, #046A38 100%);
}

.InIndependenceDay .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.InIndependenceDay .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background: #FF671F !important;
}

.InIndependenceDay .pendingListView .card-body.bg-light,
.InIndependenceDay .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.InIndependenceDay .Notification-list .readmoretext div:nth-child(4) button {
    background: rgb(54 136 96) !important;
}

.InIndependenceDay .gridView li.active a {
    background: #FF671F;
}

.InIndependenceDay .notification_body .text-primary {
    color: #333;
}

.InIndependenceDay .survay_card2 {
    background: linear-gradient(30deg, #f15a15 30%, #046A38 100%);
}

.InIndependenceDay .circle-iconsurvey .text-blue {
    color: #046A38 !important;
}

.InIndependenceDay .settingIcon {
    display: none;
}

.InIndependenceDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #FF671F !important;
}

.InIndependenceDay .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #FF671F !important;
}

.InIndependenceDay .pendingForActionWraper .pendingListView .tabListIcon {
    color: #ffffff !important;
}

.InIndependenceDay .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #FF671F !important;
}

.InIndependenceDay .blinking {
    border-color: #013737;
}

.InIndependenceDay .pendingForActionWraper .pendingListView .MuiButtonBase-root {
    color: #ffffff !important;
}

.InIndependenceDay .Frequently-visit-section.leaveheader::after,
.InIndependenceDay .Frequently-visit-section.leaveheader::before {
    display: none;
}

.InIndependenceDay .frequently_visit.card {
    position: relative;
    z-index: 3;
}

/* ChristmasTheme CSS */
.ChristmasTheme .frequently_visit.card{
    z-index: 2;
    position: relative;
}
.ChristmasTheme .PendingListFilter .bg-blue {
    background: linear-gradient(30deg, #ca0525 30%, #9f001a 100%);
}

.ChristmasTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #ca0525 !important;
}

.ChristmasTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #ca0525;

}

.ChristmasTheme .light-blue-bg.themebanner {
    position: relative;
}

.ChristmasTheme .light-blue-bg.themebanner::after {
    background: url("ThemeImages/headerRight1.png")no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    right: 0;
    transform: rotateY(180deg);
    height: 268px;
}

.ChristmasTheme .light-blue-bg.themebanner::before {
    background: url("ThemeImages/headerRight1.png")no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 281px;
    z-index: 2;
    left: 0;
    height: 268px;

}

.ChristmasTheme .topbar {
    z-index: 50;
}

.ChristmasTheme .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.ChristmasTheme .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.ChristmasTheme .what_happening_section {
    z-index: 2;
    position: relative;
    
}

.ChristmasTheme .frequently_title {
    background: #CA0525;
    z-index: 3;

}
.ChristmasTheme .notification_body {
    background: #ca0525;
}
.ChristmasTheme .Notification-list .readmoretext div:nth-child(4) button {
    background:DD5F73 !important;
   
}
.ChristmasTheme .frequently_visit ul li span {
    color: #CA0525;
}
.ChristmasTheme .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #ca0525 30%, #9f001a 100%);
    color: #fff !important;
}
.ChristmasTheme .msg-alert {
    background: linear-gradient(30deg, #ca0525 30%, #9f001a 100%);
}

.ChristmasTheme .pending-actions-box .card-body {
    background: linear-gradient(178deg, #ca0525 8%, #9f001a 100%);

}

.ChristmasTheme .what_happening_section {
    background: linear-gradient(178deg, #ca0525 30%, #017B5D 100%);

}
.ChristmasTheme .msg-alert {
    background: linear-gradient(45deg, #ca0525  30%, #017B5D 100%);
}

.ChristmasTheme .what_happening_section::after {
    background: url("ThemeImages/christmas_1.png") no-repeat;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: 1;
    width: 100%;
    height: 552px;
}
.ChristmasTheme .what_happening_section::before {
    content: 'Have a wonderful holiday season!';
    position: absolute;
    color: #333;
    top: -20px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6); */
}
.ChristmasTheme .pendingaccordion .text-blue {
    color: #CA0525;
}
.ChristmasTheme .assets9 {
    background: #CA0525;
}

.ChristmasTheme #dashboard .nav-tabs .nav-item.show .nav-link,
.ChristmasTheme #dashboard .nav-tabs .nav-link.active {
    background: #CA0525 !important;
}

.ChristmasTheme .messageAlert {
    background: #CA0525;
}

.ChristmasTheme .notification_body {
    background: #013737;
}

.ChristmasTheme .messageAlert::before {
    border-bottom: 10px solid #CA0525;
}

.ChristmasTheme .Frequently-visit-section.expenseheader::before {
    background: #a30f27;
}

.ChristmasTheme .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.ChristmasTheme .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background: #CA0525 !important;
}

.ChristmasTheme .pendingListView .card-body.bg-light,
.ChristmasTheme .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.ChristmasTheme .Notification-list .readmoretext div:nth-child(4) button {
    background: #345f5f !important;
}

.ChristmasTheme .gridView li.active a {
    background: #CA0525;
}

.ChristmasTheme .notification_body .text-primary {
    color: #333;
}

.ChristmasTheme .survay_card2 {
    background: #013737;
}

.ChristmasTheme .circle-iconsurvey .text-blue {
    color: #013737 !important;
}

.ChristmasTheme .settingIcon {
    display: none;
}

.ChristmasTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #CA0525 !important;
}

.ChristmasTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #CA0525 !important;
}

.ChristmasTheme .pendingForActionWraper .pendingListView .tabListIcon {
    color: #ffffff !important;
}

.ChristmasTheme .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #CA0525 !important;
}

.ChristmasTheme .blinking {
    border-color: #013737;
}

.ChristmasTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root {
    color: #fff !important;
}

/* New Year Theme */
.newyear .light-blue-bg.themebanner {
    position: relative;
    background: #1A2236;
}

.newyear .topbar {
    z-index: 50;
}

.newyear .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.newyear .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.newyear .what_happening_section {
    z-index: 2;
    position: relative;
    background: #0F182E;
    border: none !important;
}

.newyear .frequently_title {
    background: #DD6338;
    z-index: 3;

}

.newyear .pendingForActionWraper .bg-white {
    background: #293144 !important;
}

.newyear .light-blue-bg.themebanner::before {
    background: url("ThemeImages/CLIPLY_372109170_FREE_FIREWORKS_400.gif")repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    left: 0;
    opacity: .5;
    height: 100%;
}

.newyear .msg-alert {
    background: #dd6338;
}

.newyear .pendingListView .card {
    background: #dd6338 !important;
    border: none !important;
}

.newyear .pendingListView .card-body {
    background: #dd6338 !important;
    border: none !important;
}

.newyear .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #dd6338 !important;
}

.newyear .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #dd6338 !important;
}

.newyear .pendingForActionWraper .pendingListView .tabListIcon {
    color: #ffffff !important;
}

.newyear .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #dd6338 !important;
}

.newyear .blinking {
    border-color: #dd6338;
}

.newyear .pendingForActionWraper .pendingListView .MuiButtonBase-root {
    color: #ffffff !important;
}

.newyear .pendingForActionWraper .PendingListFilter .btn-red-outline {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.newyear .themebanner .frequently_visit {
    background: #293144;
}

.newyear .frequently_visit ul li span {
    color: #dd6338;
}

.newyear .frequently_visit ul li a {
    color: #ffffff;
}

.newyear .frequently_title::after {
    background: #293144;
}

.newyear .pendingListView .card-body {
    color: #ffffff !important;
}

.newyear .pendingListView .card-body a {
    color: #ffffff !important;
}

.newyear .pendingListView .scrollableTabs {
    border-bottom: 1px solid #dee2e638;

}

.newyear .moreApsList .btn {
    color: #ffffff !important;
}

.newyear .gridView li.active a {
    background: #dd6338;
}

.newyear .skin-lightblue .light-blue-bg,
.newyear .comp-dashboard {
    background: #1A2236 !important;
}

.newyear .assets9 {
    background: #dd6338;
}

.newyear #dashboard .nav-tabs .nav-item.show .nav-link,
.newyear #dashboard .nav-tabs .nav-link.active {
    background: #dd6338 !important;
}

.newyear .notification_body {
    background: #dd6338;
}

.newyear .InIndependenceDay .Notification-list .readmoretext div:nth-child(4) button {
    background: rgb(228 130 96) !important;
}

.newyear .messageAlert {
    background: #dd6338 !important;
}

.newyear .messageAlert::before {
    border-bottom: 10px solid #dd6338;
}

.newyear #dashboard .tab-content {
    background: #293144 !important;

}

.newyear .teamLeaveData {
    color: #ffffff;
}

.newyear .counterRow .col {
    border-left: 1px solid #e5e5e536;
}

.newyear .weeklyData .listmembers .row.align-items-center:first-child .col-9.col-sm-8.col-md-8 {
    border-top: 1px solid #e5e5e536;
}

.newyear .weeklyData .row.align-items-center:nth-last-child(2) .col-sm-8.col-md-8 {
    border-bottom: 1px solid #e5e5e536;
}

.newyear .weeklyData .border-bottom {
    border-bottom: 1px solid #e5e5e536 !important;
}

.newyear .weeklyData .row.align-items-center .col-9.col-sm-8.col-md-8 {
    border-bottom: 1px solid #e5e5e536;
}

.newyear .pending-actions-box .card-body {
    background: #dd6338;
}

.newyear .carousel-navigation h2 {
    color: #ffffff;
}


/* Vchandrayaan Day CSS */
.Vchandrayaan .PendingListFilter .bg-blue {
    background: linear-gradient(to bottom, #0E3997 0%, #001950 100%);
}

.Vchandrayaan .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #0E3997 !important;
}

.Vchandrayaan .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #0E3997;

}

.Vchandrayaan .light-blue-bg.themebanner {
    position: relative;

}

/* .Vchandrayaan .light-blue-bg.themebanner::before {
background:#ffffff url("ThemeImages/tricolor_bg.svg"); 
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
     z-index: 1;
    background-size:cover;  
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: center;
   
}  */
.Vchandrayaan .pendingListGridView .carousel-navigation h2 {
    color: #ffffff !important;
}

.Vchandrayaan .pendingForActionWraper .pendingListGridView .carousel-navigation .text-gray {
    color: #ffffff !important;
}

.Vchandrayaan .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.Vchandrayaan .light-blue-bg.themebanner {
    background: #e7edf8 url("ThemeImages/NewProject.png")no-repeat;

    height: 100%;

    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    min-height: 255px;

}

.Vchandrayaan .light-blue-bg.themebanner::after {
    content: '#IndiaOnMoon';
    position: absolute;
    color: #333;
    bottom: 18px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    padding-left: 15px;
    font-family: 'Roboto Bold';
}

.Vchandrayaan .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.Vchandrayaan .themebanner .frequently_visit ul li a:hover span {
    color: #0E3997;
}

.Vchandrayaan .topbar {
    z-index: 50;
}

.Vchandrayaan .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.Vchandrayaan .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.Vchandrayaan .what_happening_section {
    z-index: 2;
    position: relative;
}

.Vchandrayaan .frequently_title {
    background: #0E3997;
    z-index: 3;

}

.Vchandrayaan .frequently_visit ul li span {
    color: #0E3997;
    /* color: #ffffff; */
}

/* .Vchandrayaan .frequently_visit ul li a{
    color: #ffffff;
} */
.Vchandrayaan .msg-alert {
    background: #0E3997;
}

/* .Vchandrayaan .btn-moreLink.btn{
    color: #ffffff !important;
} */
.Vchandrayaan .pending-actions-box .card-body {
    background: linear-gradient(178deg, #0E3997 8%, #001950 100%);


}


.Vchandrayaan .what_happening_section {
    background: #0E3997;
    background: -moz-linear-gradient(top, #0E3997 0%, #001950 100%);
    background: -webkit-linear-gradient(top, #0E3997 0%, #001950 100%);
    background: linear-gradient(to bottom, #0E3997 0%, #001950 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0E3997', endColorstr='#001950', GradientType=0);
}

.Vchandrayaan .what_happening_section::after {
    background: url("ThemeImages/space_img.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: 1;
    background-position-y: bottom;
    background-position-x: center;
    bottom: 0;
}

.Vchandrayaan .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.Vchandrayaan .assets9 {
    background: linear-gradient(0deg, #001950 0%, #0E3997 100%);
}

.Vchandrayaan #dashboard .nav-tabs .nav-item.show .nav-link,
.Vchandrayaan #dashboard .nav-tabs .nav-link.active {
    background: #0E3997 !important;
}

.Vchandrayaan .messageAlert {
    background: linear-gradient(30deg, #0E3997 30%, #001950 100%);
}

.Vchandrayaan .notification_body {
    background: #001950;
}

.Vchandrayaan .messageAlert::before {
    border-bottom: 10px solid #001950;
}

.Vchandrayaan .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(30deg, #022a83 30%, #001950 100%);
}

.Vchandrayaan .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.Vchandrayaan .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background: #0E3997 !important;
}

.Vchandrayaan .pendingListView .card-body.bg-light,
.Vchandrayaan .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.Vchandrayaan .Notification-list .readmoretext div:nth-child(4) button {
    background: rgb(51 71 115) !important;
}

.Vchandrayaan .gridView li.active a {
    background: #0E3997;
}

.Vchandrayaan .notification_body .text-primary {
    color: #333;
}

.Vchandrayaan .survay_card2 {
    background: linear-gradient(30deg, #0E3997 30%, #001950 100%);
}

.Vchandrayaan .circle-iconsurvey .text-blue {
    color: #001950 !important;
}



.Vchandrayaan .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #0E3997 !important;
}

.Vchandrayaan .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #0E3997 !important;
}

.Vchandrayaan .pendingForActionWraper .pendingListView .tabListIcon {
    color: #ffffff !important;
}

.Vchandrayaan .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #0E3997 !important;
}

.Vchandrayaan .blinking {
    border-color: #001950;
}

.Vchandrayaan .pendingForActionWraper .pendingListView .MuiButtonBase-root {
    color: #ffffff !important;
}

.Vchandrayaan .Frequently-visit-section.leaveheader::after,
.Vchandrayaan .Frequently-visit-section.leaveheader::before {
    display: none;
}

.Vchandrayaan .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.Vchandrayaan .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd1;
    border: 1px solid #ffffffa6;
}

.Vchandrayaan .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #d4d3d9;
}

/* Janmashtami */

.janmashtami .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #F3D82D  30%, #FF5E36 100%);
}

.janmashtami .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #F3D82D !important;
}

.janmashtami .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #F3D82D;

}

.janmashtami .light-blue-bg.themebanner {
    position: relative;

}

.janmashtami .pendingListGridView .carousel-navigation h2 {
    color: #333 !important;
}

.janmashtami .pendingForActionWraper .pendingListGridView .carousel-navigation .text-gray {
    color: #333 !important;
    font-weight: bold;
}

.janmashtami .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.janmashtami .light-blue-bg.themebanner {
    background: #fdf8bb;

}
.janmashtami .frequently_title{
    color: #666;
}
.janmashtami marquee{
    color: #333;
}
.janmashtami .msg-alert .text-white{
    color: #333 !important;  
}
.janmashtami .msg-alert .closebtn{
    color: #333 !important;  
}
.janmashtami .light-blue-bg.themebanner::before {
    background: url("ThemeImages/yellow_bg2.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    background-position-x: left;
    background-size: contain;
}
.janmashtami .what_happening_section .text-white{
    color: #333 !important;  
}
.janmashtami .light-blue-bg.themebanner::after {
    background: url("ThemeImages/matki.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: right;
    top: 0;
    right: 0;

}

.janmashtami .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.janmashtami .themebanner .frequently_visit ul li a:hover span {
    color: #F3D82D;
}

.janmashtami .topbar {
    z-index: 50;
}

.janmashtami .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.janmashtami .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.janmashtami .what_happening_section {
    z-index: 2;
    position: relative;
}

.janmashtami .frequently_title {
    background: linear-gradient(179deg, #F3D82D  30%, #FF5E36 100%);
    z-index: 3;

}

.janmashtami .frequently_visit ul li span {
    color: #F3D82D;
    /* color: #ffffff; */
}

.janmashtami .msg-alert {
    background: linear-gradient(45deg, #F3D82D  30%, #FF5E36 100%);
}

.janmashtami .pending-actions-box .card-body {
    background: linear-gradient(179deg, #F3D82D  30%, #FF5E36 100%);


}

.janmashtami .what_happening_section {
    background: linear-gradient(179deg, #F3D82D  30%, #FF5E36 100%);

}

.janmashtami .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.janmashtami .assets9 {
    background: linear-gradient(179deg, #F3D82D  30%, #FF5E36 100%);
}

.janmashtami #dashboard .nav-tabs .nav-item.show .nav-link,
.janmashtami #dashboard .nav-tabs .nav-link.active {
    background: #F3D82D !important;
}

.janmashtami .messageAlert {
    background: #F3D82D;
    color: #333;
}

.janmashtami .notification_body {
    background: #FF5E36;
}

.janmashtami .messageAlert::before {
    border-bottom: 10px solid #F3D82D;
}

.janmashtami .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #edcd06  30%, #FF5E36 100%);
}

.janmashtami .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.janmashtami .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background: #F3D82D !important;
}

.janmashtami .pendingListView .card-body.bg-light,
.janmashtami .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.janmashtami .Notification-list .readmoretext div:nth-child(4) button {
    background:rgb(255 126 94) !important;
   
}


.janmashtami .gridView li.active a {
    background: #ff5e36;
}
.janmashtami .carousel-navigation {
    padding-top: 40px;
}

.janmashtami .notification_body .text-primary {
    color: #333;
}

.janmashtami .survay_card2 {
    background: linear-gradient(179deg, #F3D82D  30%, #FF5E36 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}
.janmashtami .survay_card2 p{
    color: #333;
}
.janmashtami .survay_card2 .btn-outline-light{
    color: #333;
    border-color: #333;
}

.janmashtami .circle-iconsurvey .text-blue {
    color: #001950 !important;
}

.janmashtami .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #F3D82D !important;
}

.janmashtami .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #F3D82D !important;
}

.janmashtami .pendingForActionWraper .pendingListView .tabListIcon {
    color: #333 !important;
}

.janmashtami .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #F3D82D !important;
}

.janmashtami .blinking {
    border-color: #001950;
}
.janmashtami .PendingListFilter .badge.badge-light{
    color: #333 !important;
}
.janmashtami .pendingForActionWraper .pendingListView .MuiButtonBase-root {
    color: #333 !important;
}

.janmashtami .Frequently-visit-section.leaveheader::after,
.janmashtami .Frequently-visit-section.leaveheader::before {
    display: none;
}

.janmashtami .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.janmashtami .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #fffffff2;
    border: 1px solid #ffffffa6;
}

.janmashtami .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fffef3;
}

.janmashtami .three strong.font18 {
    color: #F3D82D;
}
.janmashtami .requestInfo {
    color: #333;
}
.janmashtami .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #F3D82D !important;
}

.janmashtami .pending-actions-carousel .text-light-gray {
    color: #565656 ;
}
.janmashtami .what_happening_section::before {
    content: '#celebrating birthday of lord Krishna';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    padding-left: 15px;
    font-family: 'Roboto Bold';
}
.janmashtami .pendingForActionWraper .card{
    border: transparent;
    box-shadow:  1px 15px 1px rgba(175, 170, 187, 0.1);
}
.janmashtami #dashboard .nav-tabs .nav-item.show .nav-link, .janmashtami #dashboard .nav-tabs .nav-link.active{
color: #333;
}
.janmashtami .tabIcon{
    color: #333;
}

.janmashtami .wraperInn{
    color: #333;
}
.janmashtami .leaveApplicationData .aValue {
    color: #333;
}
.janmashtami .settingIcon a.settings-opener{
    background:#ff5e36;
   
}


/* G20 */

.G20 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #5CA4EA  30%, #357EC8 100%);
}

.G20 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #5CA4EA ;
}

.G20 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #5CA4EA;

}

.G20 .light-blue-bg.themebanner {
    position: relative;

}



.G20 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.G20 .light-blue-bg.themebanner {
    background: rgb(144,203,255);
    background: linear-gradient(75deg, rgba(144,203,255,1) 0%, rgba(239,247,255,1) 38%, rgba(239,247,255,1) 62%, rgba(144,203,255,1) 95%);

}

.G20 .light-blue-bg.themebanner::before {
    background: url("ThemeImages/india_map.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    background-position-x: left;
    background-size:contain;
}

.G20 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/G20_India_2023_logo.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size:calc(20%);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
}

.G20 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.G20 .themebanner .frequently_visit ul li a:hover span {
    color: #5CA4EA;
}

.G20 .topbar {
    z-index: 50;
}

.G20 .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.G20 .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.G20 .what_happening_section {
    z-index: 2;
    position: relative;
}

.G20 .frequently_title {
    background: linear-gradient(179deg, #5CA4EA  30%, #357EC8 100%);
    z-index: 3;

}

.G20 .frequently_visit ul li span {
    color: #5CA4EA;
    /* color: #ffffff; */
}

.G20 .msg-alert {
    background: linear-gradient(45deg, #5CA4EA  30%, #357EC8 100%);
}

.G20 .pending-actions-box .card-body {
    background: linear-gradient(179deg, #5CA4EA  30%, #357EC8 100%);


}

.G20 .what_happening_section {
    background: linear-gradient(179deg, #3b84cd  30%, #357EC8 100%);

}

.G20 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.G20 .assets9 {
    background: linear-gradient(179deg, #5CA4EA  30%, #357EC8 100%);
}

.G20 #dashboard .nav-tabs .nav-item.show .nav-link,
.G20 #dashboard .nav-tabs .nav-link.active {
    background: #5CA4EA !important;
}

.G20 .messageAlert {
    background: #5CA4EA;
   
}

.G20 .notification_body {
    background: #357EC8;
}

.G20 .messageAlert::before {
    border-bottom: 10px solid #5CA4EA;
}

.G20 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #4898e7  30%, #357EC8 100%);
}

.G20 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.G20 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background: #5CA4EA !important;
}

.G20 .pendingListView .card-body.bg-light,
.G20 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.G20 .Notification-list .readmoretext div:nth-child(4) button {
    background:rgb(93 152 211) !important;
   
}


.G20 .gridView li.active a {
    background: #357EC8;
}
.G20 .carousel-navigation {
    padding-top: 40px;
}

.G20 .survay_card2 {
    background: linear-gradient(179deg, #408fdb  30%, #357EC8 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.G20 .circle-iconsurvey .text-blue {
    color: #001950 !important;
}

.G20 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #5CA4EA ;
}

.G20 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #5CA4EA !important;
}

.G20 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #5CA4EA !important;
}

.G20 .blinking {
    border-color: #001950;
}


.G20 .Frequently-visit-section.leaveheader::after,
.G20 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.G20 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.G20 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffff7d;
    border: 1px solid #ffffffa6;
}

.G20 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #f1f8ff;
}

.G20 .three strong.font18 {
    color: #5CA4EA;
}

.G20 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5CA4EA !important;
}


.G20 .what_happening_section::before {
    content: 'Vasudhaiva Kutumbakam - One Earth One Family One Future';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
}
.G20 .pendingForActionWraper .card{
    border: transparent;
  
}

.G20 .settingIcon a.settings-opener{
    background:#357EC8;
   
}
.G20 .pendingListGridView .carousel-navigation p {
   color: #333;
  
}


/* Ganesh Chaturthi */
.Ganeshchaturthi .custom_toaster .Toastify__toast--default {
    background: linear-gradient(92deg, #F7D610 30%, #CA169F 100%);
    color: #fff !important;
}
.Ganeshchaturthi .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #F7D610  30%, #CA169F 100%);
}

.Ganeshchaturthi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #F7D610 ;
}

.Ganeshchaturthi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #F7D610;

}

.Ganeshchaturthi .light-blue-bg.themebanner {
    position: relative;

}



.Ganeshchaturthi .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.Ganeshchaturthi .light-blue-bg.themebanner {
    background: #F4F4F4;
  
}

.Ganeshchaturthi .light-blue-bg.themebanner::before {
    background: url("ThemeImages/gulal-ganesh-chaturthi.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    background-position-x: left;
    background-size:contain;
}

.Ganeshchaturthi .light-blue-bg.themebanner::after {
    background: url("ThemeImages/ganesh_img.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size:contain;
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: right;
    top: 0;
    right: 0;
}

.Ganeshchaturthi .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.Ganeshchaturthi .themebanner .frequently_visit ul li a:hover span {
    color: #ca169f;
}

.Ganeshchaturthi .topbar {
    z-index: 50;
}

.Ganeshchaturthi .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.Ganeshchaturthi .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.Ganeshchaturthi .what_happening_section {
    z-index: 2;
    position: relative;
}

.Ganeshchaturthi .frequently_title {
    background: linear-gradient(179deg, #F7D610  30%, #CA169F 100%);
    z-index: 3;

}

.Ganeshchaturthi .frequently_visit ul li span {
    color: #ca169f;
    /* color: #ffffff; */
}

.Ganeshchaturthi .msg-alert {
    background: linear-gradient(45deg, #F7D610  30%, #CA169F 100%);
}

.Ganeshchaturthi .pending-actions-box .card-body {
    background: linear-gradient(179deg, #F7D610  30%, #CA169F 100%);


}

.Ganeshchaturthi .what_happening_section {
    background: linear-gradient(179deg, #F7D610  30%, #CA169F 100%);

}

.Ganeshchaturthi .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.Ganeshchaturthi .assets9 {
    background: linear-gradient(179deg, #F7D610  30%, #CA169F 100%);
}

.Ganeshchaturthi #dashboard .nav-tabs .nav-item.show .nav-link,
.Ganeshchaturthi #dashboard .nav-tabs .nav-link.active {
    background: #F7D610 !important;
}

.Ganeshchaturthi .messageAlert {
    background: linear-gradient(92deg, #F7D610  30%, #CA169F 100%);
   
}

.Ganeshchaturthi .notification_body {
    background: #CA169F;
}

.Ganeshchaturthi .messageAlert::before {
    border-bottom: 10px solid #ca169f;
}

.Ganeshchaturthi .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #dab902  30%, #CA169F 100%);
}

.Ganeshchaturthi .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.Ganeshchaturthi .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#ca169f !important;
}

.Ganeshchaturthi .pendingListView .card-body.bg-light,
.Ganeshchaturthi .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.Ganeshchaturthi .Notification-list .readmoretext div:nth-child(4) button {
    background:rgb(213 69 178) !important;
   
}


.Ganeshchaturthi .gridView li.active a {
    background: #CA169F;
}
.Ganeshchaturthi .carousel-navigation {
    padding-top: 40px;
}

.Ganeshchaturthi .survay_card2 {
    background: linear-gradient(179deg, #e9c704  30%, #CA169F 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.Ganeshchaturthi .circle-iconsurvey .text-blue {
    color: #001950 !important;
}

.Ganeshchaturthi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #F7D610 ;
}

.Ganeshchaturthi .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #F7D610 !important;
}

.Ganeshchaturthi .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #F7D610 !important;
}

.Ganeshchaturthi .blinking {
    border-color: #001950;
}


.Ganeshchaturthi .Frequently-visit-section.leaveheader::after,
.Ganeshchaturthi .Frequently-visit-section.leaveheader::before {
    display: none;
}

.Ganeshchaturthi .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.Ganeshchaturthi .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.Ganeshchaturthi .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fef5f1;
}

.Ganeshchaturthi .three strong.font18 {
    color: #CA169F;
}

.Ganeshchaturthi .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #CA169F !important;
}


.Ganeshchaturthi .what_happening_section::before {
    content: 'may lord ganesha fulfill all your dreams and delights of life - Happy Ganesh  chaturthi';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
}
.Ganeshchaturthi .pendingForActionWraper .card{
    border: transparent;
  
}

.Ganeshchaturthi .settingIcon a.settings-opener{
    background:#CA169F;
   
}
.Ganeshchaturthi .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.Ganeshchaturthi  .carousel-navigation h2 {
    color: #fff;
}
.Ganeshchaturthi .pendingaccordion .text-blue{
    color: #CA169F;
}





/* MiladUlNabi */
.MiladUlNabi .custom_toaster .Toastify__toast--default {
    background: linear-gradient(92deg, #136674 30%, #197D90 100%);
    color: #fff !important;
}
.MiladUlNabi .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #136674  30%, #197D90 100%);
}

.MiladUlNabi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #136674 ;
}

.MiladUlNabi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #136674;

}

.MiladUlNabi .light-blue-bg.themebanner {
    position: relative;

}



.MiladUlNabi .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.MiladUlNabi .light-blue-bg.themebanner {
    background: linear-gradient(179deg, #138185  30%, #FEFFFE 100%);
  
}

.MiladUlNabi .light-blue-bg.themebanner::before {
    background: url("ThemeImages/lighting_lamp1.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    background-position-x: left;
   
}

 .MiladUlNabi .light-blue-bg.themebanner::after {
    background: url("ThemeImages/nabi_img.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  background-size:contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
} 
.MiladUlNabi .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.MiladUlNabi .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.MiladUlNabi .themebanner .frequently_visit ul li a:hover span {
    color: #197D90;
}

.MiladUlNabi .topbar {
    z-index: 50;
}

.MiladUlNabi .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.MiladUlNabi .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.MiladUlNabi .what_happening_section {
    z-index: 2;
    position: relative;
}

.MiladUlNabi .frequently_title {
    background: linear-gradient(179deg, #136674  30%, #197D90 100%);
    z-index: 3;

}

.MiladUlNabi .frequently_visit ul li span {
    color: #197D90;
    /* color: #ffffff; */
}

.MiladUlNabi .msg-alert {
    background: linear-gradient(45deg, #136674  30%, #197D90 100%);
}

.MiladUlNabi .pending-actions-box .card-body {
    background: linear-gradient(179deg, #136674  30%, #197D90 100%);


}

.MiladUlNabi .what_happening_section {
    background: linear-gradient(179deg, #136674  30%, #197D90 100%);

}

.MiladUlNabi .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.MiladUlNabi .assets9 {
    background: linear-gradient(179deg, #136674  30%, #197D90 100%);
}

.MiladUlNabi #dashboard .nav-tabs .nav-item.show .nav-link,
.MiladUlNabi #dashboard .nav-tabs .nav-link.active {
    background: #136674 !important;
}

.MiladUlNabi .messageAlert {
    background: linear-gradient(92deg, #136674  30%, #197D90 100%);
   
}

.MiladUlNabi .notification_body {
    background: #197D90;
}

.MiladUlNabi .messageAlert::before {
    border-bottom: 10px solid #197D90;
}

.MiladUlNabi .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #136674  30%, #197D90 100%);
}

.MiladUlNabi .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.MiladUlNabi .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#197D90 !important;
}

.MiladUlNabi .pendingListView .card-body.bg-light,
.MiladUlNabi .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.MiladUlNabi .Notification-list .readmoretext div:nth-child(4) button {
    background:rgb(71 151 166) !important;
   
}


.MiladUlNabi .gridView li.active a {
    background: #197D90;
}
.MiladUlNabi .carousel-navigation {
    padding-top: 40px;
}

.MiladUlNabi .survay_card2 {
    background: linear-gradient(179deg, #15788b  30%, #197D90 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.MiladUlNabi .circle-iconsurvey .text-blue {
    color: #001950 !important;
}

.MiladUlNabi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #136674 ;
}

.MiladUlNabi .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #136674 !important;
}

.MiladUlNabi .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #136674 !important;
}

.MiladUlNabi .blinking {
    border-color: #001950;
}


.MiladUlNabi .Frequently-visit-section.leaveheader::after,
.MiladUlNabi .Frequently-visit-section.leaveheader::before {
    display: none;
}

.MiladUlNabi .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.MiladUlNabi .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.MiladUlNabi .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #dceced;
}

.MiladUlNabi .three strong.font18 {
    color: #197D90;
}

.MiladUlNabi .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #197D90 !important;
}


/* .MiladUlNabi .what_happening_section::before {
    content: 'may lord ganesha fulfill all your dreams and delights of life - Happy Ganesh  chaturthi';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
} */
.MiladUlNabi .pendingForActionWraper .card{
    border: transparent;
  
}

.MiladUlNabi .settingIcon a.settings-opener{
    background:#197D90;
   
}
.MiladUlNabi .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.MiladUlNabi  .carousel-navigation h2 {
    color: #333;
}
.MiladUlNabi .pendingaccordion .text-blue{
    color: #197D90;
}


/* GandhiJayanti */

.GandhiJayanti .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #FF671F 30%, #046A38 100%);
    color: #fff !important;
}
.GandhiJayanti .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #FF671F  30%, #046A38 100%);
}

.GandhiJayanti .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #FF671F ;
}

.GandhiJayanti .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #FF671F;

}

.GandhiJayanti .light-blue-bg.themebanner {
    position: relative;

}



.GandhiJayanti .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.GandhiJayanti .light-blue-bg.themebanner {
    background: #FAF7EF;
  
}

.GandhiJayanti .light-blue-bg.themebanner::before {
    background: url("ThemeImages/gandhi_march.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    background-position-x: left;
   background-size: contain;
}

 .GandhiJayanti .light-blue-bg.themebanner::after {
    background: url("ThemeImages/gandhi_img.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  background-size:contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
} 
.GandhiJayanti .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.GandhiJayanti .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.GandhiJayanti .themebanner .frequently_visit ul li a:hover span {
    color: #046A38;
}

.GandhiJayanti .topbar {
    z-index: 50;
}

.GandhiJayanti .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.GandhiJayanti .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.GandhiJayanti .what_happening_section {
    z-index: 2;
    position: relative;
}

.GandhiJayanti .frequently_title {
    background: linear-gradient(179deg, #FF671F  30%, #046A38 100%);
    z-index: 3;

}

.GandhiJayanti .frequently_visit ul li span {
    color: #046A38;
    /* color: #ffffff; */
}

.GandhiJayanti .msg-alert {
    background: linear-gradient(45deg, #FF671F  30%, #046A38 100%);
}

.GandhiJayanti .pending-actions-box .card-body {
    background: linear-gradient(179deg, #FF671F  30%, #046A38 100%);


}

.GandhiJayanti .what_happening_section {
    background: linear-gradient(179deg, #FF671F  30%, #046A38 100%);

}

.GandhiJayanti .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.GandhiJayanti .assets9 {
    background: linear-gradient(179deg, #FF671F  30%, #046A38 100%);
}

.GandhiJayanti #dashboard .nav-tabs .nav-item.show .nav-link,
.GandhiJayanti #dashboard .nav-tabs .nav-link.active {
    background: #FF671F !important;
}

.GandhiJayanti .messageAlert {
    background: linear-gradient(92deg, #FF671F  30%, #046A38 100%);
   
}

.GandhiJayanti .notification_body {
    background: #046A38;
}

.GandhiJayanti .messageAlert::before {
    border-bottom: 10px solid #046A38;
}

.GandhiJayanti .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #eb5711  30%, #046A38 100%);
}

.GandhiJayanti .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.GandhiJayanti .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#046A38 !important;
}

.GandhiJayanti .pendingListView .card-body.bg-light,
.GandhiJayanti .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.GandhiJayanti .Notification-list .readmoretext div:nth-child(4) button {
    background:rgb(54 136 96) !important;
   
}


.GandhiJayanti .gridView li.active a {
    background: #046A38;
}
.GandhiJayanti .carousel-navigation {
    padding-top: 40px;
}

.GandhiJayanti .survay_card2 {
    background: linear-gradient(179deg, #ff590a  30%, #046A38 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.GandhiJayanti .circle-iconsurvey .text-blue {
    color: #001950 !important;
}

.GandhiJayanti .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #FF671F !important;
}

.GandhiJayanti .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #FF671F !important;
}

.GandhiJayanti .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #FF671F !important;
}

.GandhiJayanti .blinking {
    border-color: #001950;
}


.GandhiJayanti .Frequently-visit-section.leaveheader::after,
.GandhiJayanti .Frequently-visit-section.leaveheader::before {
    display: none;
}

.GandhiJayanti .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.GandhiJayanti .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.GandhiJayanti .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fffefc;
}

.GandhiJayanti .three strong.font18 {
    color: #046A38;
}

.GandhiJayanti .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #046A38 !important;
}


/* .GandhiJayanti .what_happening_section::before {
    content: 'Columbus Day is the U.S. federal holiday commemorating explorer Christopher Columbus' landing in the New World on October 12, 1492. It also celebrates the cultural heritage of Italian Americans, since many scholars believe Columbus was born in Genoa, Italy.';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
} */
.GandhiJayanti .pendingForActionWraper .card{
    border: transparent;
  
}

.GandhiJayanti .settingIcon a.settings-opener{
    background:#046A38;
   
}
.GandhiJayanti .pendingListGridView .carousel-navigation p {
    color: #ffffff !important;
    font-weight: bold;
  
}
.GandhiJayanti  .carousel-navigation h2 {
    color: #fff;
}
.GandhiJayanti .pendingaccordion .text-blue{
    color: #FF671F;
}


/* ColumbusDay */

.ColumbusDay .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #143A94 30%, #D35048 100%);
    color: #fff !important;
}
.ColumbusDay .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #143A94  30%, #D35048 100%);
}

.ColumbusDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #143A94 ;
}

.ColumbusDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #143A94;

}

.ColumbusDay .light-blue-bg.themebanner {
    position: relative;

}



.ColumbusDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.ColumbusDay .light-blue-bg.themebanner {
    background: rgb(229,225,231);
    background: linear-gradient(90deg, #FAF8F6 0%, rgba(193,176,193,1) 76%, rgba(82,96,160,1) 100%);
  
}

.ColumbusDay .light-blue-bg.themebanner::before {
    background: url("ThemeImages/USflag_img_flip.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    background-position-x: left;
   background-size: contain;
 
}

 .ColumbusDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/happy-columbus-day.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  background-size:contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
} 
.ColumbusDay .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.ColumbusDay .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.ColumbusDay .themebanner .frequently_visit ul li a:hover span {
    color: #143a94;
}

.ColumbusDay .topbar {
    z-index: 50;
}

.ColumbusDay .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.ColumbusDay .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.ColumbusDay .what_happening_section {
    z-index: 2;
    position: relative;
}

.ColumbusDay .frequently_title {
    background: linear-gradient(179deg, #143A94  30%, #D35048 100%);
    z-index: 3;

}

.ColumbusDay .frequently_visit ul li span {
    color: #143A94;
    /* color: #ffffff; */
}

.ColumbusDay .msg-alert {
    background: linear-gradient(45deg, #143A94  30%, #D35048 100%);
}

.ColumbusDay .pending-actions-box .card-body {
    background: linear-gradient(179deg, #143A94  30%, #D35048 100%);


}

.ColumbusDay .what_happening_section {
    background: linear-gradient(179deg, #143A94  30%, #D35048 100%);

}

.ColumbusDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.ColumbusDay .assets9 {
    background: linear-gradient(179deg, #143A94  30%, #D35048 100%);
}

.ColumbusDay #dashboard .nav-tabs .nav-item.show .nav-link,
.ColumbusDay #dashboard .nav-tabs .nav-link.active {
    background: #143A94 !important;
}

.ColumbusDay .messageAlert {
    background: linear-gradient(92deg, #143A94  30%, #D35048 100%);
   
}

.ColumbusDay .notification_body {
    background: #D35048;
}

.ColumbusDay .messageAlert::before {
    border-bottom: 10px solid #D35048;
}

.ColumbusDay .Frequently-visit-section.expenseheader::before {
    background:linear-gradient(179deg, #062670  30%, #D35048 100%);
}

.ColumbusDay .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.ColumbusDay .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#D35048 !important;
}

.ColumbusDay .pendingListView .card-body.bg-light,
.ColumbusDay .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.ColumbusDay .Notification-list .readmoretext div:nth-child(4) button {
    background:rgb(220 115 109) !important;
   
}


.ColumbusDay .gridView li.active a {
    background: #143A94;
}
.ColumbusDay .carousel-navigation {
    padding-top: 40px;
}

.ColumbusDay .survay_card2 {
    background: linear-gradient(179deg, #143A94  30%, #D35048 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.ColumbusDay .circle-iconsurvey .text-blue {
    color: #001950 !important;
}

.ColumbusDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #143A94 !important;
}

.ColumbusDay .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #143A94 !important;
}

.ColumbusDay .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #143A94 !important;
}

.ColumbusDay .blinking {
    border-color: #001950;
}


.ColumbusDay .Frequently-visit-section.leaveheader::after,
.ColumbusDay .Frequently-visit-section.leaveheader::before {
    display: none;
}

.ColumbusDay .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.ColumbusDay .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.ColumbusDay .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fcfafb;
}

.ColumbusDay .three strong.font18 {
    color: #D35048;
}

.ColumbusDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #D35048 !important;
}


.ColumbusDay .pendingForActionWraper .card{
    border: transparent;
  
}

.ColumbusDay .settingIcon a.settings-opener{
    background:#D35048;
   
}
.ColumbusDay .pendingListGridView .carousel-navigation p {
    color: #143A94 !important;
    font-weight: bold;
    text-shadow:0px 1px 1px rgba(0,0,0,0.6);
}
.ColumbusDay  .carousel-navigation h2 {
    color: #143A94;
}
.ColumbusDay .pendingaccordion .text-blue{
    color: #143A94;
}

.ColumbusDay .what_happening_section::before {
    content: 'Happy Columbus day to all';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 190px;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: left;
} 


/* Dessehra Theme */

.DussehraTheme .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #FB5726 30%, #FA6D00 100%);
    color: #fff !important;
}
.DussehraTheme .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #FB5726  30%, #DB5327 100%);
}

.DussehraTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #FB5726 ;
}

.DussehraTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #FB5726;

}

.DussehraTheme .light-blue-bg.themebanner {
    position: relative;

}



.DussehraTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.DussehraTheme .light-blue-bg.themebanner {
    background: #FAF7EF;
  
}

.DussehraTheme .light-blue-bg.themebanner::before {
    background: url("ThemeImages/navratri.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    background-position-x: left;
   background-size: contain;
}

 .DussehraTheme .light-blue-bg.themebanner::after {
    background: url("ThemeImages/dessehra.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  background-size:contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
} 
.DussehraTheme .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.DussehraTheme .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.DussehraTheme .themebanner .frequently_visit ul li a:hover span {
    color: #357FE7;
}

.DussehraTheme .topbar {
    z-index: 50;
}

.DussehraTheme .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.DussehraTheme .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.DussehraTheme .what_happening_section {
    z-index: 2;
    position: relative;
}

.DussehraTheme .frequently_title {
    background: linear-gradient(179deg, #FB5726  30%, #357FE7 100%);
    z-index: 3;

}

.DussehraTheme .frequently_visit ul li span {
    color: #357FE7;
    /* color: #ffffff; */
}

.DussehraTheme .msg-alert {
    background: linear-gradient(45deg, #FB5726  30%, #357FE7 100%);
}

.DussehraTheme .pending-actions-box .card-body {
    background: linear-gradient(179deg, #FB5726  30%, #357FE7 100%);


}

.DussehraTheme .what_happening_section {
    background: linear-gradient(179deg, #FB5726  30%, #357FE7 100%);

}

.DussehraTheme .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.DussehraTheme .assets9 {
    background: linear-gradient(179deg, #FB5726  30%, #357FE7 100%);
}

.DussehraTheme #dashboard .nav-tabs .nav-item.show .nav-link,
.DussehraTheme #dashboard .nav-tabs .nav-link.active {
    background: #FB5726 !important;
}

.DussehraTheme .messageAlert {
    background: linear-gradient(92deg, #FB5726  30%, #357FE7 100%);
   
}

.DussehraTheme .notification_body {
    background: #357FE7;
}

.DussehraTheme .messageAlert::before {
    border-bottom: 10px solid #357FE7;
}

.DussehraTheme .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #eb5711  30%, #357FE7 100%);
}

.DussehraTheme .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.DussehraTheme .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#357FE7 !important;
}

.DussehraTheme .pendingListView .card-body.bg-light,
.DussehraTheme .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.DussehraTheme .Notification-list .readmoretext div:nth-child(4) button {
    background:rgb(93 153 236) !important;
   
}


.DussehraTheme .gridView li.active a {
    background: #357FE7;
}
.DussehraTheme .carousel-navigation {
    padding-top: 40px;
}

.DussehraTheme .survay_card2 {
    background: linear-gradient(179deg, #ff590a  30%, #357FE7 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.DussehraTheme .circle-iconsurvey .text-blue {
    color: #ff590a !important;
}

.DussehraTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #FB5726 !important;
}

.DussehraTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #FB5726 !important;
}

.DussehraTheme .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #FB5726 !important;
}

.DussehraTheme .blinking {
    border-color: #001950;
}


.DussehraTheme .Frequently-visit-section.leaveheader::after,
.DussehraTheme .Frequently-visit-section.leaveheader::before {
    display: none;
}

.DussehraTheme .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.DussehraTheme .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.DussehraTheme .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fffefc;
}

.DussehraTheme .three strong.font18 {
    color: #357FE7;
}

.DussehraTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #357FE7 !important;
}


 .DussehraTheme .what_happening_section::before {
    content: 'May Maa Durga remove all the evils and troubles from your life. Wish you and your loved ones a very happy Dussehra!';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
 }
 .DussehraTheme .what_happening_section::after {
    background: url("ThemeImages/ravan_img.jpg") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: 1;
    background-position-y: bottom;
    background-position-x: center;
    bottom: 0;
}

.DussehraTheme .pendingForActionWraper .card{
    border: transparent;
  
}

.DussehraTheme .settingIcon a.settings-opener{
    background:#357FE7;
   
}
.DussehraTheme .pendingListGridView .carousel-navigation p {
    color: #ffffff !important;
    font-weight: bold;
  
}
.DussehraTheme  .carousel-navigation h2 {
    color: #fff;
}
.DussehraTheme .pendingaccordion .text-blue{
    color: #FB5726;
}




/* Diwali Theme */

.DiwaliFestival .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #AD13A7 30%, #FA6D00 100%);
    color: #fff !important;
}
.DiwaliFestival .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #AD13A7  30%, #FA6D00 100%);
}

.DiwaliFestival .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #AD13A7 ;
}

.DiwaliFestival .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #AD13A7;

}

.DiwaliFestival .light-blue-bg.themebanner {
    position: relative;

}



.DiwaliFestival .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.DiwaliFestival .light-blue-bg.themebanner {
   
    background: #FAF7EF url("ThemeImages/flowers.png")no-repeat;
  
}
.DiwaliFestival .light-blue-bg.themebanner::before {
    background: url("ThemeImages/CLIPLY_372109170_FREE_FIREWORKS_400.gif")repeat;
    content: "";
    position: absolute;
    top: -27px;
    width: 50%;
    z-index: 2;
    left: 0;
    opacity: .5;
    height: 100%;
}


/* .DiwaliFestival .light-blue-bg.themebanner::before {
    background: url("ThemeImages/flowers.png")no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 281px;
    z-index: 2;
    left: 0;
    height: 100%;
} */

.DiwaliFestival .light-blue-bg.themebanner::after {
    background: url("ThemeImages/diwali_img.png")no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  background-size:contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
}

.DiwaliFestival .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.DiwaliFestival .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.DiwaliFestival .themebanner .frequently_visit ul li a:hover span {
    color: #FA6D00;
}

.DiwaliFestival .topbar {
    z-index: 50;
}

.DiwaliFestival .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.DiwaliFestival .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.DiwaliFestival .what_happening_section {
    z-index: 2;
    position: relative;
}

.DiwaliFestival .frequently_title {
    background: linear-gradient(179deg, #AD13A7  30%, #FA6D00 100%);
    z-index: 3;

}

.DiwaliFestival .frequently_visit ul li span {
    color: #FA6D00;
    /* color: #ffffff; */
}

.DiwaliFestival .msg-alert {
    background: linear-gradient(45deg, #AD13A7  30%, #FA6D00 100%);
}

.DiwaliFestival .pending-actions-box .card-body {
    background: linear-gradient(179deg, #AD13A7  30%, #FA6D00 100%);


}

.DiwaliFestival .what_happening_section {
    background: #B016A1;
    background: -moz-linear-gradient(top, #B016A1 0%, #FA6D01 100%);
    background: -webkit-linear-gradient(top, #B016A1 0%, #FA6D01 100%);
    background: linear-gradient(to bottom, #B016A1 0%, #FA6D01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B016A1', endColorstr='#FA6D01', GradientType=0);
}

.DiwaliFestival .what_happening_section::after {
    background: url("ThemeImages/crackers.png") no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: 1;

    background-position-y: top;
    background-position-x: center;

}

.DiwaliFestival .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.DiwaliFestival .assets9 {
    background: linear-gradient(179deg, #AD13A7  30%, #FA6D00 100%);
}

.DiwaliFestival #dashboard .nav-tabs .nav-item.show .nav-link,
.DiwaliFestival #dashboard .nav-tabs .nav-link.active {
    background: #AD13A7 !important;
}

.DiwaliFestival .messageAlert {
    background: linear-gradient(92deg, #AD13A7  30%, #FA6D00 100%);
   
}

.DiwaliFestival .notification_body {
    background: #AD13A7;
}

.DiwaliFestival .messageAlert::before {
    border-bottom: 10px solid #FA6D00;
}

.DiwaliFestival .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #eb5711  0%, #AD13A7 100%);
}

.DiwaliFestival .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.DiwaliFestival .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#FA6D00 !important;
}

.DiwaliFestival .pendingListView .card-body.bg-light,
.DiwaliFestival .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.DiwaliFestival .Notification-list .readmoretext div:nth-child(4) button {
    background:#bd42b8 !important;
   
}


.DiwaliFestival .gridView li.active a {
    background: #FA6D00;
}
.DiwaliFestival .carousel-navigation {
    padding-top: 40px;
}

.DiwaliFestival .survay_card2 {
    background: linear-gradient(179deg, #FA6D00  30%, #AD13A7 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.DiwaliFestival .circle-iconsurvey .text-blue {
    color: #ff590a !important;
}

.DiwaliFestival .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #AD13A7 !important;
}

.DiwaliFestival .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #AD13A7 !important;
}

.DiwaliFestival .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #AD13A7 !important;
}

.DiwaliFestival .blinking {
    border-color: #001950;
}


.DiwaliFestival .Frequently-visit-section.leaveheader::after,
.DiwaliFestival .Frequently-visit-section.leaveheader::before {
    display: none;
}

.DiwaliFestival .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.DiwaliFestival .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.DiwaliFestival .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fffefc;
}

.DiwaliFestival .three strong.font18 {
    color: #FA6D00;
}

.DiwaliFestival .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #FA6D00 !important;
}


 .DiwaliFestival .what_happening_section::before {
    content: 'May This Diwali bring you more success and happiness - Happy Diwali';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
 }

.DiwaliFestival .pendingForActionWraper .card{
    border: transparent;
  
}

.DiwaliFestival .settingIcon a.settings-opener{
    background:#FA6D00;
   
}
.DiwaliFestival .pendingListGridView .carousel-navigation p {
    color: #ffffff !important;
    font-weight: bold;
  
}
.DiwaliFestival  .carousel-navigation h2 {
    color: #fff;
}
.DiwaliFestival .pendingaccordion .text-blue{
    color: #AD13A7;
}


/* ThanksGivingDay Theme */

.ThanksGivingDay1 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #CC4C24 30%, #DB5327 100%);
    color: #fff !important;
}
.ThanksGivingDay1 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #CC4C24  30%, #DB5327 100%);
}

.ThanksGivingDay1 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #CC4C24 ;
}

.ThanksGivingDay1 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #CC4C24;

}

.ThanksGivingDay1 .light-blue-bg.themebanner {
    position: relative;

}



.ThanksGivingDay1 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.ThanksGivingDay1 .light-blue-bg.themebanner {
    background: #FDDCB4;
  
}
.ThanksGivingDay1 .light-blue-bg.themebanner::before {
    background: url("ThemeImages/thanksbanner_1.jpg")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
    background-position-x: center;
  background-position-y: top;
  background-size: 100%;
}

 .ThanksGivingDay1 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/turkey.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size:calc(11%);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
} 
.ThanksGivingDay1 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.ThanksGivingDay1 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.ThanksGivingDay1 .themebanner .frequently_visit ul li a:hover span {
    color: #CC4C24;
}

.ThanksGivingDay1 .topbar {
    z-index: 50;
}

.ThanksGivingDay1 .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.ThanksGivingDay1 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.ThanksGivingDay1 .what_happening_section {
    z-index: 2;
    position: relative;
}

.ThanksGivingDay1 .frequently_title {
    background: linear-gradient(179deg, #CC4C24  30%, #DB5327 100%);
    z-index: 3;

}

.ThanksGivingDay1 .frequently_visit ul li span {
    color: #DB5327;
    /* color: #ffffff; */
}

.ThanksGivingDay1 .msg-alert {
    background: linear-gradient(45deg, #CC4C24  30%, #DB5327 100%);
}

.ThanksGivingDay1 .pending-actions-box .card-body {
    background: linear-gradient(179deg, #CC4C24  30%, #DB5327 100%);


}

.ThanksGivingDay1 .what_happening_section {
    background: linear-gradient(179deg, #CC4C24  30%, #DB5327 100%);

}

.ThanksGivingDay1 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.ThanksGivingDay1 .assets9 {
    background: linear-gradient(179deg, #CC4C24  30%, #DB5327 100%);
}

.ThanksGivingDay1 #dashboard .nav-tabs .nav-item.show .nav-link,
.ThanksGivingDay1 #dashboard .nav-tabs .nav-link.active {
    background: #CC4C24 !important;
}

.ThanksGivingDay1 .messageAlert {
    background: linear-gradient(92deg, #CC4C24  30%, #DB5327 100%);
   
}

.ThanksGivingDay1 .notification_body {
    background: #DB5327;
}

.ThanksGivingDay1 .messageAlert::before {
    border-bottom: 10px solid #DB5327;
}

.ThanksGivingDay1 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #eb5711  30%, #DB5327 100%);
}

.ThanksGivingDay1 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.ThanksGivingDay1 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#DB5327 !important;
}

.ThanksGivingDay1 .pendingListView .card-body.bg-light,
.ThanksGivingDay1 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.ThanksGivingDay1 .Notification-list .readmoretext div:nth-child(4) button {
    background:#E89175 !important;
   
}


.ThanksGivingDay1 .gridView li.active a {
    background: #DB5327;
}
.ThanksGivingDay1 .carousel-navigation {
    padding-top: 40px;
}

.ThanksGivingDay1 .survay_card2 {
    background: linear-gradient(179deg, #CC4C24  30%, #DB5327 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.ThanksGivingDay1 .circle-iconsurvey .text-blue {
    color: #CC4C24 !important;
}

.ThanksGivingDay1 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #CC4C24 !important;
}

.ThanksGivingDay1 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #CC4C24 !important;
}

.ThanksGivingDay1 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #CC4C24 !important;
}

.ThanksGivingDay1 .blinking {
    border-color: #001950;
}


.ThanksGivingDay1 .Frequently-visit-section.leaveheader::after,
.ThanksGivingDay1 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.ThanksGivingDay1 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.ThanksGivingDay1 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.ThanksGivingDay1 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #f8e6e3;
}

.ThanksGivingDay1 .three strong.font18 {
    color: #DB5327;
}

.ThanksGivingDay1 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #DB5327 !important;
}


 .ThanksGivingDay1 .what_happening_section::before {
    content: 'This Thanksgiving, I wish that God showers you and your loved ones with peace, love, warmth, and joy. Have a joyous Thanksgiving!';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
 }
 .ThanksGivingDay1 .what_happening_section::after {
    background: url("ThemeImages/thansdinner.jpg") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: 1;
    background-position-y: bottom;
    background-position-x: center;
    bottom: 0;
    opacity: .3;
}

.ThanksGivingDay1 .pendingForActionWraper .card{
    border: transparent;
  
}

.ThanksGivingDay1 .settingIcon a.settings-opener{
    background:#DB5327;
   
}
.ThanksGivingDay1 .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.ThanksGivingDay1  .carousel-navigation h2 {
    color: #333;
}
.ThanksGivingDay1 .pendingaccordion .text-blue{
    color: #CC4C24;
}
.ThanksGivingDay1 .frequently_visit ul li a:hover {
    background:#f9d7af;
}

.ThanksGivingDay1 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #f9d7af;
  }
  .ThanksGivingDay1 .btn-moreLink:hover{
    background: #f9d7af;
  }



  /* Guru Parv Theme */

.Guruparvtheme .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #f3c500 30%, #0763B3 100%);
    color: #fff !important;
}
.Guruparvtheme .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #f3c500  30%, #0763B3 100%);
}

.Guruparvtheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #f3c500 ;
}

.Guruparvtheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #f3c500;

}

.Guruparvtheme .light-blue-bg.themebanner {
    position: relative;

}



.Guruparvtheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.Guruparvtheme .light-blue-bg.themebanner {
    background: linear-gradient(179deg, #D8F0FF  30%, #85B7D6 100%);
  
}
.Guruparvtheme .light-blue-bg.themebanner::before {
    background: url("ThemeImages/Gtample_img.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
    background-position-x: center;
  background-position-y: top;
  /* background-size: contain; */
}

 .Guruparvtheme .light-blue-bg.themebanner::after {
    background: url("ThemeImages/Guru-Nanak-Jayanti.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
} 
.Guruparvtheme .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.Guruparvtheme .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.Guruparvtheme .themebanner .frequently_visit ul li a:hover span {
    color: #0763B3;
}

.Guruparvtheme .topbar {
    z-index: 50;
}

.Guruparvtheme .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.Guruparvtheme .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.Guruparvtheme .what_happening_section {
    z-index: 2;
    position: relative;
}

.Guruparvtheme .frequently_title {
    background: linear-gradient(179deg, #f3c500  30%, #0763B3 100%);
    z-index: 3;

}

.Guruparvtheme .frequently_visit ul li span {
    color: #0763B3;
    /* color: #ffffff; */
}

.Guruparvtheme .msg-alert {
    background: linear-gradient(45deg, #f3c500  30%, #0763B3 100%);
}

.Guruparvtheme .pending-actions-box .card-body {
    background: linear-gradient(179deg, #f3c500  30%, #0763B3 100%);


}

.Guruparvtheme .what_happening_section {
    background: linear-gradient(179deg, #f3c500  30%, #0763B3 100%);

}

.Guruparvtheme .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.Guruparvtheme .assets9 {
    background: linear-gradient(179deg, #f3c500  30%, #0763B3 100%);
}

.Guruparvtheme #dashboard .nav-tabs .nav-item.show .nav-link,
.Guruparvtheme #dashboard .nav-tabs .nav-link.active {
    background: #f3c500 !important;
}

.Guruparvtheme .messageAlert {
    background: linear-gradient(92deg, #f3c500  30%, #0763B3 100%);
   
}

.Guruparvtheme .notification_body {
    background: #0763B3;
}

.Guruparvtheme .messageAlert::before {
    border-bottom: 10px solid #0763B3;
}

.Guruparvtheme .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #efc300 30%, #0763B3 100%);
}

.Guruparvtheme .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.Guruparvtheme .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#0763B3 !important;
}

.Guruparvtheme .pendingListView .card-body.bg-light,
.Guruparvtheme .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.Guruparvtheme .Notification-list .readmoretext div:nth-child(4) button {
    background:#609BCE !important;
   
}


.Guruparvtheme .gridView li.active a {
    background: #0763B3;
}
.Guruparvtheme .carousel-navigation {
    padding-top: 40px;
}

.Guruparvtheme .survay_card2 {
    background: linear-gradient(179deg, #f3c500  30%, #0763B3 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.Guruparvtheme .circle-iconsurvey .text-blue {
    color: #f3c500 !important;
}

.Guruparvtheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #f3c500 !important;
}

.Guruparvtheme .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #f3c500 !important;
}

.Guruparvtheme .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #f3c500 !important;
}

.Guruparvtheme .blinking {
    border-color: #001950;
}


.Guruparvtheme .Frequently-visit-section.leaveheader::after,
.Guruparvtheme .Frequently-visit-section.leaveheader::before {
    display: none;
}

.Guruparvtheme .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.Guruparvtheme .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.Guruparvtheme .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fefeff;
}

.Guruparvtheme .three strong.font18 {
    color: #0763B3;
}

.Guruparvtheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #0763B3 !important;
}


 .Guruparvtheme .what_happening_section::before {
    content: 'Lights, love, joy, and peace. Wishing you all of these on the joyous occasion of Gurpurab to you and your family!';
    position: absolute;
    color: #fff;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
 }

.Guruparvtheme .pendingForActionWraper .card{
    border: transparent;
  
}

.Guruparvtheme .settingIcon a.settings-opener{
    background:#0763B3;
   
}
.Guruparvtheme .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.Guruparvtheme  .carousel-navigation h2 {
    color: #333;
}
.Guruparvtheme .pendingaccordion .text-blue{
    color: #f3c500;
}
.Guruparvtheme .frequently_visit ul li a:hover {
    background:#d7eefe;
}

.Guruparvtheme .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #d7eefe;
  }
  .Guruparvtheme .btn-moreLink:hover{
    background: #d7eefe;
  }



  /* Foundation Day Theme */

.FoundationDay .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #1C1E45 30%, #242D64 100%);
    color: #fff !important;
}
.FoundationDay .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #1C1E45  30%, #242D64 100%);
}

.FoundationDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #1C1E45 ;
}

.FoundationDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #1C1E45;

}

.FoundationDay .light-blue-bg.themebanner {
    position: relative;

}



.FoundationDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.FoundationDay .light-blue-bg.themebanner {
    background: linear-gradient(179deg, #9C9EB4  30%, #E5EBF6 100%);
  
}
.FoundationDay .light-blue-bg.themebanner::before {
    background: url("ThemeImages/co-founders.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
    background-position-x: left;
  background-position-y: top;
   background-size: contain; 
}

 .FoundationDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/foundationday.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
} 
.FoundationDay .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.FoundationDay .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.FoundationDay .themebanner .frequently_visit ul li a:hover span {
    color: #242D64;
}

.FoundationDay .topbar {
    z-index: 50;
}

.FoundationDay .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.FoundationDay .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.FoundationDay .what_happening_section {
    z-index: 2;
    position: relative;
}

.FoundationDay .frequently_title {
    background: linear-gradient(179deg, #1C1E45  30%, #242D64 100%);
    z-index: 3;

}

.FoundationDay .frequently_visit ul li span {
    color: #242D64;
    /* color: #ffffff; */
}

.FoundationDay .msg-alert {
    background: linear-gradient(45deg, #1C1E45  30%, #242D64 100%);
}

.FoundationDay .pending-actions-box .card-body {
    background:#1c1e459c;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.FoundationDay .what_happening_section {
    background: linear-gradient(179deg, #1C1E45  30%, #242D64 100%);

}

.FoundationDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.FoundationDay .assets9 {
    background: linear-gradient(179deg, #1C1E45  30%, #242D64 100%);
}

.FoundationDay #dashboard .nav-tabs .nav-item.show .nav-link,
.FoundationDay #dashboard .nav-tabs .nav-link.active {
    background: #1C1E45 !important;
}

.FoundationDay .messageAlert {
    background: linear-gradient(92deg, #1C1E45  30%, #242D64 100%);
   
}



.FoundationDay .messageAlert::before {
    border-bottom: 10px solid #242D64;
}

.FoundationDay .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #242D64 30%, #242D64 100%);
}

.FoundationDay .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.FoundationDay .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#242D64 !important;
}

.FoundationDay .pendingListView .card-body.bg-light,
.FoundationDay .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.FoundationDay .notification_body {
    background: #1C1E45;
}
.FoundationDay .Notification-list .readmoretext div:nth-child(4) button {
    background:#6E6F88 !important;
   
}


.FoundationDay .gridView li.active a {
    background: #242D64;
}
.FoundationDay .carousel-navigation {
    padding-top: 15px;
}

.FoundationDay .survay_card2 {
    background: linear-gradient(179deg, #1C1E45  30%, #242D64 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.FoundationDay .circle-iconsurvey .text-blue {
    color: #1C1E45 !important;
}

.FoundationDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #1C1E45 !important;
}

.FoundationDay .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #1C1E45 !important;
}

.FoundationDay .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #1C1E45 !important;
}

.FoundationDay .blinking {
    border-color: #001950;
}


.FoundationDay .Frequently-visit-section.leaveheader::after,
.FoundationDay .Frequently-visit-section.leaveheader::before {
    display: none;
}

.FoundationDay .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.FoundationDay .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.FoundationDay .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #f0f1f4;
}

.FoundationDay .three strong.font18 {
    color: #242D64;
}

.FoundationDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #242D64 !important;
}


 .FoundationDay .what_happening_section::before {
    content: 'Happy NIIT 43 years foundation Day';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6); */
 }

.FoundationDay .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.FoundationDay .settingIcon a.settings-opener{
    background:#242D64;
   
}
.FoundationDay .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.FoundationDay  .carousel-navigation h2 {
    color: #fff;
}
.FoundationDay .pendingaccordion .text-blue{
    color: #1C1E45;
}
.FoundationDay .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.FoundationDay .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .FoundationDay .btn-moreLink:hover{
    background: #e5e7ff;
  }


  /* New Year Theme */

.NewYearTheme .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #4F3C7A 30%, #1C1334 100%);
    color: #fff !important;
}
.NewYearTheme .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #4F3C7A  30%, #1C1334 100%);
}

.NewYearTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #4F3C7A ;
}

.NewYearTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #4F3C7A;

}

.NewYearTheme .light-blue-bg.themebanner {
    position: relative;

}



.NewYearTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.NewYearTheme .light-blue-bg.themebanner {
    background: linear-gradient(179deg, #1A0E39  15%, #F8F6FF 100%);
  
}
.NewYearTheme .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/newYear_circle.png"), url("ThemeImages/newyearbanner.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: right, center;
   background-position-y: bottom, top;
}

 .NewYearTheme .light-blue-bg.themebanner::after {
    background: url("ThemeImages/firework.gif") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 269px;
    top: 0;
    left: 0;
   background-repeat: repeat-x;
} 
.NewYearTheme .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.NewYearTheme .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.NewYearTheme .themebanner .frequently_visit ul li a:hover span {
    color: #1C1334;
}

.NewYearTheme .topbar {
    z-index: 50;
}

.NewYearTheme .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.NewYearTheme .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.NewYearTheme .what_happening_section {
    z-index: 2;
    position: relative;
}

.NewYearTheme .frequently_title {
    background: linear-gradient(179deg, #4F3C7A  30%, #1C1334 100%);
    z-index: 3;

}

.NewYearTheme .frequently_visit ul li span {
    color: #4F3B7A;
    /* color: #ffffff; */
}

.NewYearTheme .msg-alert {
    background: linear-gradient(45deg, #4F3C7A  30%, #1C1334 100%);
}

.NewYearTheme .pending-actions-box .card-body {
    background:#1C13349c;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.NewYearTheme .what_happening_section {
    background: linear-gradient(359deg, #4F3C7A  30%, #1C1334 100%);

}

.NewYearTheme .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.NewYearTheme .assets9 {
    background: linear-gradient(179deg, #4F3C7A  30%, #1C1334 100%);
}

.NewYearTheme #dashboard .nav-tabs .nav-item.show .nav-link,
.NewYearTheme #dashboard .nav-tabs .nav-link.active {
    background: #4F3C7A !important;
}

.NewYearTheme .messageAlert {
    background: linear-gradient(92deg, #4F3C7A  30%, #1C1334 100%);
   
}



.NewYearTheme .messageAlert::before {
    border-bottom: 10px solid #1C1334;
}

.NewYearTheme .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #1C1334 30%, #1C1334 100%);
}

.NewYearTheme .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.NewYearTheme .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#4F3C7A !important;
}

.NewYearTheme .pendingListView .card-body.bg-light,
.NewYearTheme .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.NewYearTheme .notification_body {
    background: #4F3C7A;
}
.NewYearTheme .Notification-list .readmoretext div:nth-child(4) button {
    background:#6E6F88 !important;
   
}


.NewYearTheme .gridView li.active a {
    background: #4f3b7a;
}
.NewYearTheme .carousel-navigation {
    padding-top: 15px;
}

.NewYearTheme .survay_card2 {
    background: linear-gradient(179deg, #4F3C7A  30%, #1C1334 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.NewYearTheme .circle-iconsurvey .text-blue {
    color: #4F3C7A !important;
}

.NewYearTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #4F3C7A !important;
}

.NewYearTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #4F3C7A !important;
}

.NewYearTheme .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #4F3C7A !important;
}

.NewYearTheme .blinking {
    border-color: #001950;
}


.NewYearTheme .Frequently-visit-section.leaveheader::after,
.NewYearTheme .Frequently-visit-section.leaveheader::before {
    display: none;
}

.NewYearTheme .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.NewYearTheme .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.NewYearTheme .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #dcdbe1;
}

.NewYearTheme .three strong.font18 {
    color: #fff;
}

.NewYearTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #fff !important;
}


 /* .NewYearTheme .what_happening_section::before {
    content: 'Happy NIIT 43 years foundation Day';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
 } */

.NewYearTheme .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.NewYearTheme .settingIcon a.settings-opener{
    background:#1C1334;
   
}
.NewYearTheme .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.NewYearTheme  .carousel-navigation h2 {
    color: #fff;
}
.NewYearTheme .pendingaccordion .text-blue{
    color: #4F3C7A;
}
.NewYearTheme .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.NewYearTheme .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .NewYearTheme .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .NewYearTheme .pending-actions-carousel .btn-green{
    background: #4F3C7A;
  }


   /* MLK Theme */

.MLKTheme .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #012163 30%, #C8493B 100%);
    color: #fff !important;
}
.MLKTheme .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #012163  30%, #C8493B 100%);
}

.MLKTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #012163 ;
}

.MLKTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #012163;

}

.MLKTheme .light-blue-bg.themebanner {
    position: relative;

}



.MLKTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.MLKTheme .light-blue-bg.themebanner {
    background: linear-gradient(179deg, #0D2361  5%, #F4F4F4 100%);
  
}
.MLKTheme .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/mlk_background.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: top;
   background-size: contain;
}

 .MLKTheme .light-blue-bg.themebanner::after {
    background: url("ThemeImages/mlk_photo.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size: contain;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.MLKTheme .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.MLKTheme .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.MLKTheme .themebanner .frequently_visit ul li a:hover span {
    color: #C8493B;
}

.MLKTheme .topbar {
    z-index: 50;
}

.MLKTheme .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.MLKTheme .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.MLKTheme .what_happening_section {
    z-index: 2;
    position: relative;
}

.MLKTheme .frequently_title {
    background: linear-gradient(179deg, #012163  30%, #C8493B 100%);
    z-index: 3;

}

.MLKTheme .frequently_visit ul li span {
    color: #012163;
    /* color: #ffffff; */
}

.MLKTheme .msg-alert {
    background: linear-gradient(45deg, #012163  30%, #C8493B 100%);
}

.MLKTheme .pending-actions-box .card-body {
    background:#012163bf;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.MLKTheme .what_happening_section {
    background: linear-gradient(359deg, #012163  30%, #C8493B 100%);

}

.MLKTheme .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.MLKTheme .assets9 {
    background: linear-gradient(179deg, #012163  30%, #C8493B 100%);
}

.MLKTheme #dashboard .nav-tabs .nav-item.show .nav-link,
.MLKTheme #dashboard .nav-tabs .nav-link.active {
    background: #012163 !important;
}

.MLKTheme .messageAlert {
    background: linear-gradient(92deg, #012163  30%, #C8493B 100%);
   
}



.MLKTheme .messageAlert::before {
    border-bottom: 10px solid #C8493B;
}

.MLKTheme .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #012163 30%, #C8493B 100%);
}

.MLKTheme .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.MLKTheme .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#012163 !important;
}

.MLKTheme .pendingListView .card-body.bg-light,
.MLKTheme .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.MLKTheme .notification_body {
    background: #012163;
}
.MLKTheme .Notification-list .readmoretext div:nth-child(4) button {
    background:#6E6F88 !important;
   
}


.MLKTheme .gridView li.active a {
    background: #012163;
}
.MLKTheme .carousel-navigation {
    padding-top: 15px;
}

.MLKTheme .survay_card2 {
    background: linear-gradient(179deg, #012163  30%, #C8493B 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.MLKTheme .circle-iconsurvey .text-blue {
    color: #012163 !important;
}

.MLKTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #012163 !important;
}

.MLKTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #012163 !important;
}

.MLKTheme .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #012163 !important;
}

.MLKTheme .blinking {
    border-color: #001950;
}


.MLKTheme .Frequently-visit-section.leaveheader::after,
.MLKTheme .Frequently-visit-section.leaveheader::before {
    display: none;
}

.MLKTheme .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.MLKTheme .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.MLKTheme .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#e2e4ec;
}

.MLKTheme .three strong.font18 {
    color: #0D2361;
}

.MLKTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #0D2361 !important;
}


 /* .MLKTheme .what_happening_section::before {
    content: 'Happy NIIT 43 years foundation Day';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
 } */

.MLKTheme .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.MLKTheme .settingIcon a.settings-opener{
    background:#C8493B;
   
}
.MLKTheme .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.MLKTheme  .carousel-navigation h2 {
    color: #fff;
}
.MLKTheme .pendingaccordion .text-blue{
    color: #012163;
}
.MLKTheme .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.MLKTheme .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .MLKTheme .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .MLKTheme .pending-actions-carousel .btn-green{
    background: #012163;
  }




    /* Republic Day Theme */

.RepublicTheme2025 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #FD6721 30%, #046A38 100%);
    color: #fff !important;
}
.RepublicTheme2025 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
}

.RepublicTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #FD6721 ;
}

.RepublicTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #FD6721;

}

.RepublicTheme2025 .light-blue-bg.themebanner {
    position: relative;

}



.RepublicTheme2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #046A38  !important;
}

.RepublicTheme2025 .light-blue-bg.themebanner {
    background: #FBC696;
    background: linear-gradient(0deg, #FBC696, #C6F7FC 76%);
  
}
.RepublicTheme2025 .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Red-Fort.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size: contain;
}

 .RepublicTheme2025 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/flag.gif");
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size: contain ;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
   background-repeat: no-repeat;
} 
.RepublicTheme2025 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.RepublicTheme2025 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.RepublicTheme2025 .themebanner .frequently_visit ul li a:hover span {
    color: #046A38;
}

.RepublicTheme2025 .topbar {
    z-index: 50;
}

.RepublicTheme2025 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.RepublicTheme2025 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.RepublicTheme2025 .what_happening_section {
    z-index: 3;
    position: relative;
}

.RepublicTheme2025 .frequently_title {
    background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
    z-index: 3;

}

.RepublicTheme2025 .frequently_visit ul li span {
    color: #FD6721;
    /* color: #ffffff; */
}

.RepublicTheme2025 .msg-alert {
    background: linear-gradient(45deg, #FD6721  30%, #046A38 100%);
}

.RepublicTheme2025 .pending-actions-box .card-body {
    background: rgb(9,106,56);
    background: linear-gradient(0deg, rgba(9,106,56,0.82) 0%, rgba(253,103,33,0.82) 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.RepublicTheme2025 .what_happening_section {
    background: linear-gradient(359deg, #046A38  30%, #FD6721 100%);

}

.RepublicTheme2025 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.RepublicTheme2025 .assets9 {
    background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
}

.RepublicTheme2025 #dashboard .nav-tabs .nav-item.show .nav-link,
.RepublicTheme2025 #dashboard .nav-tabs .nav-link.active {
    background: #FD6721 !important;
}

.RepublicTheme2025 .messageAlert {
    background: linear-gradient(92deg, #FD6721  30%, #046A38 100%);
   
}



.RepublicTheme2025 .messageAlert::before {
    border-bottom: 10px solid #046A38;
}

.RepublicTheme2025 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #FD6721 30%, #046A38 100%);
}

.RepublicTheme2025 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.RepublicTheme2025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#FD6721 !important;
}

.RepublicTheme2025 .pendingListView .card-body.bg-light,
.RepublicTheme2025 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.RepublicTheme2025 .notification_body {
    background: #FD6721;
}
.RepublicTheme2025 .Notification-list .readmoretext div:nth-child(4) button {
    background:#fd854d !important;
   
}


.RepublicTheme2025 .gridView li.active a {
    background: #FD6721;
}
.RepublicTheme2025 .carousel-navigation {
    padding-top: 15px;
}

.RepublicTheme2025 .survay_card2 {
    background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.RepublicTheme2025 .circle-iconsurvey .text-blue {
    color: #FD6721 !important;
}

.RepublicTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #FD6721 !important;
}

.RepublicTheme2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #FD6721 !important;
}

.RepublicTheme2025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #FD6721 !important;
}

.RepublicTheme2025 .blinking {
    border-color: #001950;
}


.RepublicTheme2025 .Frequently-visit-section.leaveheader::after,
.RepublicTheme2025 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.RepublicTheme2025 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.RepublicTheme2025 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffff5c;
    /* border: 1px solid #ffffffa6; */
}

.RepublicTheme2025 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#dbfafd;
}

.RepublicTheme2025 .three strong.font18 {
    color: #FD6721;
}

.RepublicTheme2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #FD6721 !important;
}


 .RepublicTheme2025 .what_happening_section::before {
    content: 'Freedom is never given, it is won. Happy Republic Day!';
    position: absolute;
    color: #fff;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
     text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
     z-index: 4;
 } 

.RepublicTheme2025 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.RepublicTheme2025 .settingIcon a.settings-opener{
    background:#046A38;
   
}
.RepublicTheme2025 .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.RepublicTheme2025  .carousel-navigation h2 {
    color: #333;
}
.RepublicTheme2025 .pendingaccordion .text-blue{
    color: #FD6721;
}
.RepublicTheme2025 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.RepublicTheme2025 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .RepublicTheme2025 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .RepublicTheme2025 .pending-actions-carousel .btn-green{
    background: #FD6721;
  }
  .RepublicTheme2025 .chatMinimizeBtn{
    background: #FD6721;
  }
  .RepublicTheme2025 .chatHeader {
    background-color: #FD6721;

}


  /* DiversityCelebration Day Theme */

  .DiversityCelebration .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #5FACB2 30%, #5FACB2 100%);
    color: #fff !important;
}
.DiversityCelebration .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #5FACB2  30%, #5FACB2 100%);
}

.DiversityCelebration .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #5FACB2 ;
}

.DiversityCelebration .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #5FACB2;

}

.DiversityCelebration .light-blue-bg.themebanner {
    position: relative;

}



.DiversityCelebration .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2  !important;
}

.DiversityCelebration .light-blue-bg.themebanner {
    background: #BEE7FB;
    background: #BEE7FB;
  
}
/* .DiversityCelebration .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Diversity_img.png"), url("ThemeImages/employees.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center, left;
   background-position-y: top, bottom;
   background-size:auto, auto;
}  */
 
.DiversityCelebration .light-blue-bg.themebanner::before {
    background-image:url("ThemeImages/employees.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size:calc(30%);
} 

 .DiversityCelebration .light-blue-bg.themebanner::after {
    background: url("ThemeImages/celebration_img.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size:auto;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.DiversityCelebration .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.DiversityCelebration .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.DiversityCelebration .themebanner .frequently_visit ul li a:hover span {
    color: #5FACB2;
}

.DiversityCelebration .topbar {
    z-index: 50;
}

.DiversityCelebration .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.DiversityCelebration .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.DiversityCelebration .what_happening_section {
    z-index: 3;
    position: relative;
}

.DiversityCelebration .frequently_title {
    background: linear-gradient(179deg, #5FACB2  30%, #5FACB2 100%);
    z-index: 3;

}

.DiversityCelebration .frequently_visit ul li span {
    color: #5FACB2;
    /* color: #ffffff; */
}

.DiversityCelebration .msg-alert {
    background: linear-gradient(45deg, #5FACB2  30%, #5FACB2 100%);
}

.DiversityCelebration .pending-actions-box .card-body {
    background: #5facb2b8;
   

}

.DiversityCelebration .what_happening_section {
    background: linear-gradient(359deg, #5FACB2  30%, #5FACB2 100%);

}

.DiversityCelebration .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.DiversityCelebration .assets9 {
    background: linear-gradient(179deg, #5FACB2  30%, #5FACB2 100%);
}

.DiversityCelebration #dashboard .nav-tabs .nav-item.show .nav-link,
.DiversityCelebration #dashboard .nav-tabs .nav-link.active {
    background: #5FACB2 !important;
}

.DiversityCelebration .messageAlert {
    background: linear-gradient(92deg, #5FACB2  30%, #5FACB2 100%);
   
}

.DiversityCelebration .messageAlert::before {
    border-bottom: 10px solid #5FACB2;
}

.DiversityCelebration .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #5FACB2 30%, #5FACB2 100%);
}

.DiversityCelebration .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.DiversityCelebration .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#4fa0a7 !important;
}

.DiversityCelebration .pendingListView .card-body.bg-light,
.DiversityCelebration .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.DiversityCelebration .notification_body {
    background: #4fa0a7;
}
.DiversityCelebration .Notification-list .readmoretext div:nth-child(4) button {
    background:#72b3b9 !important;
   
}


.DiversityCelebration .gridView li.active a {
    background: #4fa0a7;
}
.DiversityCelebration .carousel-navigation {
    padding-top: 15px;
}

.DiversityCelebration .survay_card2 {
    background: linear-gradient(179deg, #5FACB2  30%, #5FACB2 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.DiversityCelebration .circle-iconsurvey .text-blue {
    color: #5FACB2 !important;
}

.DiversityCelebration .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #5FACB2 !important;
}

.DiversityCelebration .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #5FACB2 !important;
}

.DiversityCelebration .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #5FACB2 !important;
}

.DiversityCelebration .blinking {
    border-color: #001950;
}


.DiversityCelebration .Frequently-visit-section.leaveheader::after,
.DiversityCelebration .Frequently-visit-section.leaveheader::before {
    display: none;
}

.DiversityCelebration .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.DiversityCelebration .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffba;
    /* border: 1px solid #ffffffa6; */
}

.DiversityCelebration .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#edf9fe;
}

.DiversityCelebration .three strong.font18 {
    color: #5FACB2;
}

.DiversityCelebration .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2 !important;
}


 /* .DiversityCelebration .what_happening_section::before {
    content: 'Freedom is never given, it is won. Happy Republic Day!';
    position: absolute;
    color: #fff;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
     text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
     z-index: 4;
 }  */

.DiversityCelebration .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.DiversityCelebration .settingIcon a.settings-opener{
    background:#5FACB2;
   
}
.DiversityCelebration .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.DiversityCelebration  .carousel-navigation h2 {
    color: #333;
}
.DiversityCelebration .pendingaccordion .text-blue{
    color: #5FACB2;
}
.DiversityCelebration .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.DiversityCelebration .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .DiversityCelebration .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .DiversityCelebration .pending-actions-carousel .btn-green{
    background: #5FACB2;
  }
  .DiversityCelebration .chatMinimizeBtn{
    background: #4fa0a7;
  }
  .DiversityCelebration .chatHeader {
    background-color: #4fa0a7;

}



/* Women's Day Theme */

.WomensDay .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #EE3B8B 30%, #1A7290 100%);
    color: #fff !important;
}
.WomensDay .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #EE3B8B  30%, #1A7290 100%);
}

.WomensDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #EE3B8B ;
}

.WomensDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #EE3B8B;

}

.WomensDay .light-blue-bg.themebanner {
    position: relative;

}



.WomensDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2  !important;
}

.WomensDay .light-blue-bg.themebanner {
    background: rgb(238,238,238);
    background: linear-gradient(0deg, #E7DAC9 0%, #82D4E7 100%);
  
}
/* .WomensDay .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Diversity_img.png"), url("ThemeImages/employees.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center, left;
   background-position-y: top, bottom;
   background-size:auto, auto;
}  */
 
.WomensDay .light-blue-bg.themebanner::before {
    background-image:url("ThemeImages/WomensImg.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size:contain;
} 

 .WomensDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/womensday.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size:contain;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.WomensDay .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.WomensDay .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.WomensDay .themebanner .frequently_visit ul li a:hover span {
    color: #EE3B8B;
}

.WomensDay .topbar {
    z-index: 50;
}

.WomensDay .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.WomensDay .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.WomensDay .what_happening_section {
    z-index: 3;
    position: relative;
}

.WomensDay .frequently_title {
    background: linear-gradient(179deg, #EE3B8B  30%, #1A7290 100%);
    z-index: 3;

}

.WomensDay .frequently_visit ul li span {
    color: #EE3B8B;
    /* color: #ffffff; */
}

.WomensDay .msg-alert {
    background: linear-gradient(45deg, #EE3B8B  30%, #1A7290 100%);
}

.WomensDay .pending-actions-box .card-body {
    background: linear-gradient(45deg, #EE3B8B  30%, #1A7290 100%);

}

.WomensDay .what_happening_section {
    background: linear-gradient(359deg, #EE3B8B  30%, #1A7290 100%);

}

.WomensDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.WomensDay .assets9 {
    background: linear-gradient(179deg, #EE3B8B  30%, #1A7290 100%);
}

.WomensDay #dashboard .nav-tabs .nav-item.show .nav-link,
.WomensDay #dashboard .nav-tabs .nav-link.active {
    background: #EE3B8B !important;
}

.WomensDay .messageAlert {
    background: linear-gradient(92deg, #EE3B8B  30%, #1A7290 100%);
   
}

.WomensDay .messageAlert::before {
    border-bottom: 10px solid #1A7290;
}

.WomensDay .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #EE3B8B 30%, #1A7290 100%);
}

.WomensDay .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.WomensDay .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#EE3B8B !important;
}

.WomensDay .pendingListView .card-body.bg-light,
.WomensDay .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.WomensDay .notification_body {
    background: #EE3B8B;
}
.WomensDay .Notification-list .readmoretext div:nth-child(4) button {
    background:#f262a2  !important;
   
}


.WomensDay .gridView li.active a {
    background: #EE3B8B;
}
.WomensDay .carousel-navigation {
    padding-top: 15px;
}

.WomensDay .survay_card2 {
    background: linear-gradient(179deg, #EE3B8B  30%, #1A7290 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.WomensDay .circle-iconsurvey .text-blue {
    color: #EE3B8B !important;
}

.WomensDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #EE3B8B !important;
}

.WomensDay .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #EE3B8B !important;
}

.WomensDay .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #EE3B8B !important;
}

.WomensDay .blinking {
    border-color: #001950;
}


.WomensDay .Frequently-visit-section.leaveheader::after,
.WomensDay .Frequently-visit-section.leaveheader::before {
    display: none;
}

.WomensDay .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.WomensDay .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffba;
    /* border: 1px solid #ffffffa6; */
}

.WomensDay .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#e3f4f7;
}

.WomensDay .three strong.font18 {
    color: #EE3B8B;
}

.WomensDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #EE3B8B !important;
}


 /* .WomensDay .what_happening_section::before {
    content: 'Freedom is never given, it is won. Happy Republic Day!';
    position: absolute;
    color: #fff;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
     text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
     z-index: 4;
 }  */

.WomensDay .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.WomensDay .settingIcon a.settings-opener{
    background:#EE3B8B;
   
}
.WomensDay .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.WomensDay  .carousel-navigation h2 {
    color: #333;
}
.WomensDay .pendingaccordion .text-blue{
    color: #EE3B8B;
}
.WomensDay .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.WomensDay .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .WomensDay .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .WomensDay .pending-actions-carousel .btn-green{
    background: #EE3B8B;
  }
  .WomensDay .chatMinimizeBtn{
    background: #EE3B8B;
  }
  .WomensDay .chatHeader {
    background-color: #EE3B8B;

}



/* HappinessDay Day Theme */

.HappinessDay .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #EAB349 30%, #F2D62B 100%);
    color: #333 !important;
}
.HappinessDay .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #EAB349  30%, #F2D62B 100%);
}

.HappinessDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #EAB349 ;
}

.HappinessDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #EAB349;

}

.HappinessDay .light-blue-bg.themebanner {
    position: relative;

}



.HappinessDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2  !important;
}

.HappinessDay .light-blue-bg.themebanner {
    background:#EAB349;
    background: linear-gradient(0deg, #F5FDFD 0%, #EAB349 100%);
  
}
/* .HappinessDay .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Diversity_img.png"), url("ThemeImages/employees.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center, left;
   background-position-y: top, bottom;
   background-size:auto, auto;
}  */
 
.HappinessDay .light-blue-bg.themebanner::before {
    background-image:url("ThemeImages/happiness1.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size:contain;
} 

 .HappinessDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/happiness2.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size:contain;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.HappinessDay .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.HappinessDay .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.HappinessDay .themebanner .frequently_visit ul li a:hover span {
    color: #EAB349;
}

.HappinessDay .topbar {
    z-index: 50;
}

.HappinessDay .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.HappinessDay .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.HappinessDay .what_happening_section {
    z-index: 3;
    position: relative;
}

.HappinessDay .frequently_title {
    background: linear-gradient(179deg, #EAB349  30%, #F2D62B 100%);
    z-index: 3;
color: #333;
}
.HappinessDay  .PendingListFilter .MuiButtonBase-root .d-flex.w-100 {
    color: #333 !important;
}
.HappinessDay .pendingListView .tabListIcon {
    color: #333 !important;
}
.HappinessDay .frequently_visit ul li span {
    color: #EAB349;
    /* color: #ffffff; */
}
.HappinessDay .PendingListFilter .badge.badge-light {
    background-color: #21252957 !important;
    color: #fff !important;
    
}

.HappinessDay .msg-alert {
    background: linear-gradient(45deg, #EAB349  30%, #F2D62B 100%);
}

.HappinessDay .pending-actions-box .card-body {
    background: linear-gradient(45deg, #eab349e0 30%, #f2d62bdb 100%);
    color: #333;

}
.HappinessDay .text-light-gray {
    color:#333333a8;
}
.HappinessDay  .leaveApplicationData .aValue {
    color: #333 !important;
}
.HappinessDay .what_happening_section {
    background: linear-gradient(359deg, #EAB349  30%, #F2D62B 100%);

}
.HappinessDay .survay_card2 .btn-outline-light {
    border-color: #333 !important;
    color: #333 !important;
}
.HappinessDay .survay_card2 .text-white{
    color: #333 !important;
}
.HappinessDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.HappinessDay .assets9 {
    background: linear-gradient(179deg, #EAB349  30%, #F2D62B 100%);
}

.HappinessDay #dashboard .nav-tabs .nav-item.show .nav-link,
.HappinessDay #dashboard .nav-tabs .nav-link.active {
    background: #EAB349 !important;
    color: #333;
}

.HappinessDay .messageAlert {
    background: linear-gradient(92deg, #EAB349  30%, #F2D62B 100%);
    color: #333;
   
}

.HappinessDay .messageAlert::before {
    border-bottom: 10px solid #F2D62B;
}

.HappinessDay .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #EAB349 30%, #d5ba17  100%);
}

.HappinessDay .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.HappinessDay .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#EAB349 !important;
}

.HappinessDay .pendingListView .card-body.bg-light,
.HappinessDay .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.HappinessDay .notification_body {
    background: #EAB349;
   
}
.HappinessDay .Notification-list .readmoretext div:nth-child(4) button {
    background:#eec26d !important;
    color: #333 !important;
   
}
.HappinessDay .btn-outline-light {
    color: #333;
    border-color: #333;
}
.HappinessDay .btn-outline-light:hover {
    color: #fff;
    background: #333;
    border-color: #333;
}
/* .HappinessDay .ChatWindow .chatMinimizeBtn .text-white{
    color: #333 !important;
} */
.HappinessDay .offcanvas-header .btn-close::before{
    color: #333;
}
.HappinessDay .notification_body .text-white{
    color: #333 !important;
}

.HappinessDay .gridView li.active a {
    background: #EAB349;
}
.HappinessDay .carousel-navigation {
    padding-top: 15px;
}

.HappinessDay .survay_card2 {
    background: linear-gradient(179deg, #EAB349  30%, #F2D62B 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.HappinessDay .circle-iconsurvey .text-blue {
    color: #EAB349 !important;
}

.HappinessDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #EAB349 !important;
}

.HappinessDay .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #EAB349 !important;
}

.HappinessDay .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #EAB349 !important;
}

.HappinessDay .blinking {
    border-color: #001950;
}


.HappinessDay .Frequently-visit-section.leaveheader::after,
.HappinessDay .Frequently-visit-section.leaveheader::before {
    display: none;
}

.HappinessDay .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.HappinessDay .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffba;
    /* border: 1px solid #ffffffa6; */
}

.HappinessDay .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#faeed6;
}

.HappinessDay .three strong.font18 {
    color: #EAB349;
}

.HappinessDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #EAB349 !important;
}


  .HappinessDay .what_happening_section::before {
    content: 'Happy International Day of Happiness! Your happiness is the most precious!';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
     /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
     z-index: 4;
 }  

.HappinessDay .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.HappinessDay .settingIcon a.settings-opener{
    background:#EAB349;
   
}
.HappinessDay .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.HappinessDay  .carousel-navigation h2 {
    color: #333;
}
.HappinessDay .pendingaccordion .text-blue{
    color: #EAB349;
}
.HappinessDay .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.HappinessDay .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .HappinessDay .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .HappinessDay .pending-actions-carousel .btn-green{
    background: #EAB349;
  }
  .HappinessDay .chatMinimizeBtn{
    background: #EAB349;
  }
  .HappinessDay .chatHeader {
    background-color: #EAB349;

}
.HappinessDay .what_happening_section .col-md-12 .text-white{
    color: #333 !important;
}
.HappinessDay #dashboard .nav-link.active .tabIcon {
    color: #333 !important;
}
.HappinessDay .wraperInn{
    color: #333 !important;
}




/* Women's Day Theme */

.WaterDay .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #0381CD 30%, #0381CD 100%);
    color: #fff !important;
}
.WaterDay .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #0381CD  30%, #0381CD 100%);
}

.WaterDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #0381CD ;
}

.WaterDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #0381CD;

}

.WaterDay .light-blue-bg.themebanner {
    position: relative;

}



.WaterDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2  !important;
}

.WaterDay .light-blue-bg.themebanner {
    background: #D4E3EF;
    background: linear-gradient(0deg, #D4E3EF 0%, #D4E3EF 100%);
  
}
/* .WaterDay .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Diversity_img.png"), url("ThemeImages/employees.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center, left;
   background-position-y: top, bottom;
   background-size:auto, auto;
}  */
 
.WaterDay .light-blue-bg.themebanner::before {
    background-image:url("ThemeImages/water2.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size:contain;
} 

 .WaterDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/water_1.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size:contain;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.WaterDay .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.WaterDay .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.WaterDay .themebanner .frequently_visit ul li a:hover span {
    color: #0381CD;
}

.WaterDay .topbar {
    z-index: 50;
}

.WaterDay .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.WaterDay .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.WaterDay .what_happening_section {
    z-index: 3;
    position: relative;
}

.WaterDay .frequently_title {
    background: linear-gradient(179deg, #0381CD  30%, #0381CD 100%);
    z-index: 3;

}

.WaterDay .frequently_visit ul li span {
    color: #0381CD;
    /* color: #ffffff; */
}

.WaterDay .msg-alert {
    background: linear-gradient(45deg, #0381CD  30%, #0381CD 100%);
}

.WaterDay .pending-actions-box .card-body {
    background: linear-gradient(45deg, #0381CD  30%, #0381CD 100%);

}

.WaterDay .what_happening_section {
    background: linear-gradient(359deg, #0381CD  30%, #0381CD 100%);

}

.WaterDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.WaterDay .assets9 {
    background: linear-gradient(179deg, #0381CD  30%, #0381CD 100%);
}

.WaterDay #dashboard .nav-tabs .nav-item.show .nav-link,
.WaterDay #dashboard .nav-tabs .nav-link.active {
    background: #0381CD !important;
}

.WaterDay .messageAlert {
    background: linear-gradient(92deg, #0381CD  30%, #0381CD 100%);
   
}

.WaterDay .messageAlert::before {
    border-bottom: 10px solid #0381CD;
}

.WaterDay .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #0381CD 30%, #056aa7 100%);
}

.WaterDay .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.WaterDay .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#0381CD !important;
}

.WaterDay .pendingListView .card-body.bg-light,
.WaterDay .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.WaterDay .notification_body {
    background: #0381CD;
}
.WaterDay .Notification-list .readmoretext div:nth-child(4) button {
    background:#359ad7  !important;
   
}


.WaterDay .gridView li.active a {
    background: #0381CD;
}
.WaterDay .carousel-navigation {
    padding-top: 15px;
}

.WaterDay .survay_card2 {
    background: linear-gradient(179deg, #0381CD  30%, #0381CD 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.WaterDay .circle-iconsurvey .text-blue {
    color: #0381CD !important;
}

.WaterDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #0381CD !important;
}

.WaterDay .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #0381CD !important;
}

.WaterDay .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #0381CD !important;
}

.WaterDay .blinking {
    border-color: #001950;
}


.WaterDay .Frequently-visit-section.leaveheader::after,
.WaterDay .Frequently-visit-section.leaveheader::before {
    display: none;
}

.WaterDay .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.WaterDay .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffba;
    /* border: 1px solid #ffffffa6; */
}

.WaterDay .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#f3f8fb;
}

.WaterDay .three strong.font18 {
    color: #0381CD;
}

.WaterDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #0381CD !important;
}


 .WaterDay .what_happening_section::before {
    content: 'Water is life’s matter and matrix, mother and medium. There is no life without water.” Conserve water';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
     /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
     z-index: 4;
 }  

.WaterDay .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.WaterDay .settingIcon a.settings-opener{
    background:#0381CD;
   
}
.WaterDay .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.WaterDay  .carousel-navigation h2 {
    color: #333;
}
.WaterDay .pendingaccordion .text-blue{
    color: #0381CD;
}
.WaterDay .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.WaterDay .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .WaterDay .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .WaterDay .pending-actions-carousel .btn-green{
    background: #0381CD;
  }
  .WaterDay .chatMinimizeBtn{
    background: #0381CD;
  }
  .WaterDay .chatHeader {
    background-color: #0381CD;

}



/* World Environment Day Theme */

.WorldEnvironmentDay .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #008BCC 30%, #2AD23F 100%);
    color: #fff !important;
}
.WorldEnvironmentDay .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #008BCC  30%, #2AD23F 100%);
}

.WorldEnvironmentDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #008BCC ;
}

.WorldEnvironmentDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #008BCC;

}

.WorldEnvironmentDay .light-blue-bg.themebanner {
    position: relative;

}



.WorldEnvironmentDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2  !important;
}

.WorldEnvironmentDay .light-blue-bg.themebanner {
    background: #DAF6FF;
    background: linear-gradient(0deg, #DAF6FF 0%, #DAF6FF 100%);
  
}
/* .WorldEnvironmentDay .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Diversity_img.png"), url("ThemeImages/employees.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center, left;
   background-position-y: top, bottom;
   background-size:auto, auto;
}  */
 
.WorldEnvironmentDay .light-blue-bg.themebanner::before {
    background-image:url("ThemeImages/tree-plantation-drive.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size:contain;
} 

 .WorldEnvironmentDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/world-environment-day.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size:contain;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.WorldEnvironmentDay .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.WorldEnvironmentDay .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.WorldEnvironmentDay .themebanner .frequently_visit ul li a:hover span {
    color: #008BCC;
}

.WorldEnvironmentDay .topbar {
    z-index: 50;
}

.WorldEnvironmentDay .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.WorldEnvironmentDay .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.WorldEnvironmentDay .what_happening_section {
    z-index: 3;
    position: relative;
}

.WorldEnvironmentDay .frequently_title {
    background: linear-gradient(179deg, #008BCC  30%, #2AD23F 100%);
    z-index: 3;

}

.WorldEnvironmentDay .frequently_visit ul li span {
    color: #008BCC;
    /* color: #ffffff; */
}

.WorldEnvironmentDay .msg-alert {
    background: linear-gradient(45deg, #008BCC  30%, #2AD23F 100%);
}

.WorldEnvironmentDay .pending-actions-box .card-body {
    background: rgb(42,210,63);
background: linear-gradient(0deg, rgba(42,210,63,0.90) 0%, rgba(0,139,204,0.90) 100%);

}

.WorldEnvironmentDay .what_happening_section {
    background: linear-gradient(359deg, #008BCC  30%, #2AD23F 100%);

}

.WorldEnvironmentDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.WorldEnvironmentDay .assets9 {
    background: linear-gradient(179deg, #008BCC  30%, #2AD23F 100%);
}

.WorldEnvironmentDay #dashboard .nav-tabs .nav-item.show .nav-link,
.WorldEnvironmentDay #dashboard .nav-tabs .nav-link.active {
    background: #008BCC !important;
}

.WorldEnvironmentDay .messageAlert {
    background: linear-gradient(92deg, #008BCC  30%, #2AD23F 100%);
   
}

.WorldEnvironmentDay .messageAlert::before {
    border-bottom: 10px solid #28cf46;
}

.WorldEnvironmentDay .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #0a80b7 30%, #056aa7 100%);
}

.WorldEnvironmentDay .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.WorldEnvironmentDay .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#008BCC !important;
}

.WorldEnvironmentDay .pendingListView .card-body.bg-light,
.WorldEnvironmentDay .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.WorldEnvironmentDay .notification_body {
    background: #008BCC;
}
.WorldEnvironmentDay .Notification-list .readmoretext div:nth-child(4) button {
    background:#359ad7  !important;
   
}


.WorldEnvironmentDay .gridView li.active a {
    background: #008BCC;
}
.WorldEnvironmentDay .carousel-navigation {
    padding-top: 15px;
}

.WorldEnvironmentDay .survay_card2 {
    background: linear-gradient(179deg, #008BCC  30%, #2AD23F 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.WorldEnvironmentDay .circle-iconsurvey .text-blue {
    color: #008BCC !important;
}

.WorldEnvironmentDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #008BCC !important;
}

.WorldEnvironmentDay .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #008BCC !important;
}

.WorldEnvironmentDay .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #008BCC !important;
}

.WorldEnvironmentDay .blinking {
    border-color: #001950;
}


.WorldEnvironmentDay .Frequently-visit-section.leaveheader::after,
.WorldEnvironmentDay .Frequently-visit-section.leaveheader::before {
    display: none;
}

.WorldEnvironmentDay .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.WorldEnvironmentDay .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffba;
    /* border: 1px solid #ffffffa6; */
}

.WorldEnvironmentDay .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#f3f8fb;
}

.WorldEnvironmentDay .three strong.font18 {
    color: #008BCC;
}

.WorldEnvironmentDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #008BCC !important;
}


 .WorldEnvironmentDay .what_happening_section::before {
    content: 'Stop polluting the environment. Save our planet.';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
     /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
     z-index: 4;
 }  

.WorldEnvironmentDay .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.WorldEnvironmentDay .settingIcon a.settings-opener{
    background:#008BCC;
   
}
.WorldEnvironmentDay .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.WorldEnvironmentDay  .carousel-navigation h2 {
    color: #333;
}
.WorldEnvironmentDay .pendingaccordion .text-blue{
    color: #008BCC;
}
.WorldEnvironmentDay .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.WorldEnvironmentDay .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .WorldEnvironmentDay .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .WorldEnvironmentDay .pending-actions-carousel .btn-green{
    background: #008BCC;
  }
  .WorldEnvironmentDay .chatMinimizeBtn{
    background: #008BCC;
  }
  .WorldEnvironmentDay .chatHeader {
    background-color: #008BCC;

}


/* Yoga Day Theme */

.YogaDay .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #0381CD 30%, #0381CD 100%);
    color: #fff !important;
}
.YogaDay .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #0381CD  30%, #0381CD 100%);
}

.YogaDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #0381CD ;
}

.YogaDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #0381CD;

}

.YogaDay .light-blue-bg.themebanner {
    position: relative;

}



.YogaDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2  !important;
}

.YogaDay .light-blue-bg.themebanner {
    background: #D4E3EF;
    background: linear-gradient(0deg, #D4E3EF 0%, #D4E3EF 100%);
  
}
/* .YogaDay .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Diversity_img.png"), url("ThemeImages/employees.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center, left;
   background-position-y: top, bottom;
   background-size:auto, auto;
}  */
 
.YogaDay .light-blue-bg.themebanner::before {
    background-image:url("ThemeImages/yogaBanner.jpg");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size:cover;
} 

 .YogaDay .light-blue-bg.themebanner::after {
    background: url("ThemeImages/yogasilhouette.png") no-repeat;
    content: "";
    position: absolute;
    width: 40%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size:contain;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.YogaDay .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.YogaDay .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.YogaDay .themebanner .frequently_visit ul li a:hover span {
    color: #0381CD;
}

.YogaDay .topbar {
    z-index: 50;
}

.YogaDay .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.YogaDay .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.YogaDay .what_happening_section {
    z-index: 3;
    position: relative;
}

.YogaDay .frequently_title {
    background: linear-gradient(179deg, #0381CD  30%, #0381CD 100%);
    z-index: 3;

}

.YogaDay .frequently_visit ul li span {
    color: #0381CD;
    /* color: #ffffff; */
}

.YogaDay .msg-alert {
    background: linear-gradient(45deg, #0381CD  30%, #0381CD 100%);
}

.YogaDay .pending-actions-box .card-body {
    background: linear-gradient(45deg, rgba(3, 129, 205, .85)  30%, rgba(3, 129, 205, .85) 100%);

}

.YogaDay .what_happening_section {
    background: linear-gradient(359deg, #0381CD  30%, #0381CD 100%);

}

.YogaDay .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.YogaDay .assets9 {
    background: linear-gradient(179deg, #0381CD  30%, #0381CD 100%);
}

.YogaDay #dashboard .nav-tabs .nav-item.show .nav-link,
.YogaDay #dashboard .nav-tabs .nav-link.active {
    background: #0381CD !important;
}

.YogaDay .messageAlert {
    background: linear-gradient(92deg, #0381CD  30%, #0381CD 100%);
   
}

.YogaDay .messageAlert::before {
    border-bottom: 10px solid #0381CD;
}

.YogaDay .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #0381CD 30%, #056aa7 100%);
}

.YogaDay .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.YogaDay .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#0381CD !important;
}

.YogaDay .pendingListView .card-body.bg-light,
.YogaDay .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.YogaDay .notification_body {
    background: #0381CD;
}
.YogaDay .Notification-list .readmoretext div:nth-child(4) button {
    background:#359ad7  !important;
   
}


.YogaDay .gridView li.active a {
    background: #0381CD;
}
.YogaDay .carousel-navigation {
    padding-top: 15px;
}

.YogaDay .survay_card2 {
    background: linear-gradient(179deg, #0381CD  30%, #0381CD 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.YogaDay .circle-iconsurvey .text-blue {
    color: #0381CD !important;
}

.YogaDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #0381CD !important;
}

.YogaDay .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #0381CD !important;
}

.YogaDay .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #0381CD !important;
}

.YogaDay .blinking {
    border-color: #001950;
}


.YogaDay .Frequently-visit-section.leaveheader::after,
.YogaDay .Frequently-visit-section.leaveheader::before {
    display: none;
}

.YogaDay .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.YogaDay .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffba;
    /* border: 1px solid #ffffffa6; */
}

.YogaDay .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#f3f8fb;
}

.YogaDay .three strong.font18 {
    color: #0381CD;
}

.YogaDay .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #0381CD !important;
}


 .YogaDay .what_happening_section::before {
    content: 'Yoga is the art of listening to your body, mind, and soul';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: left;
     /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
     z-index: 4;
 }  

.YogaDay .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.YogaDay .settingIcon a.settings-opener{
    background:#0381CD;
   
}
.YogaDay .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.YogaDay  .carousel-navigation h2 {
    color: #333;
}
.YogaDay .pendingaccordion .text-blue{
    color: #0381CD;
}
.YogaDay .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.YogaDay .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .YogaDay .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .YogaDay .pending-actions-carousel .btn-green{
    background: #0381CD;
  }
  .YogaDay .chatMinimizeBtn{
    background: #0381CD;
  }
  .YogaDay .chatHeader {
    background-color: #0381CD;

}


/* KargilVijayDiwas Theme */

.KargilVijayDiwas .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #DE5126 30%, #DE5126 100%);
    color: #fff !important;
}
.KargilVijayDiwas .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #DE5126  30%, #DE5126 100%);
}

.KargilVijayDiwas .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #DE5126 ;
}

.KargilVijayDiwas .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #DE5126;

}

.KargilVijayDiwas .light-blue-bg.themebanner {
    position: relative;

}



.KargilVijayDiwas .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2  !important;
}

.KargilVijayDiwas .light-blue-bg.themebanner {
    background: rgb(35,44,104);
    background: linear-gradient(175deg, #FAB097 8%, #FFFFFF 80%, #0D252A 100%);
  
}
/* .KargilVijayDiwas .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Diversity_img.png"), url("ThemeImages/employees.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center, left;
   background-position-y: top, bottom;
   background-size:auto, auto;
}  */
 
.KargilVijayDiwas .light-blue-bg.themebanner::before {
    background-image:url("ThemeImages/kargil2.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size:contain;
} 

 .KargilVijayDiwas .light-blue-bg.themebanner::after {
    background: url("ThemeImages/kargil01.png") no-repeat;
    content: "";
    position: absolute;
    width: 40%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size:contain;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.KargilVijayDiwas .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.KargilVijayDiwas .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.KargilVijayDiwas .themebanner .frequently_visit ul li a:hover span {
    color: #DE5126;
}

.KargilVijayDiwas .topbar {
    z-index: 50;
}

.KargilVijayDiwas .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.KargilVijayDiwas .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.KargilVijayDiwas .what_happening_section {
    z-index: 3;
    position: relative;
}

.KargilVijayDiwas .frequently_title {
    background: linear-gradient(179deg, #DE5126  30%, #DE5126 100%);
    z-index: 3;

}

.KargilVijayDiwas .frequently_visit ul li span {
    color: #DE5126;
    /* color: #ffffff; */
}

.KargilVijayDiwas .msg-alert {
    background: linear-gradient(45deg, #DE5126  30%, #DE5126 100%);
}

.KargilVijayDiwas .pending-actions-box .card-body {
    background: linear-gradient(45deg, rgba(222, 81, 38, .85)  30%, rgba(222, 81, 38, .85) 100%);

}

.KargilVijayDiwas .what_happening_section {
    background: linear-gradient(359deg, #DE5126  30%, #DE5126 100%);

}

.KargilVijayDiwas .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.KargilVijayDiwas .assets9 {
    background: linear-gradient(179deg, #DE5126  30%, #DE5126 100%);
}

.KargilVijayDiwas #dashboard .nav-tabs .nav-item.show .nav-link,
.KargilVijayDiwas #dashboard .nav-tabs .nav-link.active {
    background: #DE5126 !important;
}

.KargilVijayDiwas .messageAlert {
    background: linear-gradient(92deg, #DE5126  30%, #DE5126 100%);
   
}

.KargilVijayDiwas .messageAlert::before {
    border-bottom: 10px solid #DE5126;
}

.KargilVijayDiwas .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #DE5126 30%, #DE5126 100%);
}

.KargilVijayDiwas .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.KargilVijayDiwas .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#DE5126 !important;
}

.KargilVijayDiwas .pendingListView .card-body.bg-light,
.KargilVijayDiwas .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.KargilVijayDiwas .notification_body {
    background: #DE5126;
}
.KargilVijayDiwas .Notification-list .readmoretext div:nth-child(4) button {
    background:#e57451 !important;
   
}


.KargilVijayDiwas .gridView li.active a {
    background: #DE5126;
}
.KargilVijayDiwas .carousel-navigation {
    padding-top: 15px;
}

.KargilVijayDiwas .survay_card2 {
    background: linear-gradient(179deg, #DE5126  30%, #DE5126 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.KargilVijayDiwas .circle-iconsurvey .text-blue {
    color: #DE5126 !important;
}

.KargilVijayDiwas .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #DE5126 !important;
}

.KargilVijayDiwas .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #DE5126 !important;
}

.KargilVijayDiwas .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #DE5126 !important;
}

.KargilVijayDiwas .blinking {
    border-color: #001950;
}


.KargilVijayDiwas .Frequently-visit-section.leaveheader::after,
.KargilVijayDiwas .Frequently-visit-section.leaveheader::before {
    display: none;
}

.KargilVijayDiwas .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.KargilVijayDiwas .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffba;
    /* border: 1px solid #ffffffa6; */
}

.KargilVijayDiwas .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#feede7;
}

.KargilVijayDiwas .three strong.font18 {
    color: #DE5126;
}

.KargilVijayDiwas .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #DE5126 !important;
}


 .KargilVijayDiwas .what_happening_section::before {
    content: 'Today, we remember the heroes who made the ultimate sacrifice during the Kargil conflict';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
     /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
     z-index: 4;
 }  

.KargilVijayDiwas .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.KargilVijayDiwas .settingIcon a.settings-opener{
    background:#DE5126;
   
}
.KargilVijayDiwas .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.KargilVijayDiwas  .carousel-navigation h2 {
    color: #333;
}
.KargilVijayDiwas .pendingaccordion .text-blue{
    color: #DE5126;
}
.KargilVijayDiwas .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.KargilVijayDiwas .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .KargilVijayDiwas .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .KargilVijayDiwas .pending-actions-carousel .btn-green{
    background: #DE5126;
  }
  .KargilVijayDiwas .chatMinimizeBtn{
    background: #DE5126;
  }
  .KargilVijayDiwas .chatHeader {
    background-color: #DE5126;

}



/* USIndependenceDay Theme */

.USIndependenceDay2024 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #242B67 30%, #A9040C 100%);
    color: #fff !important;
}
.USIndependenceDay2024 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #242B67  30%, #A9040C 100%);
}

.USIndependenceDay2024 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #242B67 ;
}

.USIndependenceDay2024 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #242B67;

}

.USIndependenceDay2024 .light-blue-bg.themebanner {
    position: relative;

}



.USIndependenceDay2024 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #5FACB2  !important;
}

.USIndependenceDay2024 .light-blue-bg.themebanner {
    background: rgb(35,44,104);
    background: linear-gradient(175deg, rgba(35,44,104,0.71) 6%, rgba(162,19,31,0.27) 44%, rgba(251,252,254,1) 100%);
  
}
/* .USIndependenceDay2024 .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/Diversity_img.png"), url("ThemeImages/employees.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center, left;
   background-position-y: top, bottom;
   background-size:auto, auto;
}  */
 
.USIndependenceDay2024 .light-blue-bg.themebanner::before {
    background-image:url("ThemeImages/american_flag1.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size:contain;
} 

 .USIndependenceDay2024 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/statuesofliberty.png") no-repeat;
    content: "";
    position: absolute;
    width: 40%;
     z-index: 2; 
    height:100%;
    bottom: 0;
    right: 0;
   background-size:contain;
   background-position-x: right;
   background-position-y: bottom;
   top:auto;
} 
.USIndependenceDay2024 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.USIndependenceDay2024 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.USIndependenceDay2024 .themebanner .frequently_visit ul li a:hover span {
    color: #242B67;
}

.USIndependenceDay2024 .topbar {
    z-index: 50;
}

.USIndependenceDay2024 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.USIndependenceDay2024 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.USIndependenceDay2024 .what_happening_section {
    z-index: 3;
    position: relative;
}

.USIndependenceDay2024 .frequently_title {
    background: linear-gradient(179deg, #242B67  30%, #A9040C 100%);
    z-index: 3;

}

.USIndependenceDay2024 .frequently_visit ul li span {
    color: #242B67;
    /* color: #ffffff; */
}

.USIndependenceDay2024 .msg-alert {
    background: linear-gradient(45deg, #242B67  30%, #A9040C 100%);
}

.USIndependenceDay2024 .pending-actions-box .card-body {
    background: linear-gradient(45deg, rgba(169, 4, 12, .85)  30%, rgba(36,43, 103, .85) 100%);

}

.USIndependenceDay2024 .what_happening_section {
    background: linear-gradient(359deg, #242B67  30%, #A9040C 100%);

}

.USIndependenceDay2024 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.USIndependenceDay2024 .assets9 {
    background: linear-gradient(179deg, #242B67  30%, #A9040C 100%);
}

.USIndependenceDay2024 #dashboard .nav-tabs .nav-item.show .nav-link,
.USIndependenceDay2024 #dashboard .nav-tabs .nav-link.active {
    background: #242B67 !important;
}

.USIndependenceDay2024 .messageAlert {
    background: linear-gradient(92deg, #242B67  30%, #A9040C 100%);
   
}

.USIndependenceDay2024 .messageAlert::before {
    border-bottom: 10px solid #242B67;
}

.USIndependenceDay2024 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #242B67 30%, #A9040C 100%);
}

.USIndependenceDay2024 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.USIndependenceDay2024 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#242B67 !important;
}

.USIndependenceDay2024 .pendingListView .card-body.bg-light,
.USIndependenceDay2024 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.USIndependenceDay2024 .notification_body {
    background: #242B67;
}
.USIndependenceDay2024 .Notification-list .readmoretext div:nth-child(4) button {
    background:#505585  !important;
   
}


.USIndependenceDay2024 .gridView li.active a {
    background: #242B67;
}
.USIndependenceDay2024 .carousel-navigation {
    padding-top: 15px;
}

.USIndependenceDay2024 .survay_card2 {
    background: linear-gradient(179deg, #242B67  30%, #A9040C 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.USIndependenceDay2024 .circle-iconsurvey .text-blue {
    color: #242B67 !important;
}

.USIndependenceDay2024 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #242B67 !important;
}

.USIndependenceDay2024 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #242B67 !important;
}

.USIndependenceDay2024 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #242B67 !important;
}

.USIndependenceDay2024 .blinking {
    border-color: #001950;
}


.USIndependenceDay2024 .Frequently-visit-section.leaveheader::after,
.USIndependenceDay2024 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.USIndependenceDay2024 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.USIndependenceDay2024 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffba;
    /* border: 1px solid #ffffffa6; */
}

.USIndependenceDay2024 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#dfdde6;
}

.USIndependenceDay2024 .three strong.font18 {
    color: #242B67;
}

.USIndependenceDay2024 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #242B67 !important;
}


 .USIndependenceDay2024 .what_happening_section::before {
    content: 'As long as the flag soars, you are free. Happy 4th of July!';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
     /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
     z-index: 4;
 }  

.USIndependenceDay2024 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.USIndependenceDay2024 .settingIcon a.settings-opener{
    background:#242B67;
   
}
.USIndependenceDay2024 .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.USIndependenceDay2024  .carousel-navigation h2 {
    color: #fff;
}
.USIndependenceDay2024 .pendingaccordion .text-blue{
    color: #242B67;
}
.USIndependenceDay2024 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.USIndependenceDay2024 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .USIndependenceDay2024 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .USIndependenceDay2024 .pending-actions-carousel .btn-green{
    background: #242B67;
  }
  .USIndependenceDay2024 .chatMinimizeBtn{
    background: #242B67;
  }
  .USIndependenceDay2024 .chatHeader {
    background-color: #242B67;

}



 /* Harvesting Festival Theme */

 .SLPTheme .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #FEB904 30%, #FEA917 100%);
    color: #fff !important;
}
.SLPTheme .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #FEB904  30%, #FEA917 100%);
}

.SLPTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #FEB904 ;
}

.SLPTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #FEB904;

}

.SLPTheme .light-blue-bg.themebanner {
    position: relative;

}



.SLPTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.SLPTheme .light-blue-bg.themebanner {
    background: linear-gradient(179deg, #FFFDCB  15%, #FFFDCB 100%);
  
}
.SLPTheme .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/kite.gif"), url("ThemeImages/HazaratAlisBirthday.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left, right;
   background-position-y: top, top;
}

 .SLPTheme .light-blue-bg.themebanner::after {
    background: url("ThemeImages/lohri.png"), url("ThemeImages/pongal.png");
    background-repeat: no-repeat, no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 100%;
    top: 0;
    left: 0;
    background-position-x: left, right;
   background-position-y: bottom, bottom;
} 
.SLPTheme .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.SLPTheme .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.SLPTheme .themebanner .frequently_visit ul li a:hover span {
    color: #FEA917;
}

.SLPTheme .topbar {
    z-index: 50;
}

.SLPTheme .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.SLPTheme .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.SLPTheme .what_happening_section {
    z-index: 2;
    position: relative;
}

.SLPTheme .frequently_title {
    background: linear-gradient(179deg, #FEB904  30%, #FEA917 100%);
    z-index: 3;

}

.SLPTheme .frequently_visit ul li span {
    color: #FEA917;
    /* color: #ffffff; */
}

.SLPTheme .msg-alert {
    background: linear-gradient(45deg, #FEB904  30%, #FEA917 100%);
}

.SLPTheme .pending-actions-box .card-body {
    background:#fea917f2;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.SLPTheme .what_happening_section {
    background: linear-gradient(359deg, #FEB904  30%, #FEA917 100%);

}

.SLPTheme .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.SLPTheme .assets9 {
    background: linear-gradient(179deg, #FEB904  30%, #FEA917 100%);
}

.SLPTheme #dashboard .nav-tabs .nav-item.show .nav-link,
.SLPTheme #dashboard .nav-tabs .nav-link.active {
    background: #FEB904 !important;
}

.SLPTheme .messageAlert {
    background: linear-gradient(92deg, #FEB904  30%, #FEA917 100%);
   
}



.SLPTheme .messageAlert::before {
    border-bottom: 10px solid #FEA917;
}

.SLPTheme .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #FEA917 30%, #FEA917 100%);
}

.SLPTheme .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.SLPTheme .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#FEB904 !important;
}

.SLPTheme .pendingListView .card-body.bg-light,
.SLPTheme .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.SLPTheme .notification_body {
    background: #FEB904;
}
.SLPTheme .Notification-list .readmoretext div:nth-child(4) button {
    background:#6aa964 !important;
   
}

.SLPTheme .pendingListGridView .text-light-gray {
    color: #f7e7e7;
}
.SLPTheme .gridView li.active a {
    background: #FEB904;
}
.SLPTheme .carousel-navigation {
    padding-top: 15px;
}

.SLPTheme .survay_card2 {
    background: linear-gradient(179deg, #FEB904  30%, #FEA917 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.SLPTheme .circle-iconsurvey .text-blue {
    color: #FEB904 !important;
}

.SLPTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #FEB904 !important;
}

.SLPTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #FEB904 !important;
}

.SLPTheme .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #FEB904 !important;
}

.SLPTheme .blinking {
    border-color: #001950;
}


.SLPTheme .Frequently-visit-section.leaveheader::after,
.SLPTheme .Frequently-visit-section.leaveheader::before {
    display: none;
}

.SLPTheme .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.SLPTheme .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.SLPTheme .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fffff7;
}

.SLPTheme .three strong.font18 {
    color: #FEB805;
}

.SLPTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #FEB805 !important;
}


 /* .SLPTheme .what_happening_section::before {
    content: 'Happy NIIT 43 years foundation Day';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
 } */

.SLPTheme .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.SLPTheme .settingIcon a.settings-opener{
    background:#FEA917;
   
}
.SLPTheme .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.SLPTheme  .carousel-navigation h2 {
    color: #333;
}
.SLPTheme .pendingaccordion .text-blue{
    color: #FEB904;
}
.SLPTheme .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.SLPTheme .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .SLPTheme .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .SLPTheme .pending-actions-carousel .btn-green{
    background: #FEB904;
  }



  /* MLK Festival Theme */
.MLKTheme2025 .chatMinimizeBtn{
    background-color: #3C8634 !important;
}
 .MLKTheme2025 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #45943D 30%, #45943D 100%);
    color: #fff !important;
}
.MLKTheme2025 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #45943D  30%, #45943D 100%);
}

.MLKTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #45943D ;
}

.MLKTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #45943D;

}

.MLKTheme2025 .light-blue-bg.themebanner {
    position: relative;

}



.MLKTheme2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.MLKTheme2025 .light-blue-bg.themebanner {
    background: #F6FFEF;
  
}
.MLKTheme2025 .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/mlk2.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: bottom;
   background-size: contain;
}

 .MLKTheme2025 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/mlk1.png");
    background-repeat: no-repeat, no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 100%;
    top: 0;
    left: 0;
    background-position-x: right;
   background-position-y: bottom;
   background-size: contain;
} 
.MLKTheme2025 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.MLKTheme2025 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.MLKTheme2025 .themebanner .frequently_visit ul li a:hover span {
    color: #45943D;
}

.MLKTheme2025 .topbar {
    z-index: 50;
}

.MLKTheme2025 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.MLKTheme2025 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.MLKTheme2025 .what_happening_section {
    z-index: 2;
    position: relative;
}

.MLKTheme2025 .frequently_title {
    background: linear-gradient(179deg, #45943D  30%, #45943D 100%);
    z-index: 3;

}

.MLKTheme2025 .frequently_visit ul li span {
    color: #45943D;
    /* color: #ffffff; */
}

.MLKTheme2025 .msg-alert {
    background: linear-gradient(45deg, #45943D  30%, #45943D 100%);
}

.MLKTheme2025 .pending-actions-box .card-body {
    background:#45943de6;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.MLKTheme2025 .what_happening_section {
    background: linear-gradient(359deg, #45943D  30%, #45943D 100%);

}

.MLKTheme2025 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.MLKTheme2025 .assets9 {
    background: linear-gradient(179deg, #45943D  30%, #45943D 100%);
}

.MLKTheme2025 #dashboard .nav-tabs .nav-item.show .nav-link,
.MLKTheme2025 #dashboard .nav-tabs .nav-link.active {
    background: #45943D !important;
}

.MLKTheme2025 .messageAlert {
    background: linear-gradient(92deg, #45943D  30%, #45943D 100%);
   
}



.MLKTheme2025 .messageAlert::before {
    border-bottom: 10px solid #45943D;
}

.MLKTheme2025 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #45943D 30%, #45943D 100%);
}

.MLKTheme2025 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.MLKTheme2025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#45943D !important;
}

.MLKTheme2025 .pendingListView .card-body.bg-light,
.MLKTheme2025 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.MLKTheme2025 .notification_body {
    background: #45943D;
}
.MLKTheme2025 .Notification-list .readmoretext div:nth-child(4) button {
    background:#6aa964  !important;
   
}

.MLKTheme2025 .pendingListGridView .text-light-gray {
    color: #f7e7e7;
}
.MLKTheme2025 .gridView li.active a {
    background: #45943D;
}
.MLKTheme2025 .carousel-navigation {
    padding-top: 15px;
}

.MLKTheme2025 .survay_card2 {
    background: linear-gradient(179deg, #45943D  30%, #45943D 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.MLKTheme2025 .circle-iconsurvey .text-blue {
    color: #45943D !important;
}

.MLKTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #45943D !important;
}

.MLKTheme2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #45943D !important;
}

.MLKTheme2025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #45943D !important;
}

.MLKTheme2025 .blinking {
    border-color: #001950;
}


.MLKTheme2025 .Frequently-visit-section.leaveheader::after,
.MLKTheme2025 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.MLKTheme2025 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.MLKTheme2025 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.MLKTheme2025 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fffff7;
}

.MLKTheme2025 .three strong.font18 {
    color: #45943D;
}

.MLKTheme2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #45943D !important;
}


 /* .MLKTheme2025 .what_happening_section::before {
    content: 'Happy NIIT 43 years foundation Day';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
 } */

.MLKTheme2025 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.MLKTheme2025 .settingIcon a.settings-opener{
    background:#45943D;
   
}
.MLKTheme2025 .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.MLKTheme2025  .carousel-navigation h2 {
    color: #fff;
}
.MLKTheme2025 .pendingaccordion .text-blue{
    color: #45943D;
}
.MLKTheme2025 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.MLKTheme2025 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .MLKTheme2025 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .MLKTheme2025 .pending-actions-carousel .btn-green{
    background: #45943D;
  }


  /* Chinese New Year Festival Theme */
.ChineseNewYear2025 .chatMinimizeBtn{
    background-color: #bd3743 !important;
}
 .ChineseNewYear2025 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #DB4856 30%, #DB4856 100%);
    color: #fff !important;
}
.ChineseNewYear2025 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #DB4856  30%, #DB4856 100%);
}

.ChineseNewYear2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #DB4856 ;
}

.ChineseNewYear2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #DB4856;

}

.ChineseNewYear2025 .light-blue-bg.themebanner {
    position: relative;

}



.ChineseNewYear2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.ChineseNewYear2025 .light-blue-bg.themebanner {
    background: url("ThemeImages/bgpattern.png") repeat;
    width: 100%;
  
}
.ChineseNewYear2025 .light-blue-bg.themebanner::before {
    background: url("ThemeImages/chineseLeftLamp.png"), url("ThemeImages/chineseRightLamp.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left, right;
   background-position-y: top, top;
   background-size: calc(12%), calc(12%);
   z-index: +1, +1;
}

 .ChineseNewYear2025 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/dragon.png"), url("ThemeImages/happy-chinese-new-year-2025.png");
    background-repeat: no-repeat, no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 100%;
    top: 0;
    left: 0;
    background-position-x: center, right;
   background-position-y: bottom, bottom;
   background-size: calc(22%), calc(17%);
   z-index: +2, +2;
} 
.ChineseNewYear2025 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.ChineseNewYear2025 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.ChineseNewYear2025 .themebanner .frequently_visit ul li a:hover span {
    color: #DB4856;
}

.ChineseNewYear2025 .topbar {
    z-index: 50;
}

.ChineseNewYear2025 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.ChineseNewYear2025 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.ChineseNewYear2025 .what_happening_section {
    z-index: 2;
    position: relative;
}

.ChineseNewYear2025 .frequently_title {
    background: linear-gradient(179deg, #DB4856  30%, #DB4856 100%);
    z-index: 3;

}

.ChineseNewYear2025 .frequently_visit ul li span {
    color: #DB4856;
    /* color: #ffffff; */
}

.ChineseNewYear2025 .msg-alert {
    background: linear-gradient(45deg, #DB4856  30%, #DB4856 100%);
}

.ChineseNewYear2025 .pending-actions-box .card-body {
    background:#DB4856e6;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.ChineseNewYear2025 .what_happening_section {
    background: linear-gradient(359deg, #DB4856  30%, #DB4856 100%);

}

.ChineseNewYear2025 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.ChineseNewYear2025 .assets9 {
    background: linear-gradient(179deg, #DB4856  30%, #DB4856 100%);
}

.ChineseNewYear2025 #dashboard .nav-tabs .nav-item.show .nav-link,
.ChineseNewYear2025 #dashboard .nav-tabs .nav-link.active {
    background: #DB4856 !important;
}

.ChineseNewYear2025 .messageAlert {
    background: linear-gradient(92deg, #DB4856  30%, #DB4856 100%);
   
}



.ChineseNewYear2025 .messageAlert::before {
    border-bottom: 10px solid #DB4856;
}

.ChineseNewYear2025 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #DB4856 30%, #DB4856 100%);
}

.ChineseNewYear2025 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.ChineseNewYear2025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#DB4856 !important;
}

.ChineseNewYear2025 .pendingListView .card-body.bg-light,
.ChineseNewYear2025 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.ChineseNewYear2025 .notification_body {
    background: #bd3743;
}
.ChineseNewYear2025 .Notification-list .readmoretext div:nth-child(4) button {
    background:#ca5f69 !important;
   
}

.ChineseNewYear2025 .pendingListGridView .text-light-gray {
    color: #f7e7e7;
}
.ChineseNewYear2025 .gridView li.active a {
    background: #DB4856;
}
.ChineseNewYear2025 .carousel-navigation {
    padding-top: 15px;
}

.ChineseNewYear2025 .survay_card2 {
    background: linear-gradient(179deg, #DB4856  30%, #DB4856 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.ChineseNewYear2025 .circle-iconsurvey .text-blue {
    color: #DB4856 !important;
}

.ChineseNewYear2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #DB4856 !important;
}

.ChineseNewYear2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #DB4856 !important;
}

.ChineseNewYear2025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #DB4856 !important;
}

.ChineseNewYear2025 .blinking {
    border-color: #001950;
}


.ChineseNewYear2025 .Frequently-visit-section.leaveheader::after,
.ChineseNewYear2025 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.ChineseNewYear2025 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.ChineseNewYear2025 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.ChineseNewYear2025 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fffff7;
}

.ChineseNewYear2025 .three strong.font18 {
    color: #DB4856;
}

.ChineseNewYear2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #DB4856 !important;
}


 /* .ChineseNewYear2025 .what_happening_section::before {
    content: 'Happy NIIT 43 years foundation Day';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
 } */

.ChineseNewYear2025 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.ChineseNewYear2025 .settingIcon a.settings-opener{
    background:#DB4856;
   
}
.ChineseNewYear2025 .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.ChineseNewYear2025  .carousel-navigation h2 {
    color: #333;
}
.ChineseNewYear2025 .pendingaccordion .text-blue{
    color: #DB4856;
}
.ChineseNewYear2025 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.ChineseNewYear2025 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .ChineseNewYear2025 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .ChineseNewYear2025 .pending-actions-carousel .btn-green{
    background: #DB4856;
  }


  /* Valentine Day Festival Theme */
.ValentineDay2025 .chatMinimizeBtn{
    background-color: #126E6D !important;
}
 .ValentineDay2025 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #126E6D 30%, #DF043C 100%);
    color: #fff !important;
}
.ValentineDay2025 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #126E6D  30%, #DF043C 100%);
}

.ValentineDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #DB4856 ;
}

.ValentineDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #DB4856;

}

.ValentineDay2025 .light-blue-bg.themebanner {
    position: relative;

}



.ValentineDay2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #126E6D !important;
}

.ValentineDay2025 .light-blue-bg.themebanner {
    background: #F9D1D1;
    width: 100%;
  
}
 .ValentineDay2025 .light-blue-bg.themebanner::before {
    background: url("ThemeImages/vbottombg.png"), url("ThemeImages/vheartGIF.gif");
    background-repeat: no-repeat, no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 100%;
    top: 0;
    left: 0;
    background-position-x: center, center;
   background-position-y: bottom, bottom;
   background-size: calc(100%), calc(17%);
   
} 
.ValentineDay2025 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/vtreeleft.png"), url("ThemeImages/vtreeright.png");
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left, right;
   background-position-y: bottom, bottom;
   background-size: calc(12%), calc(12%);
  
}
.ValentineDay2025 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.ValentineDay2025 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.ValentineDay2025 .themebanner .frequently_visit ul li a:hover span {
    color: #DB4856;
}

.ValentineDay2025 .topbar {
    z-index: 50;
}

.ValentineDay2025 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.ValentineDay2025 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.ValentineDay2025 .what_happening_section {
    z-index: 2;
    position: relative;
}

.ValentineDay2025 .frequently_title {
    background: linear-gradient(179deg, #DB4856  30%, #126E6D 100%);
    z-index: 3;

}

.ValentineDay2025 .frequently_visit ul li span {
    color: #DB4856;
    /* color: #ffffff; */
}

.ValentineDay2025 .msg-alert {
    background: linear-gradient(45deg, #DB4856  30%, #126E6D 100%);
}

.ValentineDay2025 .pending-actions-box .card-body {
    background:linear-gradient(359deg, #126e6de0  30%, #db4856d9 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.ValentineDay2025 .what_happening_section {
    background: linear-gradient(359deg, #126E6D  30%, #DB4856 100%);

}

.ValentineDay2025 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.ValentineDay2025 .assets9 {
    background: linear-gradient(179deg, #DB4856  30%, #126E6D 100%);
}

.ValentineDay2025 #dashboard .nav-tabs .nav-item.show .nav-link,
.ValentineDay2025 #dashboard .nav-tabs .nav-link.active {
    background: #DB4856 !important;
}

.ValentineDay2025 .messageAlert {
    background: linear-gradient(92deg, #DB4856  30%, #126E6D 100%);
   
}



.ValentineDay2025 .messageAlert::before {
    border-bottom: 10px solid #176c6c;
}

.ValentineDay2025 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #DB4856 30%, #126E6D 100%);
}

.ValentineDay2025 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.ValentineDay2025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#DB4856 !important;
}

.ValentineDay2025 .pendingListView .card-body.bg-light,
.ValentineDay2025 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.ValentineDay2025 .notification_body {
    background: #126E6D;
}
.ValentineDay2025 .Notification-list .readmoretext div:nth-child(4) button {
    background:#418b8a !important;
   
}

.ValentineDay2025 .pendingListGridView .text-light-gray {
    color: #f7e7e7;
}
.ValentineDay2025 .gridView li.active a {
    background: #DB4856;
}
.ValentineDay2025 .carousel-navigation {
    padding-top: 15px;
}

.ValentineDay2025 .survay_card2 {
    background: linear-gradient(179deg, #DB4856  30%, #126E6D 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.ValentineDay2025 .circle-iconsurvey .text-blue {
    color: #DB4856 !important;
}

.ValentineDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #DB4856 !important;
}

.ValentineDay2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #DB4856 !important;
}

.ValentineDay2025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #DB4856 !important;
}

.ValentineDay2025 .blinking {
    border-color: #001950;
}


.ValentineDay2025 .Frequently-visit-section.leaveheader::after,
.ValentineDay2025 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.ValentineDay2025 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.ValentineDay2025 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.ValentineDay2025 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fef8f8;
}

.ValentineDay2025 .three strong.font18 {
    color: #126E6D ;
}

.ValentineDay2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #126E6D  !important;
}


 /* .ValentineDay2025 .what_happening_section::before {
    content: 'Happy NIIT 43 years foundation Day';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
 } */

.ValentineDay2025 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.ValentineDay2025 .settingIcon a.settings-opener{
    background:#DB4856;
   
}
.ValentineDay2025 .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.ValentineDay2025  .carousel-navigation h2 {
    color: #333;
}
.ValentineDay2025 .pendingaccordion .text-blue{
    color: #DB4856;
}
.ValentineDay2025 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.ValentineDay2025 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .ValentineDay2025 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .ValentineDay2025 .pending-actions-carousel .btn-green{
    background: #DB4856;
  }


   /* DiversityTheme Day Festival Theme */
.DiversityTheme .chatMinimizeBtn{
    background-color: #244DAD !important;
}
 .DiversityTheme .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #244DAD 30%, #123684 100%);
    color: #fff !important;
}
.DiversityTheme .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #244DAD  30%, #123684 100%);
}

.DiversityTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #244DAD ;
}

.DiversityTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #244DAD;

}

.DiversityTheme .light-blue-bg.themebanner {
    position: relative;

}



.DiversityTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #244DAD !important;
}

.DiversityTheme .light-blue-bg.themebanner {
    background: #F8F6FC;
    width: 100%;
  
}
 .DiversityTheme .light-blue-bg.themebanner::before {
    background: url("ThemeImages/Dworld-min.png");
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 100%;
    top: 0;
    left: 0;
    background-position-x: left;
   background-position-y: bottom;
   background-size:contain;
   
} 
.DiversityTheme .light-blue-bg.themebanner::after {
    background: url("ThemeImages/dhand-min.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: right;
   background-position-y: top;
   /* background-size: calc(12%), calc(12%); */
  
}
.DiversityTheme .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.DiversityTheme .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.DiversityTheme .themebanner .frequently_visit ul li a:hover span {
    color: #244DAD;
}

.DiversityTheme .topbar {
    z-index: 50;
}

.DiversityTheme .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.DiversityTheme .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.DiversityTheme .what_happening_section {
    z-index: 2;
    position: relative;
}

.DiversityTheme .frequently_title {
    background: linear-gradient(179deg, #244DAD  30%, #244DAD 100%);
    z-index: 3;

}

.DiversityTheme .frequently_visit ul li span {
    color: #244DAD;
    /* color: #ffffff; */
}

.DiversityTheme .msg-alert {
    background: linear-gradient(45deg, #244DAD  30%, #244DAD 100%);
}

.DiversityTheme .pending-actions-box .card-body {
    background:linear-gradient(359deg, #244DADe0  30%, #244DADd9 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.DiversityTheme .what_happening_section {
    background: linear-gradient(359deg, #244DAD  30%, #244DAD 100%);

}

.DiversityTheme .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.DiversityTheme .assets9 {
    background: linear-gradient(179deg, #244DAD  30%, #244DAD 100%);
}

.DiversityTheme #dashboard .nav-tabs .nav-item.show .nav-link,
.DiversityTheme #dashboard .nav-tabs .nav-link.active {
    background: #244DAD !important;
}

.DiversityTheme .messageAlert {
    background: linear-gradient(92deg, #244DAD  30%, #244DAD 100%);
   
}



.DiversityTheme .messageAlert::before {
    border-bottom: 10px solid #176c6c;
}

.DiversityTheme .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #244DAD 30%, #244DAD 100%);
}

.DiversityTheme .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.DiversityTheme .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#244DAD !important;
}

.DiversityTheme .pendingListView .card-body.bg-light,
.DiversityTheme .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.DiversityTheme .notification_body {
    background: #244DAD;
}
.DiversityTheme .Notification-list .readmoretext div:nth-child(4) button {
    background:#5071bd !important;
   
}

.DiversityTheme .pendingListGridView .text-light-gray {
    color: #f7e7e7;
}
.DiversityTheme .gridView li.active a {
    background: #244DAD;
}
.DiversityTheme .carousel-navigation {
    padding-top: 15px;
}

.DiversityTheme .survay_card2 {
    background: linear-gradient(179deg, #244DAD  30%, #244DAD 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.DiversityTheme .circle-iconsurvey .text-blue {
    color: #244DAD !important;
}

.DiversityTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #244DAD !important;
}

.DiversityTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #244DAD !important;
}

.DiversityTheme .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #244DAD !important;
}

.DiversityTheme .blinking {
    border-color: #001950;
}


.DiversityTheme .Frequently-visit-section.leaveheader::after,
.DiversityTheme .Frequently-visit-section.leaveheader::before {
    display: none;
}

.DiversityTheme .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.DiversityTheme .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.DiversityTheme .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fefeff;
}

.DiversityTheme .three strong.font18 {
    color: #244DAD ;
}

.DiversityTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #244DAD  !important;
}


  .DiversityTheme .what_happening_section::before {
    content: 'We are all different, which is great because we are all unique. Without diversity, life would be very boring.';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
 } 

.DiversityTheme .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.DiversityTheme .settingIcon a.settings-opener{
    background:#244DAD;
   
}
.DiversityTheme .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.DiversityTheme  .carousel-navigation h2 {
    color: #333;
}
.DiversityTheme .pendingaccordion .text-blue{
    color: #244DAD;
}
.DiversityTheme .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.DiversityTheme .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .DiversityTheme .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .DiversityTheme .pending-actions-carousel .btn-green{
    background: #244DAD;
  }
  .DiversityTheme .what_happening_section::after {
    background: url("ThemeImages/dcrowd-min.png") no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    background-position-x: right;
    background-position-y: top;
}


  /* DiversityTheme Day Festival Theme */
  .EIDTheme .chatMinimizeBtn{
    background-color: #145875 !important;
}
 .EIDTheme .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #145875 30%, #145875 100%);
    color: #fff !important;
}
.EIDTheme .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #145875  30%, #145875 100%);
}

.EIDTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #145875 ;
}

.EIDTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #145875;

}

.EIDTheme .light-blue-bg.themebanner {
    position: relative;

}



.EIDTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #145875 !important;
}

.EIDTheme .light-blue-bg.themebanner {
    background:url("ThemeImages/EidPattern.png"), linear-gradient(179deg, #A4E2E2  50%, #EBF2F4 100%) ;
    width: 100%;
  background-repeat: no-repeat;
}
 .EIDTheme .light-blue-bg.themebanner::before {
    background: url("ThemeImages/eidlamp.png"), url("ThemeImages/eidlamp.png");
   background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 100%;
    top: 0;
    left: 0;
    background-position-x: left, right;
   background-position-y: top, top;
   
   
} 
.EIDTheme .light-blue-bg.themebanner::after {
    background: url("ThemeImages/eidM.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center;
   background-position-y: bottom;
   /* background-size: calc(12%), calc(12%); */
  
}
.EIDTheme .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.EIDTheme .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.EIDTheme .themebanner .frequently_visit ul li a:hover span {
    color: #145875;
}

.EIDTheme .topbar {
    z-index: 50;
}

.EIDTheme .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.EIDTheme .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.EIDTheme .what_happening_section {
    z-index: 2;
    position: relative;
}

.EIDTheme .frequently_title {
    background: linear-gradient(179deg, #145875  30%, #145875 100%);
    z-index: 3;

}

.EIDTheme .frequently_visit ul li span {
    color: #145875;
    /* color: #ffffff; */
}

.EIDTheme .msg-alert {
    background: linear-gradient(45deg, #145875  30%, #145875 100%);
}

.EIDTheme .pending-actions-box .card-body {
    background:linear-gradient(359deg, #145875e0  30%, #145875d9 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.EIDTheme .what_happening_section {
    background: linear-gradient(359deg, #145875  30%, #145875 100%);

}

.EIDTheme .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.EIDTheme .assets9 {
    background: linear-gradient(179deg, #145875  30%, #145875 100%);
}

.EIDTheme #dashboard .nav-tabs .nav-item.show .nav-link,
.EIDTheme #dashboard .nav-tabs .nav-link.active {
    background: #145875 !important;
}

.EIDTheme .messageAlert {
    background: linear-gradient(92deg, #145875  30%, #145875 100%);
   
}



.EIDTheme .messageAlert::before {
    border-bottom: 10px solid #176c6c;
}

.EIDTheme .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #145875 30%, #145875 100%);
}

.EIDTheme .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.EIDTheme .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#145875 !important;
}

.EIDTheme .pendingListView .card-body.bg-light,
.EIDTheme .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.EIDTheme .notification_body {
    background: #145875;
}
.EIDTheme .Notification-list .readmoretext div:nth-child(4) button {
    background:#437991 !important;
   
}

.EIDTheme .pendingListGridView .text-light-gray {
    color: #f7e7e7;
}
.EIDTheme .gridView li.active a {
    background: #145875;
}
.EIDTheme .carousel-navigation {
    padding-top: 15px;
}

.EIDTheme .survay_card2 {
    background: linear-gradient(179deg, #145875  30%, #145875 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.EIDTheme .circle-iconsurvey .text-blue {
    color: #145875 !important;
}

.EIDTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #145875 !important;
}

.EIDTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #145875 !important;
}

.EIDTheme .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #145875 !important;
}

.EIDTheme .blinking {
    border-color: #001950;
}


.EIDTheme .Frequently-visit-section.leaveheader::after,
.EIDTheme .Frequently-visit-section.leaveheader::before {
    display: none;
}

.EIDTheme .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.EIDTheme .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.EIDTheme .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fefeff;
}

.EIDTheme .three strong.font18 {
    color: #145875 ;
}

.EIDTheme .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #145875  !important;
}


  .EIDTheme .what_happening_section::before {
    content: 'Enjoy the joy of Eid with family and friends, creating lasting memories';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
 } 

.EIDTheme .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.EIDTheme .settingIcon a.settings-opener{
    background:#145875;
   
}
.EIDTheme .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.EIDTheme  .carousel-navigation h2 {
    color: #333;
}
.EIDTheme .pendingaccordion .text-blue{
    color: #145875;
}
.EIDTheme .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.EIDTheme .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .EIDTheme .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .EIDTheme .pending-actions-carousel .btn-green{
    background: #145875;
  }
  .EIDTheme .what_happening_section::after {
    background: url("ThemeImages/lighting_lamp.png") no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    background-position-x: left;
    background-position-y: top;
    transform: scaleX(-1);

}


 /* Earth Day 2025 Festival Theme */
 .EarthDay20025 .chatMinimizeBtn{
    background-color: #87C342 !important;
}
 .EarthDay20025 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #87C342 30%, #87C342 100%);
    color: #fff !important;
}
.EarthDay20025 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #87C342  30%, #87C342 100%);
}

.EarthDay20025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #87C342 ;
}

.EarthDay20025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #87C342;

}

.EarthDay20025 .light-blue-bg.themebanner {
    position: relative;

}



.EarthDay20025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #87C342 !important;
}

.EarthDay20025 .light-blue-bg.themebanner {
    background:linear-gradient(179deg, #D6FBAA  50%, #F2F7FF 100%) ;
    width: 100%;
  background-repeat: no-repeat;
}
 .EarthDay20025 .light-blue-bg.themebanner::before {
    background: url("ThemeImages/wsky.png");
   background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 100%;
    top: 0;
    left: 0;
    background-position-x: right;
   background-position-y: top;
   background-size:cover; 
   
} 
.EarthDay20025 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/world-environment2025.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: right;
   background-position-y: bottom;
   background-size:contain; 
  
}
.EarthDay20025 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.EarthDay20025 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.EarthDay20025 .themebanner .frequently_visit ul li a:hover span {
    color: #87C342;
}

.EarthDay20025 .topbar {
    z-index: 50;
}

.EarthDay20025 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.EarthDay20025 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.EarthDay20025 .what_happening_section {
    z-index: 2;
    position: relative;
}

.EarthDay20025 .frequently_title {
    background: linear-gradient(179deg, #87C342  30%, #87C342 100%);
    z-index: 3;

}

.EarthDay20025 .frequently_visit ul li span {
    color: #87C342;
    /* color: #ffffff; */
}

.EarthDay20025 .msg-alert {
    background: linear-gradient(45deg, #87C342  30%, #87C342 100%);
}

.EarthDay20025 .pending-actions-box .card-body {
    background:linear-gradient(359deg, #87C342e0  30%, #87C342d9 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.EarthDay20025 .what_happening_section {
    background: linear-gradient(359deg, #87C342  30%, #87C342 100%);

}

.EarthDay20025 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.EarthDay20025 .assets9 {
    background: linear-gradient(179deg, #87C342  30%, #87C342 100%);
}

.EarthDay20025 #dashboard .nav-tabs .nav-item.show .nav-link,
.EarthDay20025 #dashboard .nav-tabs .nav-link.active {
    background: #87C342 !important;
}

.EarthDay20025 .messageAlert {
    background: linear-gradient(92deg, #87C342  30%, #87C342 100%);
   
}



.EarthDay20025 .messageAlert::before {
    border-bottom: 10px solid #87c342;
}

.EarthDay20025 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #87C342 30%, #87C342 100%);
}

.EarthDay20025 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.EarthDay20025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#87C342 !important;
}

.EarthDay20025 .pendingListView .card-body.bg-light,
.EarthDay20025 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.EarthDay20025 .notification_body {
    background: #87C342;
}
.EarthDay20025 .Notification-list .readmoretext div:nth-child(4) button {
    background:#9fcf68 !important;
   
}

.EarthDay20025 .pendingListGridView .text-light-gray {
    color: #f7e7e7;
}
.EarthDay20025 .gridView li.active a {
    background: #87C342;
}
.EarthDay20025 .carousel-navigation {
    padding-top: 15px;
}

.EarthDay20025 .survay_card2 {
    background: linear-gradient(179deg, #87C342  30%, #87C342 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.EarthDay20025 .circle-iconsurvey .text-blue {
    color: #87C342 !important;
}

.EarthDay20025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #87C342 !important;
}

.EarthDay20025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #87C342 !important;
}

.EarthDay20025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #87C342 !important;
}

.EarthDay20025 .blinking {
    border-color: #001950;
}


.EarthDay20025 .Frequently-visit-section.leaveheader::after,
.EarthDay20025 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.EarthDay20025 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.EarthDay20025 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.EarthDay20025 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #f9fef2;
}

.EarthDay20025 .three strong.font18 {
    color: #87C342 ;
}

.EarthDay20025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #87C342  !important;
}


  .EarthDay20025 .what_happening_section::before {
    content: 'Stop polluting the environment. Save our planet.';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: left;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
 } 

.EarthDay20025 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.EarthDay20025 .settingIcon a.settings-opener{
    background:#87C342;
   
}
.EarthDay20025 .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.EarthDay20025  .carousel-navigation h2 {
    color: #333;
}
.EarthDay20025 .pendingaccordion .text-blue{
    color: #87C342;
}
.EarthDay20025 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.EarthDay20025 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .EarthDay20025 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .EarthDay20025 .pending-actions-carousel .btn-green{
    background: #87C342;
  }
  
 /* Yoga2025 Festival Theme */
 .YogaTheme2025 .chatMinimizeBtn{
    background-color: #60C67A !important;
}
 .YogaTheme2025 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #60C67A 30%, #60C67A 100%);
    color: #fff !important;
}
.YogaTheme2025 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #60C67A  30%, #60C67A 100%);
}

.YogaTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #60C67A ;
}

.YogaTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #60C67A;

}

.YogaTheme2025 .light-blue-bg.themebanner {
    position: relative;

}



.YogaTheme2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #60C67A !important;
}

.YogaTheme2025 .light-blue-bg.themebanner {
    background:url("ThemeImages/yogabg-min.png"), linear-gradient(280deg, #ECE5C9  50%, #D1F3E2 100%) ;
    width: 100%;
  background-repeat: no-repeat;
  background-position-x:right;
  background-position-y: bottom;
  background-size:contain;
}
 .YogaTheme2025 .light-blue-bg.themebanner::before {
    background: url("ThemeImages/yagaman-min.png");
   background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2; 
    height: 100%;
    top: 0;
    left: 0;
    background-position-x: left;
   background-position-y: bottom;
   background-size: contain;
   
   
} 
/* .YogaTheme2025 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/eidM.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center;
   background-position-y: bottom;
   background-size: calc(12%), calc(12%); 
  
} */
.YogaTheme2025 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.YogaTheme2025 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.YogaTheme2025 .themebanner .frequently_visit ul li a:hover span {
    color: #60C67A;
}

.YogaTheme2025 .topbar {
    z-index: 50;
}

.YogaTheme2025 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.YogaTheme2025 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.YogaTheme2025 .what_happening_section {
    z-index: 2;
    position: relative;
}

.YogaTheme2025 .frequently_title {
    background: linear-gradient(179deg, #60C67A  30%, #60C67A 100%);
    z-index: 3;

}

.YogaTheme2025 .frequently_visit ul li span {
    color: #60C67A;
    /* color: #ffffff; */
}

.YogaTheme2025 .msg-alert {
    background: linear-gradient(45deg, #60C67A  30%, #60C67A 100%);
}

.YogaTheme2025 .pending-actions-box .card-body {
    background:linear-gradient(359deg, #60C67Ae0  30%, #60C67Ad9 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.YogaTheme2025 .what_happening_section {
    background: linear-gradient(359deg, #60C67A  30%, #60C67A 100%);

}

.YogaTheme2025 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.YogaTheme2025 .assets9 {
    background: linear-gradient(179deg, #60C67A  30%, #60C67A 100%);
}

.YogaTheme2025 #dashboard .nav-tabs .nav-item.show .nav-link,
.YogaTheme2025 #dashboard .nav-tabs .nav-link.active {
    background: #60C67A !important;
}

.YogaTheme2025 .messageAlert {
    background: linear-gradient(92deg, #60C67A  30%, #60C67A 100%);
   
}



.YogaTheme2025 .messageAlert::before {
    border-bottom: 10px solid #60C67A;
}
.YogaTheme2025 .tabIcon {
    background: #60C67A;
}
.YogaTheme2025 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #60C67A 30%, #60C67A 100%);
}

.YogaTheme2025 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.YogaTheme2025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#60C67A !important;
}

.YogaTheme2025 .pendingListView .card-body.bg-light,
.YogaTheme2025 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.YogaTheme2025 .notification_body {
    background: #60C67A;
}
.YogaTheme2025 .Notification-list .readmoretext div:nth-child(4) button {
    background:#80d195 !important;
   
}

.YogaTheme2025 .pendingListGridView .text-light-gray {
    color: #f7e7e7;
}
.YogaTheme2025 .gridView li.active a {
    background: #60C67A;
}
.YogaTheme2025 .carousel-navigation {
    padding-top: 15px;
}

.YogaTheme2025 .survay_card2 {
    background: linear-gradient(179deg, #60C67A  30%, #60C67A 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.YogaTheme2025 .circle-iconsurvey .text-blue {
    color: #60C67A !important;
}

.YogaTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #60C67A !important;
}

.YogaTheme2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #60C67A !important;
}

.YogaTheme2025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #60C67A !important;
}

.YogaTheme2025 .blinking {
    border-color: #001950;
}


.YogaTheme2025 .Frequently-visit-section.leaveheader::after,
.YogaTheme2025 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.YogaTheme2025 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.YogaTheme2025 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    /* border: 1px solid #ffffffa6; */
}

.YogaTheme2025 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fbfcf8;
}

.YogaTheme2025 .three strong.font18 {
    color: #60C67A ;
}

.YogaTheme2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #60C67A  !important;
}


  .YogaTheme2025 .what_happening_section::before {
    background: url("ThemeImages/yogatext-min.png") no-repeat;
    content: '';
    position: absolute;
    color: #333;
    top: -100px;
    left: 100px;
    max-width: 300px;
   
    width: 100%;
    right: 0;
    height: 100px;
    text-align: center;
    /* text-shadow: 0px 1px 2px rgba(0,0,0,0.6);  */
 } 

.YogaTheme2025 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.YogaTheme2025 .settingIcon a.settings-opener{
    background:#60C67A;
   
}
.YogaTheme2025 .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.YogaTheme2025  .carousel-navigation h2 {
    color: #333;
}
.YogaTheme2025 .pendingaccordion .text-blue{
    color: #60C67A;
}
.YogaTheme2025 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.YogaTheme2025 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .YogaTheme2025 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .YogaTheme2025 .pending-actions-carousel .btn-green{
    background: #60C67A;
  }


    /*Independence Day Theme 2025 */

    .IndependenceDay2025 .custom_toaster .Toastify__toast--default {
        background: linear-gradient(30deg, #FD6721 30%, #046A38 100%);
        color: #fff !important;
    }
    .IndependenceDay2025 .PendingListFilter .bg-blue {
        background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
    }
    
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #FD6721 ;
    }
    
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #FD6721;
    
    }
    
    .IndependenceDay2025 .light-blue-bg.themebanner {
        position: relative;
    
    }
    
    
    
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
        background: #046A38  !important;
    }
    
    .IndependenceDay2025 .light-blue-bg.themebanner {
        background: #FBC696;
        background: linear-gradient(0deg, #E9EFEB, #F9F2E7 76%);
      
    }
    .IndependenceDay2025 .light-blue-bg.themebanner::before {
        background-image: url("ThemeImages/redfort2.png"),url("ThemeImages/IndependanceLeftImg.png");
        background-repeat: no-repeat;
        width: 100%;
        content: "";
        position: absolute;
        top: 0;
        z-index: 3;
        left: 0;
        right: 0;
        height: 100%;
       background-position-x: center, left;
       background-position-y: center, bottom;
       background-size: contain, auto;
    }
    
     .IndependenceDay2025 .light-blue-bg.themebanner::after {
        background:url("ThemeImages/AugimgFifteen.png"), url("ThemeImages/IndependanceRightImg.png");
        content: "";
        position: absolute;
        width: 100%;
         z-index: 2, 3; 
        height:100%;
        bottom: 0;
        right: 0;
        background-size: auto, contain;
       background-position-x: right, right;
       background-position-y: top, bottom;
       top:auto;
       background-repeat: no-repeat;
    } 
    .IndependenceDay2025 .pending-actions-box .card-footer {
        border-bottom: 1px solid #cbcbcb;
    }
    
    .IndependenceDay2025 .pendingListView .boxContent.bg-white {
        background: #ffffff94 !important;
    }
    
    .IndependenceDay2025 .themebanner .frequently_visit ul li a:hover span {
        color: #046A38;
    }
    
    .IndependenceDay2025 .topbar {
        z-index: 50;
    }
    
    .IndependenceDay2025 .Frequently-visit-section {
        z-index: 4;
        position: relative;
    }
    
    .IndependenceDay2025 .pendingForActionWraper {
        z-index: 3;
        position: relative;
    }
    
    .IndependenceDay2025 .what_happening_section {
        z-index: 3;
        position: relative;
    }
    
    .IndependenceDay2025 .frequently_title {
        background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
        z-index: 3;
    
    }
    
    .IndependenceDay2025 .frequently_visit ul li span {
        color: #FD6721;
        /* color: #ffffff; */
    }
    
    .IndependenceDay2025 .msg-alert {
        background: linear-gradient(45deg, #FD6721  30%, #046A38 100%);
    }
    
    .IndependenceDay2025 .pending-actions-box .card-body {
        background: rgb(9,106,56);
        background: linear-gradient(0deg, rgba(9,106,56,0.82) 0%, rgba(253,103,33,0.82) 100%);
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    
    }
    
    .IndependenceDay2025 .what_happening_section {
        background: linear-gradient(359deg, #046A38  30%, #FD6721 100%);
    
    }
    
    .IndependenceDay2025 .what_happening_section .container {
        z-index: 2;
        position: relative;
    }
    
    .IndependenceDay2025 .assets9 {
        background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
    }
    
    .IndependenceDay2025 #dashboard .nav-tabs .nav-item.show .nav-link,
    .IndependenceDay2025 #dashboard .nav-tabs .nav-link.active {
        background: #FD6721 !important;
    }
    
    .IndependenceDay2025 .messageAlert {
        background: linear-gradient(92deg, #FD6721  30%, #046A38 100%);
       
    }
    
    
    
    .IndependenceDay2025 .messageAlert::before {
        border-bottom: 10px solid #046A38;
    }
    
    .IndependenceDay2025 .Frequently-visit-section.expenseheader::before {
        background: linear-gradient(179deg, #FD6721 30%, #046A38 100%);
    }
    
    .IndependenceDay2025 .Frequently-visit-section.expenseheader::after {
        background: url("ThemeImages/waves_bg.png") no-repeat;
        content: "";
        position: absolute;
        width: 100%;
        z-index: 2; 
        height: 104px;
        top: 0;
    }
    
    .IndependenceDay2025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
        background:#FD6721 !important;
    }
    
    .IndependenceDay2025 .pendingListView .card-body.bg-light,
    .IndependenceDay2025 .pendingListView .card-body.bg-light a {
        color: #ffffff;
    }
    .IndependenceDay2025 .notification_body {
        background: #FD6721;
    }
    .IndependenceDay2025 .Notification-list .readmoretext div:nth-child(4) button {
        background:#fd854d !important;
       
    }
    
    
    .IndependenceDay2025 .gridView li.active a {
        background: #FD6721;
    }
    .IndependenceDay2025 .carousel-navigation {
        padding-top: 15px;
    }
    
    .IndependenceDay2025 .survay_card2 {
        background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
    }
    
    .IndependenceDay2025 .circle-iconsurvey .text-blue {
        color: #FD6721 !important;
    }
    
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #FD6721 !important;
    }
    
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
        background-color: #FD6721 !important;
    }
    
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
        color: #FD6721 !important;
    }
    
    .IndependenceDay2025 .blinking {
        border-color: #001950;
    }
    
    
    .IndependenceDay2025 .Frequently-visit-section.leaveheader::after,
    .IndependenceDay2025 .Frequently-visit-section.leaveheader::before {
        display: none;
    }
    
    .IndependenceDay2025 .frequently_visit.card {
        position: relative;
        z-index: 3;
    
    }
    
    .IndependenceDay2025 .themebanner .frequently_visit.card {
        /* background-color: #ffffff9e; */
        background-color:#ffffffd6;
        /* border: 1px solid #ffffffa6; */
    }
    
    .IndependenceDay2025 .themebanner .frequently_title:after {
        /* background: #f6f8fc; */
        background:#fefdfb;
    }
    
    .IndependenceDay2025 .three strong.font18 {
        color: #FD6721;
    }
    
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
        background: #FD6721 !important;
    }
    
    
     .IndependenceDay2025 .what_happening_section::before {
        content: 'Remember all those who fought for gifting us Freedom';
        position: absolute;
        color: #333;
        top: -35px;
        left: 0;
        max-width: 1140px;
        margin: 0 auto;
        width: 100%;
        right: 0;
        font-family: 'Roboto Bold';
        text-align: center;
        
         z-index: 4;
     } 
    
    .IndependenceDay2025 .pendingForActionWraper .card{
        border: transparent;
      background: transparent;
    }
    
    .IndependenceDay2025 .settingIcon a.settings-opener{
        background:#046A38;
       
    }
    .IndependenceDay2025 .pendingListGridView .carousel-navigation p {
        color: #333 !important;
        font-weight: bold;
      
    }
    .IndependenceDay2025  .carousel-navigation h2 {
        color: #333;
    }
    .IndependenceDay2025 .pendingaccordion .text-blue{
        color: #FD6721;
    }
    .IndependenceDay2025 .frequently_visit ul li a:hover {
        background:#e5e7ff;
    }
    
    .IndependenceDay2025 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
        background: #e5e7ff;
      }
      .IndependenceDay2025 .btn-moreLink:hover{
        background: #e5e7ff;
      }
      .IndependenceDay2025 .pending-actions-carousel .btn-green{
        background: #FD6721;
      }
      .IndependenceDay2025 .chatMinimizeBtn{
        background: #FD6721;
      }
      .IndependenceDay2025 .chatHeader {
        background-color: #FD6721;
    
    }
    .IndependenceDay2025 .tabIcon{
        background: #FD6721;
    }
    /* GandhiJayanti 2025*/

.GandhiJayanti2025 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #244DAD 30%, #123684 100%);
    color: #fff !important;
}
.GandhiJayanti2025 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #244DAD  30%, #123684 100%);
}

.GandhiJayanti2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #244DAD ;
}

.GandhiJayanti2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #244DAD;

}

.GandhiJayanti2025 .light-blue-bg.themebanner {
    position: relative;

}



.GandhiJayanti2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #001950 !important;
}

.GandhiJayanti2025 .light-blue-bg.themebanner {
    background: linear-gradient(179deg, #DCF0F8  30%, #FFFACB 100%);
  
}

.GandhiJayanti2025 .light-blue-bg.themebanner::before {
    background: url("ThemeImages/redFortBanner.png")no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
    background-position-x: center;
   background-size: contain;
}

 .GandhiJayanti2025 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/gandhijiStandpic.png")no-repeat;

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  background-size:contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    top: 0;
    right: 0;
} 
.GandhiJayanti2025 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.GandhiJayanti2025 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.GandhiJayanti2025 .themebanner .frequently_visit ul li a:hover span {
    color: #123684;
}

.GandhiJayanti2025 .topbar {
    z-index: 50;
}

.GandhiJayanti2025 .Frequently-visit-section {
    z-index: 3;
    position: relative;
}

.GandhiJayanti2025 .pendingForActionWraper {
    z-index: 2;
    position: relative;
}

.GandhiJayanti2025 .what_happening_section {
    z-index: 2;
    position: relative;
}

.GandhiJayanti2025 .frequently_title {
    background: linear-gradient(179deg, #244DAD  30%, #123684 100%);
    z-index: 3;

}

.GandhiJayanti2025 .frequently_visit ul li span {
    color: #123684;
    /* color: #ffffff; */
}

.GandhiJayanti2025 .msg-alert {
    background: linear-gradient(45deg, #244DAD  30%, #123684 100%);
}

.GandhiJayanti2025 .pending-actions-box .card-body {
    background: linear-gradient(179deg, #244DAD  30%, #123684 100%);


}

.GandhiJayanti2025 .what_happening_section {
    background: linear-gradient(179deg, #244DAD  30%, #123684 100%);

}

.GandhiJayanti2025 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.GandhiJayanti2025 .assets9 {
    background: linear-gradient(179deg, #244DAD  30%, #123684 100%);
}

.GandhiJayanti2025 #dashboard .nav-tabs .nav-item.show .nav-link,
.GandhiJayanti2025 #dashboard .nav-tabs .nav-link.active {
    background: #244DAD !important;
}

.GandhiJayanti2025 .messageAlert {
    background: linear-gradient(92deg, #244DAD  30%, #123684 100%);
   
}

.GandhiJayanti2025 .notification_body {
    background: #123684;
}

.GandhiJayanti2025 .messageAlert::before {
    border-bottom: 10px solid #123684;
}

.GandhiJayanti2025 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #244DAD  30%, #123684 100%);
}

.GandhiJayanti2025 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    /* z-index: 2; */
    height: 104px;
    top: 0;
}

.GandhiJayanti2025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#123684 !important;
}

.GandhiJayanti2025 .pendingListView .card-body.bg-light,
.GandhiJayanti2025 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}

.GandhiJayanti2025 .Notification-list .readmoretext div:nth-child(4) button {
    background:rgb(65 94 157) !important;
   
}


.GandhiJayanti2025 .gridView li.active a {
    background: #123684;
}
.GandhiJayanti2025 .carousel-navigation {
    padding-top: 40px;
}

.GandhiJayanti2025 .survay_card2 {
    background: linear-gradient(179deg, #244DAD  30%, #123684 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.GandhiJayanti2025 .circle-iconsurvey .text-blue {
    color: #001950 !important;
}

.GandhiJayanti2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #244DAD !important;
}

.GandhiJayanti2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #244DAD !important;
}

.GandhiJayanti2025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #244DAD !important;
}

.GandhiJayanti2025 .blinking {
    border-color: #001950;
}


.GandhiJayanti2025 .Frequently-visit-section.leaveheader::after,
.GandhiJayanti2025 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.GandhiJayanti2025 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.GandhiJayanti2025 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color: #ffffffd9;
    border: 1px solid #ffffffa6;
}

.GandhiJayanti2025 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background: #fffefc;
}

.GandhiJayanti2025 .three strong.font18 {
    color: #123684;
}

.GandhiJayanti2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #123684 !important;
}


.GandhiJayanti2025 .what_happening_section::before {
    content: 'Remember all those who fought for gifting us Freedom';
    position: absolute;
    color: #414140;
    top: -38px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: left;
}
.GandhiJayanti2025 .pendingForActionWraper .card{
    border: transparent;
  
}

.GandhiJayanti2025 .settingIcon a.settings-opener{
    background:#123684;
   
}
.GandhiJayanti2025 .pendingListGridView .carousel-navigation p {
    color: #ffffff !important;
    font-weight: bold;
  
}
.GandhiJayanti2025  .carousel-navigation h2 {
    color: #fff;
}
.GandhiJayanti2025 .pendingaccordion .text-blue{
    color: #244DAD;
}

/*Diwali Theme 2025 */

.Diwali2025 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #780C93 30%, #780C93 100%);
    color: #fff !important;
}
.Diwali2025 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #780C93  30%, #780C93 100%);
}

.Diwali2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #780C93 ;
}

.Diwali2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #780C93;

}

.Diwali2025 .light-blue-bg.themebanner {
    position: relative;

}



.Diwali2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #780C93  !important;
}

.Diwali2025 .light-blue-bg.themebanner {
    background: #FDF6FF;
    background: linear-gradient(90deg,rgba(253, 246, 255, 1) 30%, rgba(217, 217, 217, 1) 62%, rgba(120, 12, 147, 1) 100%);
  
}
.Diwali2025 .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/diwali_lamp2025.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left, top;
   background-size: contain, auto;
}

 .Diwali2025 .light-blue-bg.themebanner::after {
    background: url("ThemeImages/dipak_lamp2025.png"),url("ThemeImages/diwali_img_right.png") ;
    content: "";
    position: absolute;
    width: 100%;
     z-index: 2, 3; 
    height:100%;
    bottom: 0;
    right: 0;
    background-size: calc(20%), auto;
   background-position-x: right, right;
   background-position-y: bottom, top;
   top:auto;
   background-repeat: no-repeat;
} 
.Diwali2025 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.Diwali2025 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.Diwali2025 .themebanner .frequently_visit ul li a:hover span {
    color: #780C93;
}

.Diwali2025 .topbar {
    z-index: 50;
}

.Diwali2025 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.Diwali2025 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.Diwali2025 .what_happening_section {
    z-index: 3;
    position: relative;
}

.Diwali2025 .frequently_title {
    background: linear-gradient(179deg, #780C93  30%, #780C93 100%);
    z-index: 3;

}

.Diwali2025 .frequently_visit ul li span {
    color: #780C93;
    /* color: #ffffff; */
}

.Diwali2025 .msg-alert {
    background: linear-gradient(45deg, #780C93  30%, #780C93 100%);
}

.Diwali2025 .pending-actions-box .card-body {
    background: rgba(120,12,147,.85);
   
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.Diwali2025 .what_happening_section {
    background: linear-gradient(359deg, #780C93  30%, #780C93 100%);

}

.Diwali2025 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.Diwali2025 .assets9 {
    background: linear-gradient(179deg, #780C93  30%, #780C93 100%);
}

.Diwali2025 #dashboard .nav-tabs .nav-item.show .nav-link,
.Diwali2025 #dashboard .nav-tabs .nav-link.active {
    background: #780C93 !important;
}

.Diwali2025 .messageAlert {
    background: linear-gradient(92deg, #780C93  30%, #780C93 100%);
}

.Diwali2025 .messageAlert::before {
    border-bottom: 10px solid #780C93;
}

.Diwali2025 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #780C93 30%, #780C93 100%);
}

.Diwali2025 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.Diwali2025 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#780C93 !important;
}

.Diwali2025 .pendingListView .card-body.bg-light,
.Diwali2025 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.Diwali2025 .notification_body {
    background: #780C93;
}
.Diwali2025 .Notification-list .readmoretext div:nth-child(4) button {
    background:#933da9 !important;
   
}
.Diwali2025 .gridView li.active a {
    background: #780C93;
}
.Diwali2025 .carousel-navigation {
    padding-top: 15px;
}

.Diwali2025 .survay_card2 {
    background: linear-gradient(179deg, #780C93  30%, #780C93 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.Diwali2025 .circle-iconsurvey .text-blue {
    color: #780C93 !important;
}

.Diwali2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #780C93 !important;
}

.Diwali2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #780C93 !important;
}

.Diwali2025 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #780C93 !important;
}

.Diwali2025 .blinking {
    border-color: #001950;
}


.Diwali2025 .Frequently-visit-section.leaveheader::after,
.Diwali2025 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.Diwali2025 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.Diwali2025 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffd6;
    /* border: 1px solid #ffffffa6; */
}

.Diwali2025 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#fefdfb;
}

.Diwali2025 .three strong.font18 {
    color: #780C93;
}

.Diwali2025 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #780C93 !important;
}


 .Diwali2025 .what_happening_section::before {
    content: 'Happy Diwali! May your days be filled with light, laughter, and positive energy throughout the year.';
    position: absolute;
    color: #333;
    top: -35px;
    left: 15px;
    right: 15px;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: left;
    
     z-index: 4;
 } 
 .Diwali2025 .what_happening_section::after {
    background: url("ThemeImages/1.png"), url("ThemeImages/2.png");
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position-x: left, right;
    background-position-y: bottom, bottom;
    transform: scaleX(-1);
background-size: calc(10%), calc(10%);
}
.Diwali2025 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.Diwali2025 .settingIcon a.settings-opener{
    background:#780C93;
   
}
.Diwali2025 .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.Diwali2025  .carousel-navigation h2 {
    color: #fff;
}
.Diwali2025 .pendingaccordion .text-blue{
    color: #780C93;
}
.Diwali2025 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.Diwali2025 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .Diwali2025 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .Diwali2025 .pending-actions-carousel .btn-green{
    background: #780C93;
  }
  .Diwali2025 .chatMinimizeBtn{
    background: #780C93;
  }
  .Diwali2025 .chatHeader {
    background-color: #780C93;

}
.Diwali2025 .tabIcon{
    background: #780C93;
}
/*Republic Day Theme 2026 */

.RepublicDay2026 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #FD6721 30%, #046A38 100%);
    color: #fff !important;
}
.RepublicDay2026 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
}

.RepublicDay2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #FD6721 ;
}

.RepublicDay2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #FD6721;

}



.RepublicDay2026 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #046A38  !important;
}

.RepublicDay2026 .light-blue-bg.themebanner {
    background: #FBC696;
    background: linear-gradient(0deg, #E9EFEB, #F9F2E7 76%);
  
}
.RepublicDay2026 .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/republicDay26.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: center;
   background-position-y: center;
   background-size: calc(100%);
}


.RepublicDay2026 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.RepublicDay2026 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.RepublicDay2026 .themebanner .frequently_visit ul li a:hover span {
    color: #046A38;
}

.RepublicDay2026 .light-blue-bg.themebanner {
    position: relative;

}

.RepublicDay2026 .topbar {
    z-index: 50;
}

.RepublicDay2026 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.RepublicDay2026 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.RepublicDay2026 .what_happening_section {
    z-index: 3;
    position: relative;
}

.RepublicDay2026 .frequently_title {
    background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
    z-index: 3;

}

.RepublicDay2026 .frequently_visit ul li span {
    color: #FD6721;
    /* color: #ffffff; */
}

.RepublicDay2026 .msg-alert {
    background: linear-gradient(45deg, #FD6721  30%, #046A38 100%);
}

.RepublicDay2026 .pending-actions-box .card-body {
    background: rgb(9,106,56);
    background: linear-gradient(0deg, rgba(9,106,56,0.82) 0%, rgba(253,103,33,0.82) 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.RepublicDay2026 .what_happening_section {
    background: linear-gradient(359deg, #046A38  30%, #FD6721 100%);

}

.RepublicDay2026 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.RepublicDay2026 .assets9 {
    background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
}

.RepublicDay2026 #dashboard .nav-tabs .nav-item.show .nav-link,
.RepublicDay2026 #dashboard .nav-tabs .nav-link.active {
    background: #FD6721 !important;
}

.RepublicDay2026 .messageAlert {
    background: linear-gradient(92deg, #FD6721  30%, #046A38 100%);
   
}



.RepublicDay2026 .messageAlert::before {
    border-bottom: 10px solid #046A38;
}

.RepublicDay2026 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #FD6721 30%, #046A38 100%);
}

.RepublicDay2026 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.RepublicDay2026 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#FD6721 !important;
}

.RepublicDay2026 .pendingListView .card-body.bg-light,
.RepublicDay2026 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.RepublicDay2026 .notification_body {
    background: #FD6721;
}
.RepublicDay2026 .Notification-list .readmoretext div:nth-child(4) button {
    background:#fd854d !important;
   
}


.RepublicDay2026 .gridView li.active a {
    background: #FD6721;
}
.RepublicDay2026 .carousel-navigation {
    padding-top: 15px;
}

.RepublicDay2026 .survay_card2 {
    background: linear-gradient(179deg, #FD6721  30%, #046A38 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.RepublicDay2026 .circle-iconsurvey .text-blue {
    color: #FD6721 !important;
}

.RepublicDay2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #FD6721 !important;
}

.RepublicDay2026 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #FD6721 !important;
}

.RepublicDay2026 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #FD6721 !important;
}

.RepublicDay2026 .blinking {
    border-color: #001950;
}


.RepublicDay2026 .Frequently-visit-section.leaveheader::after,
.RepublicDay2026 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.RepublicDay2026 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.RepublicDay2026 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffeb;
    /* border: 1px solid #ffffffa6; */
}

.RepublicDay2026 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#fefdfb;
}

.RepublicDay2026 .three strong.font18 {
    color: #FD6721;
}

.RepublicDay2026 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #FD6721 !important;
}


 .RepublicDay2026 .what_happening_section::before {
    content: 'On this Republic Day, lets pledge to make India great.. Happy Republic Day!';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: left;
    
     z-index: 4;
 } 

.RepublicDay2026 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.RepublicDay2026 .settingIcon a.settings-opener{
    background:#046A38;
   
}
.RepublicDay2026 .pendingListGridView .carousel-navigation p {
    color: #333 !important;
    font-weight: bold;
  
}
.RepublicDay2026  .carousel-navigation h2 {
    color: #333;
}
.RepublicDay2026 .pendingaccordion .text-blue{
    color: #FD6721;
}
.RepublicDay2026 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.RepublicDay2026 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .RepublicDay2026 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .RepublicDay2026 .pending-actions-carousel .btn-green{
    background: #FD6721;
  }
  .RepublicDay2026 .chatMinimizeBtn{
    background: #FD6721;
  }
  .RepublicDay2026 .chatHeader {
    background-color: #FD6721;

}
.RepublicDay2026 .tabIcon{
    background: #FD6721;
}
/* Data Privacy Day */

.DataPrivacyDay2026 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #183a86 30%, #183a86 100%);
}

.DataPrivacyDay2026 .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/cybersecurity-action.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: right;
   background-position-y: center;
   background-size:contain;
}
.DataPrivacyDay2026 .what_happening_section .container {
    z-index: 2;
    position: relative;
}
.DataPrivacyDay2026 .pendingForActionWraper .card {
    border: transparent;
    background: transparent;
}

.DataPrivacyDay2026 .what_happening_section::before {
    content: 'Data Privacy Day - Think Privacy First';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: left;
    font-size: 18px;
     z-index: 4;
 } 
 .DataPrivacyDay2026 .light-blue-bg.themebanner {
    position: relative;

}

.DataPrivacyDay2026 .topbar {
    z-index: 50;
}

.DataPrivacyDay2026 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.DataPrivacyDay2026 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.DataPrivacyDay2026 .what_happening_section {
    z-index: 3;
    position: relative;
}
.DataPrivacyDay2026 .pending-actions-box .card-body {
    background: rgb(17,77,154);
    background:linear-gradient(0deg, rgb(17 77 154 / 85%) 0%, rgb(24 58 134 / 85%) 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}
.DataPrivacyDay2026 .themebanner .frequently_visit.card {
    background-color:#ffffffc9;
  
}
/*Holi Theme 2026 */

.Holi2026 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #CB30E0 30%, #CB30E0 100%);
    color: #fff !important;
}
.Holi2026 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #CB30E0  30%, #CB30E0 100%);
}

.Holi2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #CB30E0 ;
}

.Holi2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #CB30E0;

}



.Holi2026 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #CB30E0  !important;
}

.Holi2026 .light-blue-bg.themebanner {
    background: #FBC696;
    background: linear-gradient(0deg, #E9EFEB, #F9F2E7 76%);
  
}
.Holi2026 .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/holi_hands.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left;
   background-position-y: top;
  
}
.Holi2026 .light-blue-bg.themebanner::after {
    background-image: url("ThemeImages/holi_color.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: right;
   background-position-y: center;
   
}


.Holi2026 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.Holi2026 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.Holi2026 .themebanner .frequently_visit ul li a:hover span {
    color: #CB30E0;
}

.Holi2026 .light-blue-bg.themebanner {
    position: relative;

}

.Holi2026 .topbar {
    z-index: 50;
}

.Holi2026 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.Holi2026 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.Holi2026 .what_happening_section {
    z-index: 3;
    position: relative;
}

.Holi2026 .frequently_title {
    background: linear-gradient(179deg, #CB30E0  30%, #CB30E0 100%);
    z-index: 3;

}

.Holi2026 .frequently_visit ul li span {
    color: #CB30E0;
    /* color: #ffffff; */
}

.Holi2026 .msg-alert {
    background: linear-gradient(45deg, #CB30E0  30%, #CB30E0 100%);
}

.Holi2026 .pending-actions-box .card-body {
    background: rgb(203,48,224);
    background: linear-gradient(0deg, rgba(203,48,224,0.82) 0%, rgba(203,48,224,0.82) 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.Holi2026 .what_happening_section {
    background: linear-gradient(359deg, #CB30E0  30%, #CB30E0 100%);

}

.Holi2026 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.Holi2026 .assets9 {
    background: linear-gradient(179deg, #CB30E0  30%, #CB30E0 100%);
}

.Holi2026 #dashboard .nav-tabs .nav-item.show .nav-link,
.Holi2026 #dashboard .nav-tabs .nav-link.active {
    background: #CB30E0 !important;
}

.Holi2026 .messageAlert {
    background: linear-gradient(92deg, #CB30E0  30%, #CB30E0 100%);
   
}



.Holi2026 .messageAlert::before {
    border-bottom: 10px solid #CB30E0;
}

.Holi2026 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #CB30E0 30%, #CB30E0 100%);
}

.Holi2026 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.Holi2026 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#CB30E0 !important;
}

.Holi2026 .pendingListView .card-body.bg-light,
.Holi2026 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.Holi2026 .notification_body {
    background: #be2ad2;
}
.Holi2026 .Notification-list .readmoretext div:nth-child(4) button {
    background:#d559e6 !important;
   
}


.Holi2026 .gridView li.active a {
    background: #CB30E0;
}
.Holi2026 .carousel-navigation {
    padding-top: 15px;
}

.Holi2026 .survay_card2 {
    background: linear-gradient(179deg, #CB30E0  30%, #CB30E0 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.Holi2026 .circle-iconsurvey .text-blue {
    color: #CB30E0 !important;
}

.Holi2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #CB30E0 !important;
}

.Holi2026 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #CB30E0 !important;
}

.Holi2026 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #CB30E0 !important;
}

.Holi2026 .blinking {
    border-color: #001950;
}


.Holi2026 .Frequently-visit-section.leaveheader::after,
.Holi2026 .Frequently-visit-section.leaveheader::before {
    display: none;
}

.Holi2026 .frequently_visit.card {
    position: relative;
    z-index: 3;

}

.Holi2026 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffeb;
    /* border: 1px solid #ffffffa6; */
}

.Holi2026 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#fefdfb;
}

.Holi2026 .three strong.font18 {
    color: #CB30E0;
}

.Holi2026 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #CB30E0 !important;
}


 .Holi2026 .what_happening_section::before {
    content: 'May the colors of Holi fill your heart with love and your home with laughter';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: left;
    
     z-index: 4;
 } 

.Holi2026 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.Holi2026 .settingIcon a.settings-opener{
    background:#CB30E0;
   
}
.Holi2026 .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.Holi2026  .carousel-navigation h2 {
    color: #fff;
}
.Holi2026 .pendingaccordion .text-blue{
    color: #CB30E0;
}
.Holi2026 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.Holi2026 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .Holi2026 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .Holi2026 .pending-actions-carousel .btn-green{
    background: #CB30E0;
  }
  .Holi2026 .chatMinimizeBtn{
    background: #CB30E0;
  }
  .Holi2026 .chatHeader {
    background-color: #CB30E0;

}
.Holi2026 .tabIcon{
    background: #CB30E0;
}

/*Holi Theme 2026 */

.Eid2026 .custom_toaster .Toastify__toast--default {
    background: linear-gradient(30deg, #025D7E 30%, #8A1F87 100%);
    color: #fff !important;
}
.Eid2026 .PendingListFilter .bg-blue {
    background: linear-gradient(179deg, #025D7E  30%, #8A1F87 100%);
}

.Eid2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
    color: #025D7E ;
}

.Eid2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
    background-color: #025D7E;

}



.Eid2026 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #025D7E  !important;
}

.Eid2026 .light-blue-bg.themebanner {
    background: #FBC696;
    background: linear-gradient(
        90deg, #FBF2E8, #FD9BF7 100%);
  
}
.Eid2026 .light-blue-bg.themebanner::before {
    background-image: url("ThemeImages/eidlamp.png"), url("ThemeImages/EidCircle.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: left, left;
   background-position-y: top, bottom;
  
}
.Eid2026 .light-blue-bg.themebanner::after {
    background-image: url("ThemeImages/moonimg.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    height: 100%;
   background-position-x: right;
   background-position-y: center;
   background-size: contain;
}


.Eid2026 .pending-actions-box .card-footer {
    border-bottom: 1px solid #cbcbcb;
}

.Eid2026 .pendingListView .boxContent.bg-white {
    background: #ffffff94 !important;
}

.Eid2026 .themebanner .frequently_visit ul li a:hover span {
    color: #025D7E;
}

.Eid2026 .light-blue-bg.themebanner {
    position: relative;

}

.Eid2026 .topbar {
    z-index: 50;
}

.Eid2026 .Frequently-visit-section {
    z-index: 4;
    position: relative;
}

.Eid2026 .pendingForActionWraper {
    z-index: 3;
    position: relative;
}

.Eid2026 .what_happening_section {
    z-index: 3;
    position: relative;
}

.Eid2026 .frequently_title {
    background: linear-gradient(179deg, #025D7E  30%, #8A1F87 100%);
    z-index: 3;

}

.Eid2026 .frequently_visit ul li span {
    color: #025D7E;
    /* color: #ffffff; */
}

.Eid2026 .msg-alert {
    background: linear-gradient(45deg, #025D7E  30%, #8A1F87 100%);
}

.Eid2026 .pending-actions-box .card-body {
    background: rgb(203,48,224);
    background: linear-gradient(0deg, rgba(2,93,126,0.82) 0%, rgba(138,31,135,0.82) 100%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.Eid2026 .what_happening_section {
    background: linear-gradient(359deg, #025D7E  30%, #8A1F87 100%);

}

.Eid2026 .what_happening_section .container {
    z-index: 2;
    position: relative;
}

.Eid2026 .assets9 {
    background: linear-gradient(179deg, #025D7E  30%, #8A1F87 100%);
}

.Eid2026 #dashboard .nav-tabs .nav-item.show .nav-link,
.Eid2026 #dashboard .nav-tabs .nav-link.active {
    background: #025D7E !important;
}

.Eid2026 .messageAlert {
    background: linear-gradient(92deg, #025D7E  30%, #8A1F87 100%);
   
}



.Eid2026 .messageAlert::before {
    border-bottom: 10px solid #8A1F87;
}

.Eid2026 .Frequently-visit-section.expenseheader::before {
    background: linear-gradient(179deg, #025D7E 30%, #8A1F87 100%);
}

.Eid2026 .Frequently-visit-section.expenseheader::after {
    background: url("ThemeImages/waves_bg.png") no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2; 
    height: 104px;
    top: 0;
}

.Eid2026 .expenseClaim .frequently_visit ul li .dropdown-menu span {
    background:#025D7E !important;
}

.Eid2026 .pendingListView .card-body.bg-light,
.Eid2026 .pendingListView .card-body.bg-light a {
    color: #ffffff;
}
.Eid2026 .notification_body {
    background: #be2ad2;
}
.Eid2026 .Notification-list .readmoretext div:nth-child(4) button {
    background:#d559e6 !important;
}
.Eid2026 .gridView li.active a {
    background: #025D7E;
}
.Eid2026 .carousel-navigation {
    padding-top: 15px;
}
.Eid2026 .survay_card2 {
    background: linear-gradient(179deg, #025D7E  30%, #8A1F87 100%);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}

.Eid2026 .circle-iconsurvey .text-blue {
    color: #025D7E !important;
}
.Eid2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
    color: #025D7E !important;
}
.Eid2026 .pendingForActionWraper .pendingListView .MuiTabs-indicator {
    background-color: #025D7E !important;
}
.Eid2026 .pendingForActionWraper .pendingListView .Mui-selected .tabListIcon {
    color: #025D7E !important;
}
.Eid2026 .blinking {
    border-color: #001950;
}
.Eid2026 .Frequently-visit-section.leaveheader::after,
.Eid2026 .Frequently-visit-section.leaveheader::before {
    display: none;
}
.Eid2026 .frequently_visit.card {
    position: relative;
    z-index: 3;
}
.Eid2026 .themebanner .frequently_visit.card {
    /* background-color: #ffffff9e; */
    background-color:#ffffffeb;
    /* border: 1px solid #ffffffa6; */
}

.Eid2026 .themebanner .frequently_title:after {
    /* background: #f6f8fc; */
    background:#fefdfb;
}

.Eid2026 .three strong.font18 {
    color: #025D7E;
}

.Eid2026 .pendingForActionWraper .pendingListView .shimmer_effect #loader-4 span {
    background: #025D7E !important;
}


 .Eid2026 .what_happening_section::before {
    content: 'May Eid fill your home with endless laughter and beautiful memories.';
    position: absolute;
    color: #333;
    top: -35px;
    left: 0;
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    font-family: 'Roboto Bold';
    text-align: center;
    
     z-index: 4;
 } 
 .Eid2026 .what_happening_section::after {
    background: url("ThemeImages/lighting_lamp.png") no-repeat;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    background-position-x: left;
    background-position-y: top;
    transform: scaleX(-1);
background-size: calc(30%);
}
.Eid2026 .pendingForActionWraper .card{
    border: transparent;
  background: transparent;
}

.Eid2026 .settingIcon a.settings-opener{
    background:#025D7E;
   
}
.Eid2026 .pendingListGridView .carousel-navigation p {
    color: #fff !important;
    font-weight: bold;
  
}
.Eid2026  .carousel-navigation h2 {
    color: #fff;
}
.Eid2026 .pendingaccordion .text-blue{
    color: #025D7E;
}
.Eid2026 .frequently_visit ul li a:hover {
    background:#e5e7ff;
}

.Eid2026 .btn-fqlink:hover, .btn-moreLink:hover, .frequently_visit ul li a:hover {
    background: #e5e7ff;
  }
  .Eid2026 .btn-moreLink:hover{
    background: #e5e7ff;
  }
  .Eid2026 .pending-actions-carousel .btn-green{
    background: #025D7E;
  }
  .Eid2026 .chatMinimizeBtn{
    background: #025D7E;
  }
  .Eid2026 .chatHeader {
    background-color: #025D7E;

}
.Eid2026 .tabIcon{
    background: #025D7E;
}
@media (max-width: 992px) {


    .Eid2026 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .Eid2026 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .Eid2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .Eid2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .Eid2026 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .Eid2026 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#025D7E;
    }
    .Eid2026 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#025D7E  ;
    }
    .Eid2026 .PendingListFilter .bg-blue {
        background:#025D7E;
    }

    .Eid2026 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .Eid2026 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .Eid2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .Eid2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .Eid2026 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .Eid2026 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#025D7E;
    }
    .Eid2026 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#025D7E  ;
    }
    .Eid2026 .PendingListFilter .bg-blue {
        background:#025D7E;
    }



    .Holi2026 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .Holi2026 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .Holi2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .Holi2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .Holi2026 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .Holi2026 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#CB30E0;
    }
    .Holi2026 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#CB30E0  ;
    }
    .Holi2026 .PendingListFilter .bg-blue {
        background:#CB30E0;
    }

    .Holi2026 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .Holi2026 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .Holi2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .Holi2026 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .Holi2026 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .Holi2026 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#CB30E0;
    }
    .Holi2026 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#CB30E0  ;
    }
    .Holi2026 .PendingListFilter .bg-blue {
        background:#CB30E0;
    }

    .Diwali2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .Diwali2025 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .Diwali2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .Diwali2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .Diwali2025 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .Diwali2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#780C93;
    }
    .Diwali2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#780C93  ;
    }
    .Diwali2025 .PendingListFilter .bg-blue {
        background:#780C93;
    }


    .IndependenceDay2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .IndependenceDay2025 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .IndependenceDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .IndependenceDay2025 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .IndependenceDay2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#FD6721;
    }
    .IndependenceDay2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#FD6721  ;
    }
    .IndependenceDay2025 .PendingListFilter .bg-blue {
        background:#FD6721;
    }


    .YogaTheme2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .YogaTheme2025 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .YogaTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .YogaTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .YogaTheme2025 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .YogaTheme2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#60C67A;
    }
    .YogaTheme2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#60C67A  ;
    }
    .YogaTheme2025 .PendingListFilter .bg-blue {
        background:#145875;
    }


    .EarthDay20025 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .EarthDay20025 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .EarthDay20025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .EarthDay20025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .EarthDay20025 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .EarthDay20025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#87C342;
    }
    .EarthDay20025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#87C342  ;
    }
    .EarthDay20025 .PendingListFilter .bg-blue {
        background:#87C342;
    }



    .EIDTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .EIDTheme .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .EIDTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .EIDTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .EIDTheme .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .EIDTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#145875;
    }
    .EIDTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#145875  ;
    }
    .EIDTheme .PendingListFilter .bg-blue {
        background:#145875;
    }


    .DiversityTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .DiversityTheme .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .DiversityTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .DiversityTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .DiversityTheme .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .DiversityTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#244DAD;
    }
    .DiversityTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#244DAD  ;
    }
    .DiversityTheme .PendingListFilter .bg-blue {
        background:#244DAD;
    }


    .ValentineDay2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .ValentineDay2025 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .ValentineDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .ValentineDay2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .ValentineDay2025 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .ValentineDay2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#DB4856;
    }
    .ValentineDay2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#DB4856  ;
    }
    .ValentineDay2025 .PendingListFilter .bg-blue {
        background:#DB4856;
    }



    .ChineseNewYear2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .ChineseNewYear2025 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .ChineseNewYear2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .ChineseNewYear2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .ChineseNewYear2025 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .ChineseNewYear2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#DB4856;
    }
    .ChineseNewYear2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#DB4856  ;
    }
    .ChineseNewYear2025 .PendingListFilter .bg-blue {
        background:#DB4856;
    }


    .MLKTheme2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .MLKTheme2025 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .MLKTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .MLKTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .MLKTheme2025 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .MLKTheme2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#45943D;
    }
    .MLKTheme2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#45943D  ;
    }
    .MLKTheme2025 .PendingListFilter .bg-blue {
        background:#45943D;
    }


    .SLPTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .SLPTheme .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .SLPTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .SLPTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .SLPTheme .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .SLPTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#FEB904;
    }
    .SLPTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#FEB904  ;
    }
    .SLPTheme .PendingListFilter .bg-blue {
        background:#FEB904;
    }


    .KargilVijayDiwas .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .KargilVijayDiwas .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .KargilVijayDiwas .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .KargilVijayDiwas .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .KargilVijayDiwas .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .KargilVijayDiwas .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#DE5126;
    }
    .KargilVijayDiwas .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#DE5126  ;
    }
    .KargilVijayDiwas .PendingListFilter .bg-blue {
        background:#DE5126;
    }



    .USIndependenceDay2024 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .USIndependenceDay2024 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .USIndependenceDay2024 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .USIndependenceDay2024 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .USIndependenceDay2024 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .USIndependenceDay2024 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#242B67;
    }
    .USIndependenceDay2024 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#242B67  ;
    }
    .USIndependenceDay2024 .PendingListFilter .bg-blue {
        background:#242B67;
    }


    .WorldEnvironmentDay .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .WorldEnvironmentDay .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .WorldEnvironmentDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .WorldEnvironmentDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .WorldEnvironmentDay .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .WorldEnvironmentDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#008BCC;
    }
    .WorldEnvironmentDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#008BCC  ;
    }
    .WorldEnvironmentDay .PendingListFilter .bg-blue {
        background:#008BCC;
    }



    .WaterDay .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .WaterDay .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .WaterDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .WaterDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .WaterDay .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .WaterDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#0381CD;
    }
    .WaterDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#0381CD  ;
    }
    .WaterDay .PendingListFilter .bg-blue {
        background:#0381CD;
    }


    .YogaDay .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .YogaDay .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .YogaDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .YogaDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .YogaDay .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .YogaDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#0381CD;
    }
    .YogaDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#0381CD  ;
    }
    .YogaDay .PendingListFilter .bg-blue {
        background:#0381CD;
    }



    .HappinessDay .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .HappinessDay .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .HappinessDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .HappinessDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .HappinessDay .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .HappinessDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#EAB349;
    }
    .HappinessDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#EAB349  ;
    }
    .HappinessDay .PendingListFilter .bg-blue {
        background:#EAB349;
    }




    .WomensDay .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .WomensDay .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .WomensDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .WomensDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .WomensDay .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .WomensDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#EE3B8B;
    }
    .WomensDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#EE3B8B  ;
    }
    .WomensDay .PendingListFilter .bg-blue {
        background:#EE3B8B;
    }



    .DiversityCelebration .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .DiversityCelebration .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .DiversityCelebration .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .DiversityCelebration .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .DiversityCelebration .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .DiversityCelebration .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#5FACB2;
    }
    .DiversityCelebration .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#5FACB2  ;
    }
    .DiversityCelebration .PendingListFilter .bg-blue {
        background:#5FACB2;
    }





    .RepublicTheme2025 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .RepublicTheme2025 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .RepublicTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .RepublicTheme2025 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .RepublicTheme2025 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .RepublicTheme2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#FD6721;
    }
    .RepublicTheme2025 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#FD6721  ;
    }
    .RepublicTheme2025 .PendingListFilter .bg-blue {
        background:#FD6721;
    }



    .MLKTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .MLKTheme .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .MLKTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .MLKTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .MLKTheme .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .MLKTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#012163;
    }
    .MLKTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#012163  ;
    }
    .MLKTheme .PendingListFilter .bg-blue {
        background:#012163;
    }


    .NewYearTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .NewYearTheme .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .NewYearTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .NewYearTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .NewYearTheme .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .NewYearTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#4F3C7A;
    }
    .NewYearTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#4F3C7A  ;
    }
    .NewYearTheme .PendingListFilter .bg-blue {
        background:#4f3c7a;
    }


    .FoundationDay .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .FoundationDay .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .FoundationDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .FoundationDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .FoundationDay .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .FoundationDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#1C1E45;
    }
    .FoundationDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#1C1E45  ;
    }
    .FoundationDay .PendingListFilter .bg-blue {
        background:#242D64;
    }
   




    .Guruparvtheme .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .Guruparvtheme .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .Guruparvtheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .Guruparvtheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .Guruparvtheme .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .Guruparvtheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:rgb(4 88 161);
    }
    .Guruparvtheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:rgb(4 88 161);
    }
    .Guruparvtheme .PendingListFilter .bg-blue {
        background:#0763B3;
    }
   
    .ThanksGivingDay1 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .ThanksGivingDay1 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .ThanksGivingDay1 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .ThanksGivingDay1 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .ThanksGivingDay1 .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .ThanksGivingDay1 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:rgb(185 67 31);
    }
    .ThanksGivingDay1 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: rgb(185 67 31);
    }


     .DiwaliFestival .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .DiwaliFestival .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .DiwaliFestival .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .DiwaliFestival .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .DiwaliFestival .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .DiwaliFestival .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:rgb(227 74 13);
    }
    .DiwaliFestival .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: rgb(227 74 13);
    }



    
    .DussehraTheme .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .DussehraTheme .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .DussehraTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .DussehraTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .DussehraTheme .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .DussehraTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background: rgb(251 87 38);
    }
    .DussehraTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: rgb(251 87 38);
    }



    .ColumbusDay .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .ColumbusDay .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .ColumbusDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .ColumbusDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .ColumbusDay .pendingForActionWraper {
        padding-bottom: 30px;
    }
  
    .ColumbusDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:rgb(26 54 120 / 43%);
    }
    .ColumbusDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:rgb(26 54 120 / 43%);
    }
    
    .GandhiJayanti .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .GandhiJayanti .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .GandhiJayanti .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .GandhiJayanti .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .GandhiJayanti .pendingForActionWraper {
        padding-bottom: 30px;
    }
    .GandhiJayanti .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background: rgb(215 76 10);
    }
    .GandhiJayanti .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: rgb(215 76 10);
    }




    .MiladUlNabi .themebanner .frequently_visit.card {
        background-color: #ffffffb8;
    }
    .MiladUlNabi .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .MiladUlNabi .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .MiladUlNabi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .MiladUlNabi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .MiladUlNabi .pendingForActionWraper {
        padding-bottom: 30px;
    }
    .MiladUlNabi .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:rgb(13 89 102);
    }
    .MiladUlNabi .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:rgb(13 89 102);
    }

    .Ganeshchaturthi .themebanner .frequently_visit.card {
        background-color: #ffffffb8;
    }
    .Ganeshchaturthi .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .Ganeshchaturthi .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .Ganeshchaturthi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .Ganeshchaturthi .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .Ganeshchaturthi .pendingForActionWraper {
        padding-bottom: 30px;
    }
    .Ganeshchaturthi .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background: rgb(241 207 0);
    }
    .Ganeshchaturthi .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: rgb(241 207 0);
    }


    .G20 .themebanner .frequently_visit.card {
        background-color: #ffffffb8;
    }
    .G20 .pendingForActionWraper .pendingListView .MuiTabs-indicator{
        background-color: #fff !important;
    }
    .G20 .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff !important;
    }
    .G20 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .G20 .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
    }
    .G20 .pendingForActionWraper {
        padding-bottom: 30px;
    }
    .G20 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background: rgb(62 135 208);
    }
    .G20 .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: rgb(62 135 208);
    }

    .janmashtami .pendingForActionWraper .pendingListView .MuiTabs-indicator {
        background-color: #fff !important;
    }
    .janmashtami .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #fff;
    }
    .janmashtami .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #fff !important;
    }
    .janmashtami .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #fff !important;
    }
    .janmashtami .PendingListFilter .bg-blue {
        background: linear-gradient(90deg, #F3D82D 30%, #FF5E36 100%);
    }
    .janmashtami .pendingForActionWraper {
        padding-bottom: 30px;
    }
    .janmashtami .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background:#e1c200;
    }
    .janmashtami .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background:#f54e24;
    }



    .Vchandrayaan .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background: #0E3997;
    }

    .Vchandrayaan .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: #0E3997;
    }

    .Vchandrayaan .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #ffffff !important;

    }

    .Vchandrayaan .pendingListView .MuiButtonBase-root.Mui-selected .d-flex.w-100 {
        color: #ffffff !important;
    }

    .Vchandrayaan .pendingForActionWraper .pendingListView .MuiTabs-indicator {
        background-color: #ffffff !important;
    }

    .Vchandrayaan .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff;
        color: #0E3997;
    }

    .Vchandrayaan .pendingForActionWraper .PendingListFilter .MuiButtonBase-root.Mui-selected .d-flex.w-100 {
        opacity: 1;
    }

    .Vchandrayaan .pendingForActionWraper .pendingListView .tabListIcon {
        opacity: .8;
    }

    .Vchandrayaan.pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
        opacity: 1;

    }

    .InIndependenceDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background: rgb(223 76 0);
    }

    .InIndependenceDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: rgb(223 76 0);
    }

    .InIndependenceDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #ffffff !important;

    }

    .InIndependenceDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff;
        color: rgb(223 76 0);
    }

    .InIndependenceDay .pendingForActionWraper .PendingListFilter .MuiButtonBase-root .d-flex.w-100 {
        opacity: .8;
    }

    .InIndependenceDay .pendingForActionWraper .PendingListFilter .MuiButtonBase-root.Mui-selected .d-flex.w-100 {
        opacity: 1;
    }

    .InIndependenceDay .pendingForActionWraper .pendingListView .tabListIcon {
        opacity: .8;
    }

    .InIndependenceDay .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
        opacity: 1;

    }

    .ChristmasTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background: #b90421;
    }

    .ChristmasTheme .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: #CA0525;
    }

    .ChristmasTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .tabListIcon {
        color: #ffffff !important;

    }

    .ChristmasTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected .badge.badge-light {
        background-color: #ffffff;
        color: #CA0525;
    }

    .ChristmasTheme .pendingForActionWraper .PendingListFilter .MuiButtonBase-root .d-flex.w-100 {
        opacity: .8;
    }

    .ChristmasTheme .pendingForActionWraper .PendingListFilter .MuiButtonBase-root.Mui-selected .d-flex.w-100 {
        opacity: 1;
    }

    .ChristmasTheme .pendingForActionWraper .pendingListView .tabListIcon {
        opacity: .8;
    }

    .ChristmasTheme .pendingForActionWraper .pendingListView .MuiButtonBase-root.Mui-selected {
        color: #ffffff !important;
        opacity: 1;

    }


}

@media (max-width: 768px) {
    .IndependenceDay2025 .light-blue-bg.themebanner::before {
   
        background-size: contain, contain;
     }
    .EIDTheme .light-blue-bg.themebanner::before{
        background-size: 10%;
    }
    .EIDTheme .what_happening_section::after{
        background-size: calc(62%);
    }
    .DiversityTheme .what_happening_section::after{
        background-position-x: right;
    background-position-y: bottom;
    background-size: contain;
    }
    .ChineseNewYear2025 .light-blue-bg.themebanner::before {
       
       background-position-x: left, right;
       background-position-y: top, top;
       background-size: calc(22%), calc(22%);
      
    }
    
     .ChineseNewYear2025 .light-blue-bg.themebanner::after {
       
        background-position-x: center, right;
       background-position-y: bottom, bottom;
       background-size: calc(17%), calc(40%);
      
    } 
   

    .MLKTheme2025 .light-blue-bg.themebanner::after{
        background-size: auto;
}
.MLKTheme2025 .carousel-navigation h2 {
    color: #333;
}
.MLKTheme2025 .pendingListGridView .carousel-navigation p {
    color: #333 !important;
   
}
   
    .FoundationDay .carousel-navigation h2 {
        color: #333;
    }
    .FoundationDay .pendingListGridView .carousel-navigation p {
        color: #333 !important;
       
    }
    .FoundationDay .pending-actions-box .card-body {
        background: #1c1e45;
    }
    .FoundationDay .light-blue-bg.themebanner::before {
        background-size: inherit;
    }
    .FoundationDay .light-blue-bg.themebanner::after{
        background-size: inherit;
    }
   
    .FoundationDay .frequently_visit ul li a:hover {
      
        background: transparent;
    }
    .Guruparvtheme .frequently_visit ul li a:hover {
      
        background: transparent;
    }
  
  

    .ThanksGivingDay1 .frequently_visit ul li a:hover {
        color: #27AE60 !important;
    }
    .ThanksGivingDay1 .frequently_visit ul li a:hover span {
        color: #27AE60 !important;
    }
    .ThanksGivingDay1 .carousel-navigation h2 {
        color: #333;
    }
    .ThanksGivingDay1 .pendingListGridView .carousel-navigation p {
        color: #333 !important;
      
    }
    .DiwaliFestival .pendingListGridView .carousel-navigation p {
        color: #333 !important;
       
    }
    .DiwaliFestival .carousel-navigation h2 {
        color: #333;
    }
    
    .ColumbusDay .what_happening_section::before {
        left: 0px;
        text-align: center;
    } 
    .Ganeshchaturthi .pendingListGridView .carousel-navigation p {
        color: #333 !important;
       
    }
    .Ganeshchaturthi .carousel-navigation h2 {
        color: #333;
    }
    .Vchandrayaan .pendingListGridView .carousel-navigation h2 {
        color: #333 !important;
    }

    .Vchandrayaan .pendingForActionWraper .pendingListGridView .carousel-navigation .text-gray {
        color: #666 !important;
    }

    .InIndependenceDay .light-blue-bg.themebanner::after {
        top: 0;
        background-position-y: top;
        background-size: contain;
    }

    .ChristmasTheme .what_happening_section::after {
        opacity: .3;
    }

    .USIndependenceDay .light-blue-bg.themebanner::after {
        background-size: 50% 100%;
        background-attachment: inherit;
    }

    .USIndependenceDay .themebanner .favo_mob .btn-fqlink {
        color: #ffffff;
    }

    .USIndependenceDay .themebanner .frequently_visit::after {
        background-size: 100% 100%;
    }
}

@media (max-width: 575px) {
    
    .ChineseNewYear2025 .light-blue-bg.themebanner::before {
       
        background-position-x: left, right;
        background-position-y: top, top;
        background-size: calc(30%), calc(30%);
       
     }
     
      .ChineseNewYear2025 .light-blue-bg.themebanner::after {
        
         background-position-x: center, right;
        background-position-y: bottom, bottom;
        background-size: calc(30%), calc(40%);
       
     } 
 
    .ChristmasTheme .what_happening_section::after{
        bottom: 0;
        top:auto
    }
    .Guruparvtheme .what_happening_section::before {
        color:#fff;
       
    }
    .ThanksGivingDay1 .light-blue-bg.themebanner::after{
        background-size: calc(45%);
    }
    .ThanksGivingDay1 .what_happening_section::before{
        top: -54px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
    /* .DiwaliFestival .frequently_visit ul li span {
        color: #fff;
       
    }
    .DiwaliFestival .frequently_visit ul li a {
        color: #fff;
    }

    .DiwaliFestival .themebanner .frequently_visit.card {
      
        background: linear-gradient(179deg, #ad13a799 30%, #fa6d0094 100%);
       
    } */

    .Ganeshchaturthi .light-blue-bg.themebanner::before {
      display: none;
    }
    .Vchandrayaan .frequently_visit.card {

        background-color: #ffffffc9;
    }

    .Vchandrayaan .pendingListGridView .carousel-navigation h2 {
        color: #ffffff !important;
    }

    .Vchandrayaan .pendingForActionWraper .pendingListGridView .carousel-navigation .text-gray {
        color: #fff !important;
    }

    .Vchandrayaan .light-blue-bg.themebanner {

        background-size: auto;
    }

    .InIndependenceDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:first-child {
        background: rgb(0 0 0 / 11%);
    }

    .InIndependenceDay .scrollableTabs .MuiButtonBase-root.MuiTabScrollButton-root:last-child {
        background: rgb(0 0 0 / 11%);
    }

    .USIndependenceDay .light-blue-bg.themebanner::after {
        background-size: 35% 100%;

    }

    .USIndependenceDay .themebanner .frequently_visit::after {
        background-size: 160% 100%;
        background-position: bottom;
    }
}