div.dt-datetime.horizontal {
    margin-top: 2px;
    box-shadow: 2px 2px 16px rgb(38 55 67 / 7%);
    border: 1px solid #D6D5E3;
    border-radius: var(--rnd-border-radius);
    z-index: 3003;
}

div.dt-datetime table td {
    color: var(--rnd-secondary-colour);
}

    div.dt-datetime table td.selectable {
        background: #FFFFFF;
    }

        div.dt-datetime table td.selectable button:hover {
            background: rgba(54, 71, 128, 0.1);
            color: var(--rnd-secondary-colour);
            border-radius: 4px;
        }

        div.dt-datetime table td.selectable.selected button {
            background: var(--rnd-tertiary-colour);
            border-radius: 4px;
        }

            div.dt-datetime table td.selectable.selected button:hover {
                background: #4C5D96;
                color: #FFFFFF;
                border-radius: 4px;
            }

            div.dt-datetime table td.selectable.selected button:active {
                background: #0C1D56;
                border-radius: 4px;
            }

        div.dt-datetime table td.selectable.now {
            background: rgba(23, 35, 76, 0.15);
            border-radius: 4px;
        }

            div.dt-datetime table td.selectable.now:hover {
                background: rgba(23, 35, 76, 0.2);
            }

div.dt-datetime div.dt-datetime-iconLeft,
div.dt-datetime div.dt-datetime-iconRight,
div.dt-datetime div.dt-datetime-iconUp,
div.dt-datetime div.dt-datetime-iconDown {
    border: 1px transparent solid;
    opacity: 1;
    background-image: url(/assets/images/icons/chevron_left.svg);
    background-repeat: no-repeat;
    background-size: initial;
}

div.dt-datetime div.dt-datetime-iconRight {
    transform: rotate(180deg);
}

    div.dt-datetime div.dt-datetime-iconLeft:hover,
    div.dt-datetime div.dt-datetime-iconRight:hover,
    div.dt-datetime div.dt-datetime-iconUp:hover,
    div.dt-datetime div.dt-datetime-iconDown:hover,
    div.dt-datetime div.dt-datetime-label:hover {
        border-radius: 4px;
        opacity: 1;
        border: 1px transparent solid;
        background-color: rgba(54, 71, 128, 0.1);
    }

    div.dt-datetime div.dt-datetime-iconLeft:active,
    div.dt-datetime div.dt-datetime-iconRight:active,
    div.dt-datetime div.dt-datetime-iconUp:active,
    div.dt-datetime div.dt-datetime-iconDown:active,
    div.dt-datetime div.dt-datetime-label:active {
        background-color: rgba(54, 71, 128, 0.2);
    }