:root {
    --EpurColor1: #006E9D;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--EpurColor1);
}

.btn-epur {
    background-color: var(--EpurColor1);
    color:white;
}


html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

There are 2 easy ways to adjust the footer at the bottom.

Option 1: Using margin-top auto

.content {
    min-height: calc(100vh - 100px) /* you have to minus header and footer width 
      together*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem; /* Footer height */
}



/* ------------------------ Personnalisation CSS ------------------------ */
/*force alignement right des cellules de type summary et template*/
.e-summarycell.e-templatecell {
    text-align: right !important;
}
/*remove wrap text in grid*/
.e-grid .e-rowcell.e-removewrap {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
/*grid header row*/
.e-gridheader .e-headercontent tr {
    height: 50px !important;
}
/*bloc updated color*/
td.e-rowcell.e-updatedtd {
    background-color: inherit !important;
    color: inherit !important;
}

#dialog {
    max-height: 50% !important
}

/*correction bug décalage position dialog*/
#dialog {
    top: min(25%,250px) !important
}

td.e-rowcell.e-leftfreeze.e-freezeleftborder, td.e-rowcell.e-leftfreeze {
    /*background-color: inherit;*/
}


div.e-headercelldiv {
    max-height: initial !important;
}

/*forcer surbrillance filtre actif*/
.e-grid .e-filtered::before {
    color: white;
    background-color: #0d6efda8;
    border-radius: 3px;
}

/*correction mise en page reccurence formulaire event*/
.e-recurrenceeditor .e-recurrence-table .e-monthday-element {
    padding-left: 21px !important;
}
/*taille max popup*/
e-schedule-dialog e-dlg-modal e-popup e-popup-open {
    max-height: 705px !important;
}

/*Taille du scheduler pour visualiser entièrement sur une semaine de travail*/
.e-schedule .e-timeline-view .e-date-header-wrap table col, .e-schedule .e-timeline-view .e-content-wrap table col, .e-schedule .e-timeline-month-view .e-date-header-wrap table col, .e-schedule .e-timeline-month-view .e-content-wrap table col {
    width: 14px !important;
}

.e-schedule .e-timeline-view .e-resource-cells, .e-schedule .e-timeline-month-view .e-resource-cells,
.e-schedule .e-timeline-view .e-work-cells, .e-schedule .e-timeline-month-view .e-work-cells {
    /*height: 60px !important;*/
    height: 85px !important;
}

.e-schedule .e-timeline-view .e-resource-left-td, .e-schedule .e-timeline-month-view .e-resource-left-td,
.e-schedule:not(.e-device) .e-agenda-view .e-content-wrap table td:first-child {
    /*width: 130px !important;*/
    width: 150px !important; /*taille pour adaptation lrageur ecran en x1080*/
}


/*------------------tabulator----------------------------*/
div.tabulator-header-filter > input[type=checkbox] {
    margin-top: 10px !important;
}


/*------------------print schedule----------------------------*/
@media print {
    /*    #limitZone {
        height: 1080px !important;
    }

    nav {
        display:none !important
    }

    #schedule {
        height: 1080px !important;
    }

    .e-content-wrap, .e-resource-column-wrap {
        height: auto !important;
    }*/
    /*.e-schedule .e-timeline-view .e-date-header-wrap table col, .e-schedule .e-timeline-view .e-content-wrap table col, .e-schedule .e-timeline-month-view .e-date-header-wrap table col, .e-schedule .e-timeline-month-view .e-content-wrap table col {
        width: 5px !important;
    }*/
}

/*@media only print {
    #idOfYourDiv {
        width: auto;
        height: auto;
        overflow: visible;
    }
}
@media print {
    #scrollableDiv {
        width: 100%;
        height: 100%;
    }

    .visible-print {
        display: block;
        width: auto;
        height: auto;
        overflow: visible;
    }
}

@media print {
    #mydiv {
        display: block !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        margin-left: 0 !important;*/

/*        height: auto;
        overflow-y: auto;*/
/*}
}*/

/*@media print {
    #schedule {*/
/*height: 100% !important*/
/*}
}*/

/*@media print {*/
/*    .e-schedule .e-timeline-view .e-date-header-wrap table col, .e-schedule .e-timeline-view .e-content-wrap table col, .e-schedule .e-timeline-month-view .e-date-header-wrap table col, .e-schedule .e-timeline-month-view .e-content-wrap table col {
        width: 5px !important;
    }*/
/*.e-schedule .e-timeline-view .e-resource-cells, .e-schedule .e-timeline-month-view .e-resource-cells,
    .e-schedule .e-timeline-view .e-work-cells, .e-schedule .e-timeline-month-view .e-work-cells {*/
/*height: 60px !important;*/
/*height: 85px !important;
    }*/

/*.e-print-schedule {
        display: block !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        margin-left: 0 !important;

    }*/
/*}*/
