.k-more-events > span {
    margin-top: 0;
    color: #F00;
    height: 20px;
}

/* Bootstrap 5 negative margin utilities (missing by default) */
/* Negative margin-top classes */
.mt-n1 { margin-top: -0.25rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
  .mt-n4 { margin-top: -1.5rem !important; }
  .mt-n4-5 { margin-top: -2.5rem !important; }
  .mt-n5 { margin-top: -3rem !important; }

/* Negative margin-bottom classes */
.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.mb-n5 { margin-bottom: -3rem !important; }

/* Negative margin-left classes */
.ms-n1 { margin-left: -0.25rem !important; }
.ms-n2 { margin-left: -0.5rem !important; }
.ms-n3 { margin-left: -1rem !important; }
.ms-n4 { margin-left: -1.5rem !important; }
.ms-n5 { margin-left: -3rem !important; }

/* Negative margin-right classes */
.me-n1 { margin-right: -0.25rem !important; }
.me-n2 { margin-right: -0.5rem !important; }
.me-n3 { margin-right: -1rem !important; }
.me-n4 { margin-right: -1.5rem !important; }
.me-n5 { margin-right: -3rem !important; }

/* Negative margin x-axis (left and right) */
.mx-n1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; }
.mx-n2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; }
.mx-n3 { margin-left: -1rem !important; margin-right: -1rem !important; }
.mx-n4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; }
.mx-n5 { margin-left: -3rem !important; margin-right: -3rem !important; }

/* Negative margin y-axis (top and bottom) */
.my-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
.my-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
.my-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
.my-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
.my-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

/* Negative margin all sides */
.m-n1 { margin: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }

/* Default footer positioning - static for mobile */
#footerNavbarContainer {
    position: static;
    margin-top: auto;
}

/* Mobile-specific adjustments */
@media (max-width: 991.98px) {
    body {
        padding-bottom: 0;
    }
    
    #footerNavbarContainer {
        position: static;
        margin-top: 1rem;
    }
}

/* Desktop-specific adjustments - fixed positioning */
@media (min-width: 992px) {
    body {
        padding-bottom: 80px;
    }
    
    #footerNavbarContainer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
}
div.k-more-events {
    font-size: 12px;
    color:#f00;
    height: 20px;
}



.MaryGreen {
    background-color: #22FF33;    
    padding: 3px;
}

    .MaryGreen:hover{
        background-color: #00c60f;
        color: #f9f9f9;
    }

.pad-top {
        padding-top: 40px;
}

.small-pad-top {
    padding-top: 10px;
}



.margin-top {
    margin-top: 40px;
}

.small-margin-top {
    margin-top: 10px;
}


.row.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutter > [class*=' col-'],
.row.no-gutter > [class^='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.pad-right {
    padding-right: 10px;
}

.pad-left {
    padding-left: 10px;
}

.table-noborder > thead > tr > th,
.table-noborder > tbody > tr > th,
.table-noborder > tfoot > tr > th,
.table-noborder > thead > tr > td,
.table-noborder > tbody > tr > td,
.table-noborder > tfoot > tr > td {
    border-top: none;
}

.pad-footer {
    margin-top: -30px;
}

.pad-bottom {
    padding-bottom: 30px;
}

.btn-Background,
.btn-Background:hover {
    padding-left: 25px;
    background-image: url('data:image/gif;base64,R0lGODlhEgASALMAABpRJfz+/abltEOqVsvv1GzRgVHBZ7fowpnhqoHZlCdyNYynkVp+YeL3547eoP///yH5BAEAAA8ALAAAAAASABIAAARy8MkJlLVnahlAI4UhBMOyUWTFVN35EEoBaEusnExyb4Awb4zDTtP7aYJDim9TcwwulwHhSZQKCJ+ANiCQVbmIK7bBpVKs4cO4bHwA0OKxs/0+OO7xRsJAh+f3fXiCaiGBIQmDhUSHiGmESxMrFZOUkxIRADs=');
    background-position-y: center;
    background-position-x: 5px;
    background-repeat: no-repeat;
}

.textbox-width {
    width: 80px;
}

.valign {
    display: flex;
    align-items: center;
}

.navbar .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/*@media (min-width: 768px) {
    .navbar .container-fluid {
        width: 750px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }
}

@media (min-width: 992px) {
    .navbar .container-fluid {
        width: 970px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }
}

@media (min-width: 1200px) {
    .navbar .container-fluid {
        width: 1170px;
    }
}*/

.row-underline {
    border-bottom: 1px solid;
}


.inverse-dropdown {
    background-color: #222;
    border-color: #080808;
}

    .inverse-dropdown > li:hover {
        background-color: #222;
    }

    .inverse-dropdown > li > a {
        color: #999;
    }

        .inverse-dropdown > li > a:hover {
            color: #fff;
        }



        .inverse-dropdown > li > a:hover,
        .inverse-dropdown > li > a:focus {
            background-color: #222;
            background-image: none;
        }


    .inverse-dropdown > .active > a,
    .inverse-dropdown > .active > a:hover,
    .inverse-dropdown > .active > a:focus {
        background-color: #000;
        background-image: none;
    }


    .inverse-dropdown > li > .divider {
        color: #999;
    }


.vertical_middle{
    vertical-align: middle !important;
}

.text-white{
    color:#fff;
}

/* Mobile Kendo UI Scheduler Responsive Fixes */
@media (max-width: 991.98px) {
    /* Basic scheduler mobile optimizations - let Bootstrap handle the layout */
    .k-scheduler {
        width: 100% !important;
        min-width: auto !important;
        overflow-x: auto !important;
    }
    
    .k-scheduler-table {
        width: 100% !important;
        table-layout: auto !important;
    }
    
    /* Adjust time column width on mobile */
    .k-scheduler-timecolumn {
        width: 3em !important;
        min-width: 3em !important;
    }
    
    .k-scheduler-datecolumn {
        width: 2.5em !important;
        min-width: 2.5em !important;
    }
    
    /* Make scheduler toolbar responsive */
    .k-scheduler-toolbar {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    .k-scheduler-views {
        flex-wrap: wrap !important;
    }
    
    .k-scheduler-views > li {
        margin: 2px !important;
    }
    
    /* Fix navigation buttons */
    .k-scheduler-navigation {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    /* Agenda view mobile fixes */
    .k-scheduler-agenda .k-scheduler-table {
        font-size: 0.875rem !important;
    }
    
    .k-scheduler-agenda .k-scheduler-table td,
    .k-scheduler-agenda .k-scheduler-table th {
        padding: 0.5rem 0.25rem !important;
        word-break: break-word !important;
    }
    
    /* Event text mobile optimization */
    .k-event .k-event-template,
    .k-scheduler-agenda .k-scheduler-task {
        font-size: 0.8rem !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 767.98px) {
    /* Extra small mobile devices - more aggressive scaling */
    #schedulerHolder {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Remove any scaling overrides for very small screens */
    .k-scheduler {
        width: 100% !important;
        transform: none !important;
        margin-bottom: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Make TimePunch page layout stack on small mobile */
    .row .col-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 1rem;
    }
    
    /* Reduce scheduler font sizes further on very small screens */
    .k-scheduler-agenda .k-scheduler-table {
        font-size: 0.75rem !important;
    }
    
    .k-scheduler-agenda .k-scheduler-table td,
    .k-scheduler-agenda .k-scheduler-table th {
        padding: 0.25rem 0.125rem !important;
    }
    
    /* Hide less important scheduler elements on very small screens */
    .k-scheduler-toolbar .k-scheduler-pdf {
        display: none !important;
    }
    
    /* Optimize event display */
    .k-event-template #title {
        font-size: 0.75rem !important;
    }
    
    .k-event-template #location {
        font-size: 0.7rem !important;
    }
    
    .k-event-template small {
        font-size: 0.6rem !important;
    }
}