/* Set colors of datetime picker */
.std-custom-theme {
    --sdt-primary: #911428;
    --sdt-color: #000;
    --sdt-bg-main: #fff;
    --sdt-bg-today: #AE1830;
    --sdt-bg-clear: #fefefe;
    --sdt-clear-color: #000;
    --sdt-btn-bg-hover: #f2f2f2;
    --sdt-btn-header-bg-hover: #fefefe;
    --sdt-clock-bg: #f2f2f2;
    --sdt-clock-bg-minute: #fefefe;
    --sdt-clock-bg-shadow: none;
    --sdt-shadow: none;
    --sdt-today-bg: #AE1830;
    --sdt-today-color: #fff;
}

/* Remove border radius at the buttons */
.sdt-today-btn, .sdt-clear-btn, .std-btn, .std-calendar-wrap {
    border-radius: 3px !important;
    transition: background-color .25s cubic-bezier(.25, 0, 0, 1),
                border .25s cubic-bezier(.25, 0, 0, 1),
                box-shadow .25s cubic-bezier(.25, 0, 0, 1) !important;
}

/* Main box shadow */
.std-calendar-wrap {
    box-shadow: 0 16px 32px rgba(0, 0, 0, .15) !important;
}

/* Datetime picker input style */
.input-datepicker {
    width: 100%;
    height: 32px;
    border: 2px solid transparent;
    border-bottom-color: #d6d6d6;
    padding: 8px 12px;
    font: 500 16px 'Inter', Helvetica, -apple-system, sans-serif;
    outline: 0;
    background: #EFEFEF;
    border-radius: 3px;
    transition: background-color .25s cubic-bezier(.25, 0, 0, 1),
                border .25s cubic-bezier(.25, 0, 0, 1),
                box-shadow .25s cubic-bezier(.25, 0, 0, 1) !important;
}
.input-datepicker:hover {
    background: #b6b6b6;
}
.input-datepicker:hover::placeholder {
    color: white;
}
.input-datepicker:active {
    border-color: #741020;
    background: #741020;
    color: white;
    box-shadow: inset 0 0 0 2px #fff;
}
.input-datepicker:hover::placeholder {
    color: rgba(0, 0, 0, .25);
}
.input-datepicker:focus {
    border-color: #741020;
    background: white;
    color: black;
}