.calendar-container {
    background: #fff;
    border-radius: 0px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.calendar-container header {
    display: flex;
    align-items: center;
    padding: 15px 20px 5px;
    justify-content: space-between;
}

header .calendar-navigation { display: flex; position: relative; top: -9px; }

header .calendar-navigation span {
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    user-select: none;
    color: #aeabab;
    font-size: 1.9rem;
}
.material-symbols-rounded { line-height: 32px !important; }
.calendar-navigation span:last-child {
    margin-right: -10px;
}

header .calendar-navigation span:hover {
    background: #f2f2f2;
}

header .calendar-current-date {
    font-weight: 500;
    font-size: 1.45rem;
}

.calendar-body {
    padding: 10px;
}

.calendar-body ul {
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    text-align: center;
}

.calendar-body .calendar-dates {
    margin-bottom: 20px;
}

.calendar-body li {
    width: calc(100% / 7);
    font-size: 1rem;
    color: #414141;
}

.calendar-body .calendar-weekdays li {
    cursor: default;
    font-weight: 500;
}

.calendar-body .calendar-dates li {
    margin-top: 0px; padding: 9px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.calendar-dates li.inactive {
    color: #aaa;
}

.calendar-dates li.active {
    color: #fff;
}

.calendar-dates li::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.calendar-dates li.active::before {
    background: #DDAE68;
}

.calendar-dates li:not(.active):hover::before {
    background: #e4e1e1;
}
.nav-tabs .nav-link {
    color: white;
    background-color:#54A9D3;
    margin-right:1px;
    border-top-right-radius: 0px;
    border:0px
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: white;
    background-color:#D98600;
    margin-right:1px;
    border-top-right-radius: 0px;
    border:0px
}
h4{color:#333333}
#Campus-events-page .dropdown-menu {  }
.event-content-container { padding-top: 50px; }
.img-size{width:100%}
.event-menu-icon{position:absolute;right:0}
.event-img{width:160px;height:160px;overflow:hidden;}
.dep{background-color:#e9e9e9; font-size:11px;color:#5e5e5e}
.icon-info{display:flex}
.icon-info-overlay{font-size:16px}
.event-para{font-size:16px;color:#5e5e5e}
#event-overlay { overflow: auto; width: 96%; /*max-height: 533px;*/ background-image: url('../images/backgrouond5.JPG'); background-size: cover; background-repeat: repeat; position: static; z-index: 100; display: none; padding: 29px; margin-bottom: 18px; box-shadow: 0px 0px 4px 2px #0000002e; border-radius: 11px; }
#event-overlayn .bi-x-circle-fill { right: 61px !important; }  
.sidebar{z-index:8;transition:.3s;max-width:92%;min-height:100%}
.sidebar-scroll-fixed{position:fixed;top:0;left:0;min-height:100vh}
.sidebar-adjust-mob{position:fixed;margin-left:-140%; z-index:9;}
.sidebar-adjust-mob-on{position:absolute;margin-left:0%}
.event-option-btn{position:relative;display:none;height:50px}
.dropdown-menu{font-size:14px}
#event-option-close-btn{display:none}
#Campus-events-page .dropdown-menu.show { display: block; overflow: auto; max-height: 326px; padding: 0 !important; }
.container-fluid { padding: 0 0; }
.sticky-sidebar { height:100%; padding: 0; }
.comn-hd-home { text-align: left; }
.comn-hd-home h1 { font-size: 45px; font-weight: 300; color: #D98600; margin: 0px auto 5px; }
.comn-hd-home h1 span { color: #0C4D8B; }
.dropdown-menu { white-space:nowrap; }
#camp_23 { position:relative; top:1px; }
.dropdown-menu li { border-bottom: 1px solid #cccdce !important; }
.satsidemenu { position: absolute; height: 100vh; margin-top: 0px; top: 0; bottom: 0; background-size: cover; }
.satsidemenuItem{font-size:16px;color:#333333;cursor:pointer;transition:.15s;border-bottom:1px solid #333333; padding-right: 36px;}
.sidemnucontent{transition:.2s}
.sidemnucontent:hover{color:#0C5294;transform:scale(1.03)}
.side-panel-wrap { background:none; }









@media screen and (min-width:280px) and (max-width:388px) {
	.side-panel-wrap { padding: 0px 0 53px 0 !important; }
	.sticky-sidebar { top: 30px; height: auto !important; padding: 0 12px !important; background-color: transparent !important; box-shadow: none !important; }
	#dismiss { top: 12px !important; }
	.dropdown-menu li { font-size: 15px; }
	.calendar-body li { font-size: 13px; }
	.comn-hd-home h1 { font-size: 35px; text-align: center; }
}
@media screen and (min-width:389px) and (max-width:476px) {
	.side-panel-wrap { padding: 0px 0 53px 0 !important; }
	.sticky-sidebar { top: 30px; height: auto !important; padding: 0 12px !important; background-color: transparent !important; box-shadow: none !important; }
	 #dismiss { top: 12px !important; }
	 .dropdown-menu li { font-size: 15px; }
	  #sidebar { width: 86%; }
}
@media screen and (min-width:477px) and (max-width:575px) {
	.side-panel-wrap { padding: 0px 0 53px 0 !important; }
	.sticky-sidebar { top: 30px; height: auto !important; padding: 0 12px !important; background-color: transparent !important; box-shadow: none !important; }
	 #dismiss { top: 12px !important; }
	 .dropdown-menu li { font-size: 15px; }
	 #sidebar { width: 72%; }
}
@media screen and (min-width:576px) and (max-width:767px) {
	.side-panel-wrap { padding: 0px 0 53px 0 !important; }
	.sticky-sidebar { top: 30px; height: auto !important; padding: 0 12px !important; background-color: transparent !important; box-shadow: none !important; }
	 #dismiss { top: 12px !important; }
	 .dropdown-menu li { font-size: 15px; }
	  #sidebar { width: 53%; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.side-panel-wrap { padding: 0px 0 53px 0 !important; }
	.sticky-sidebar { top: 30px; height: auto !important; padding: 0 12px !important; background-color: transparent !important; box-shadow: none !important; }
	 #dismiss { top: 12px !important; }
	 .dropdown-menu li { font-size: 15px; }
	 #sidebar { width: 41%; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
	.event-content-container { min-width: auto; }
	.side-panel-wrap { padding: 0px 13px 53px !important; }
	.sticky-sidebar { padding: 0 13px !important; }
	.event-content-container { padding-top: 31px; } 
	.calendar-body li { font-size: 12px; }
	header .calendar-current-date { font-size: 18px; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
	.event-content-container { min-width: auto; }
	.side-panel-wrap { padding: 0px 13px 53px; }
	.sticky-sidebar { padding: 0 15px !important; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
	.event-content-container { min-width: auto; }
	.side-panel-wrap { padding: 0px 13px 53px; }
	.sticky-sidebar { padding: 0 15px !important; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
	.event-content-container { min-width: auto; }
	.side-panel-wrap { padding: 0px 13px 53px; }
	.sticky-sidebar { padding: 0 15px !important; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
	.event-content-container { min-width: auto; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
	.event-content-container { min-width: auto; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {
	
}
@media screen and (min-width:1700px) and (max-width:1799px) {

}
@media screen and (min-width:1800px) and (max-width:1899px) {
	
}
@media screen and (min-width:1900px) and (max-width:1999px) {

}
@media screen and (min-width:2000px) and (max-width:2999px) {

}








@media screen and (max-width: 992px) {
    .icon-info{display:block}  
    .nav-tabs .nav-link { font-size:14px; padding:8px } 
    .event-option-btn{display:block} 
    .dropdown-menu{font-size:10px}
    #event-option-close-btn{display:block}
}
@media screen and (max-width: 390px) {
    .icon-info{display:block}  
    .nav-tabs .nav-link { font-size: 15px; padding: 5px; margin: 2px; } 
    .event-option-btn{display:block} 
    .dropdown-menu{font-size:10px}
    #event-option-close-btn{display:block}
    
}