﻿/* Place Your Custom Styles Here */
.custom-bold {
    font-weight: 500 !important;
}
.custom-blue-500 {
    color: #2544F7 !important;
    font-weight: 500 !important;
}
.customLink, .email, .phone {
    color: #0267ff !important;
    font-weight: 400 !important;
}
.customLink:hover, .email:hover, .phone:hover {
    color: #fb9678 !important;
    font-weight: 400 !important;
}
.bgColor-light {
    background-color: #eeeeff !important;
}
.custom-right-delete {
    top: 1rem !important;
    right: -2rem !important;
}
.outline-none {
    outline: none !important;
}
@media (max-width: 992px) {
    .custom-right-delete {
        top: 1rem !important;
        right: -1.5rem !important;
    }
}
/* css start notification icon */
.notificationBtn {
    position: relative;
    border: 0;
    background: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.icon-wrapper {
    position: relative;
    display: inline-block;
}
.notificationBtn em {
    font-size: 20px;
    animation: pulse 2s infinite;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.navbar-dark .notificationBtn em {
    color: #FFD700 !important;
}
.navbar-light .notificationBtn em {
    color: #FFD700 !important; /* ADFF2F */
}
#notifications_count {
    position: absolute;
    top: -10px;
    right: -12px;
    min-width: 16px;
    min-height: 16px;
    padding: 0 4px;
    border-radius: 50%;
    background-color: #ff0033;
    color: white;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    z-index: 1;
}
@keyframes pulse {
    0% {
        transform: scale(1);
        text-shadow: 0 0 5px currentColor;
    }
    50% {
        transform: scale(1.1);
        text-shadow: 0 0 15px currentColor;
    }
    100% {
        transform: scale(1);
        text-shadow: 0 0 5px currentColor;
    }
}
/* css end notification icon */
custom-month {
    border: 0 !important;
    padding: 0 !important;
    height:  100% !important;
}
