@import 'def';
.calendar {
    .bg-light {
        @include themify($themes) {
            background-color: themed('navbg') !important;
        }
    }

    .ngb-dp-header, .ngb-dp-months, .ngb-dp-week {
        @include themify($themes) {
            background-color: themed('navbg') !important;
        }
    }

    .ngb-dp-weekday {
        color: #ffffff !important;
        font-style: normal !important;
    }

    .btn-link {
        color: #ffffff;
    }

    .bg-primary { 
        @include themify($themes) {
            background-color: themed('txtcolor2')  !important;
            color: themed('txtcolor100') !important;
        }
    }

    .btn-light {
        @include themify($themes) {
            color: #ffffff;
        }
        text-align: center;
        border:none;

        &.btn-link {
            color:#ffffff;
        } 

        &:hover {
            @include themify($themes) {
                background-color: themed('barbg');
            }

            border-radius: 5px;
            cursor: pointer;
        }
    }

    .ngb-dp-day {
    
        color: #ffffff;
        text-align: center;
        border:none;

        &:hover {
            @include themify($themes) {
                background-color: themed('barbg');
            }

            border-radius: 5px;
            cursor: pointer;
        }

        .text-muted {
            color: #666666;
        }
    }

    .custom-day {
        text-align: center;
        padding: 0.185rem 0.25rem;
        display: inline-block;
        width: 2rem;
    }
    .custom-day.focused {
        @include themify($themes) {
            color: themed('txtcolor100') !important;
        }
    }
    .custom-day.range, .custom-day:hover {
        border-radius: 5px;
        @include themify($themes) {
            background-color: themed('txtcolor2')  !important;
            color: themed('txtcolor100') !important;
        }
    }
    .custom-day.faded {
        background-color: rgba(2, 117, 216, 0.5);
    }
}