/**
 * CSS for Backend.
 */

/* GenericReactSelect and MultiReactSelect Components - Start ------------------------------------------------------- */
.daextsoenl-react-select__control--is-focused{
    border-color: #1c8dba !important;
    box-shadow: 0px 0px 0px 1px #099ed1 !important;
    border-color: #099ed1 !important;
}

input.daextsoenl-react-select__input{
    box-shadow: none !important;
    min-height: auto !important;
}

.daextsoenl-react-select__menu{
    z-index: 6 !important;
}

.daextsoenl-react-select__option{
    background-color: #fff !important;
}

.daextsoenl-react-select__option--is-focused{
    background-color: #f8f9f9 !important;
}

.daextsoenl-react-select__option--is-selected{
    background-color: #0072a8 !important;
}

/* React Select - End ----------------------------------------------------------------------------------------------- */

/* GenericDateTimePicker Component - Start -------------------------------------------------------------------------- */
.daextsoenl-datetimepicker .components-datetime__time-field-day,
.daextsoenl-datetimepicker .components-datetime__time-field-hours-input,
.daextsoenl-datetimepicker .components-heading{
    margin-bottom: 0 !important;
}
/* GenericDateTimePicker Component - End ---------------------------------------------------------------------------- */

/* Block Style - Start ---------------------------------------------------------------------------------------------- */
.daextsoenl-block-image{
    width: 100% !important;
    text-align: center;
    color: #8c8f91 !important;
    font-size: 18px !important;
    background-image: url('../img/block-ball-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center 30px !important;
    background-size: 68px !important;
    height: 53px !important;
    padding-top: 106px !important;
    background-color: #fff !important;
    border: 1px solid #DDD !important;
    border-radius: 4px !important;
    border-top: 3px solid #5488db !important;
    line-height: 32px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    box-sizing: content-box !important;
}
/* Block Style - End ------------------------------------------------------------------------------------------------ */