@media print {
    .page-break {
        page-break-before: always;
    }

    /* Force muted text to remain muted during print */
    .text-muted {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

body {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}

.air-datepicker-global-container {
    z-index: 1111;
}

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

/* =========================
    ratio styles
========================= */

.ratio-1-1 {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.ratio-21-9 {
    width: 100%;
    padding-top: 42.8571%;
    position: relative;
}

.ratio-16-9 {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.ratio-4-3 {
    width: 100%;
    padding-top: 75%;
    position: relative;
}

.ratio-2-3 {
    width: 100%;
    padding-top: calc(3/2*100%);
    position: relative;
}

.ratio-3-2 {
    width: 100%;
    padding-top: 66.66%;
    position: relative;
}

.ratio-3-1 {
    width: 100%;
    padding-top: 33.33%;
    position: relative;
}

.ratio-8-5 {
    width: 100%;
    padding-top: 62.5%;
    position: relative;
}

.ratio-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.img-cover {
    object-fit: cover;
}

.img-cover {
    object-fit: cover !important;
}

.img-contain {
    object-fit: contain !important;
}

/* =========================
    datatable styles
========================= */
.dt-column-header {
    display: inline !important;
}