:root {
    --clr-info: "#2490cf";
    --clr-primary: #0d6efd;
}

@font-face {
    font-family: 'Aptos';
    src: url('/font/aptos/Aptos-Display.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #f8f7fd !important;
    font-family: 'Aptos', sans-serif !important;
    /*font-size: 15px;*/
}

.highlight-day {
    background-color: #594ae2;
    color: white;
    border-radius: 50% !important;
    padding: .2rem .3rem !important;
}

.bg-main-info {
    background-color: var(--clr-info) !important;
}

.text-main-info {
    color: var(--clr-info) !important;
}

.cursor-pointer {
    cursor: pointer;
}

/*.clndr-details {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

    .clndr-details .px-3 {
        min-height: 95.8vh;
    }*/

.clndr-details {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

    .clndr-details .px-3 {
        min-height: 95.8vh;
    }

@media(min-width: 1280px){
    .border-calendar-list {
        border-right: 1px solid #495057 !important;
    }

    .ord-detail{
        order: 1 !important;
    }

    .ord-calendar{
        order: 2 !important;
    }
}

@media(min-width: 707px){
    .cal-bg-indicator{
        display: block !important;
    }
    .cal-md-indicator {
        display: none !important;
    }
}

@media(max-width: 707px){
    .cal-bg-indicator{
        display: none !important;
    }
    .cal-md-indicator {
        display: block !important;
    }
}