.acp-wrap{display:flex;gap: 35px;/* background:#f5f6f7; *//* padding:20px; */}
.acp-left,.acp-right{background:#fff;border-radius:12px;padding:20px}
.acp-left{flex:2}
.acp-right{flex:1}
.acp-head{display:grid;grid-template-columns:1fr 1fr;background:#0b5c8f;color:#fff;padding:12px;border-radius:8px}
.acp-row{display:grid;grid-template-columns:1fr 1fr;padding:12px;border-bottom:1px solid #eee}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}
.dot.academic{background:#0b5c8f}
.dot.non-academic{background:#f08cb4}
.dot.holiday{background:#4caf50}
.acp-cal{/* width:100%; *//* border-collapse:collapse; *//* margin-top:10px; *//* text-align:center; */}
.acp-cal th,.acp-cal td{border:1px solid #eee;padding:8px;vertical-align:top}
.acp-cal td .dot{display:block;margin:2px auto}
.acp-cal-head{display:flex;gap:10px;align-items:center}
.acp-download{width:100%;margin-top:16px;background:#0b5c8f;color:#fff;border:none;padding:12px;border-radius:24px}
.tooltip{position:absolute;background:#000;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;display:none}


.acp-wrap{/* display:flex; *//* gap:20px; *//* background:#f5f6f7; *//* padding:20px; */position: relative;}
.acp-left,.acp-right{background:#fff;border-radius:12px;padding: 0;box-shadow: 4px 5px 21px 13px #0000000d;}
.acp-left{flex:2}
.acp-right{flex:1;border-radius: 9px;overflow: hidden;padding-bottom: 20px;position: sticky;top: 20px;}

.acp-head{display:grid;grid-template-columns:1fr 1fr;background:#0b5c8f;color:#fff;padding: 15px;border-radius: 8px 9px 0px 0px;}

.acp-row{display:grid;grid-template-columns:1fr 1fr;padding: 18px;border-bottom:1px solid #eee}

.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}
.dot.academic{background:#0b5c8f}
.dot.non-academic{background:#f08cb4}
.dot.holiday{background:#4caf50}

.acp-cal{width:100%;border-collapse:collapse;margin-top: 0;/* padding: 15px!important; */}
.acp-cal th,.acp-cal td{border:1px solid #eee;padding:8px}
.acp-cal td .dot{display:block;margin:4px auto}

.acp-cal-head{display:flex;gap:10px;margin-bottom:10px}
.acp-download{width:100%;margin-top:16px;background:#0b5c8f;
color:#fff;border:none;padding:12px;border-radius:24px}



/* ===== TOOLTIP ===== */
.acp-tooltip {
    position: absolute;
    background: #000;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity .2s ease, transform .2s ease;
}

.acp-tooltip.show {
    opacity: 1;
    transform: translateY(-10px);
}

.acp__date {
    font-weight: bold;
    font-size: 15px;
    color: #000;
}

.acp-head {
    font-weight: bold;
    font-size: 16px;
}

.acp__details {
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
}

.acp-cal-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 1.05rem;
    margin-bottom: 0px;
    background-color: #00588b;
    padding: 12px;
    color: #fff;
}

.acp-cal-head select {
    background: #f2f3f524;
    border: none;
    font-size: 1rem;
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 17px;
    padding: 3px 8px;
    outline: none;
    max-width: 81px;
    text-align: center;
    margin-bottom: 0;
    color: #ffffff;
}

#acp-calendar-root a.btn.btn-primary.calendar_btn:hover {
    background-color: #000000!important;
    transition: all 0.3s;
}
#acp-calendar-root a.btn.btn-primary.calendar_btn {
    margin-top: 0;
    margin: 0 15px;
    text-align: center;
    /* margin: 0 auto !important; */
    text-align: center;
    width: 91%;
    background-color: #085d8f;
    border: 0;
    border-radius: 40px;
        transition: all 0.3s;
}

.acp-right_sticky{
    position: sticky;
    top: 0;
}
.acp-right{
    
}
.dot{
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    margin-right:6px;
    vertical-align:middle;
}


.dot_flex {
    display: flex;
    grid-gap: 10px;
    margin: 10px 0 !important;
    color: #000;
    font-size: 15px;
    justify-content: center;
    list-style: none !important;
}
@media  (max-width:767px) {
    .acp-wrap{
        display: block;
    }
    .acp-left {
    margin-bottom: 30px;
}
}