﻿.RadComboBox_MileageBook {
    color: #333333;
    font: normal 14px/16px "Segoe UI", Arial, Helvetica, sans-serif !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}

    .RadComboBox_MileageBook .rcbReadOnly {
        display: block !important;
        width: 100% !important;
        height: 34px !important;
        font-size: 14px !important;
        line-height: 1.428571429 !important;
        color: #555555 !important;
        vertical-align: middle !important;
        background-color: #ffffff !important;
        border: 0px solid #cccccc !important;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    }

    .RadComboBox_MileageBook .rcbInputCell {
        padding: 4px 0px 8px 12px !important;
    }

    .RadComboBox_MileageBook .rcbArrowCell {
        background-image: url('../../Images/arrow_down_combobox.png') !important;
        background-position: 0 0 !important;
        margin-top: 10px !important;
        padding-right: 12px;
    }

    .RadComboBox_MileageBook .rcbInputCellLeft {
        background-position: 0 0;
    }

    .RadComboBox_MileageBook .rcbInputCellRight {
        background-position: 100% 0;
    }

    .RadComboBox_MileageBook .rcbInput {
        color: #333333;
        font: normal 14px "Segoe UI", Arial, Helvetica, sans-serif !important;
        line-height: 16px;
    }

    .RadComboBox_MileageBook .rcbEmptyMessage {
        font-style: italic;
        color: #a5a5a5;
    }

    .RadComboBox_MileageBook .rcbArrowCellLeft {
        background-position: 0 -176px;
    }

    .RadComboBox_MileageBook .rcbArrowCellRight {
        background-position: -18px -176px;
    }

    .RadComboBox_MileageBook .rcbArrowCellLeft.rcbArrowCellHidden {
        background-position: 0 0;
    }

    .RadComboBox_MileageBook .rcbArrowCellRight.rcbArrowCellHidden {
        background-position: 100% 0;
    }

    .RadComboBox_MileageBook .rcbHovered {
        border-color: #66afe9 !important;
        outline: 0 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    }

        .RadComboBox_MileageBook .rcbHovered .rcbInputCellLeft {
            background-position: 0 -22px;
        }

        .RadComboBox_MileageBook .rcbHovered .rcbInputCellRight {
            background-position: 100% -22px;
        }

        .RadComboBox_MileageBook .rcbHovered .rcbInput {
            color: black;
        }

        .RadComboBox_MileageBook .rcbHovered .rcbArrowCellLeft {
            background-position: -36px -176px;
        }

        .RadComboBox_MileageBook .rcbHovered .rcbArrowCellRight {
            background-position: -54px -176px;
        }

        .RadComboBox_MileageBook .rcbHovered .rcbArrowCellLeft.rcbArrowCellHidden {
            background-position: 0 -22px;
        }

        .RadComboBox_MileageBook .rcbHovered .rcbArrowCellRight.rcbArrowCellHidden {
            background-position: 100% -22px;
        }

    .RadComboBox_MileageBook .rcbFocused .rcbInputCellLeft {
        background-position: 0 -44px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbInputCellRight {
        background-position: 100% -44px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbInput {
        color: black;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbArrowCellLeft {
        background-position: -72px -176px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbArrowCellRight {
        background-position: -90px -176px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbArrowCellLeft.rcbArrowCellHidden {
        background-position: 0 -44px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbArrowCellRight.rcbArrowCellHidden {
        background-position: 100% -44px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbInputCellLeft {
        background-position: 0 -66px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbInputCellRight {
        background-position: 100% -66px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbInput {
        color: #000000;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbArrowCellLeft {
        background-position: -108px -176px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbArrowCellRight {
        background-position: -126px -176px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbArrowCellLeft.rcbArrowCellHidden {
        background-position: 0 -66px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbArrowCellRight.rcbArrowCellHidden {
        background-position: 100% -66px;
    }

    .RadComboBox_MileageBook .rcbReadOnly .rcbInputCellLeft {
        background-position: 0 -88px;
    }

    .RadComboBox_MileageBook .rcbReadOnly .rcbInputCellRight {
        background-position: 100% -88px;
    }

    .RadComboBox_MileageBook .rcbReadOnly .rcbInput {
        color: #333333;
    }

    .RadComboBox_MileageBook .rcbReadOnly .rcbArrowCellLeft {
        background-position: -144px -176px;
    }

    .RadComboBox_MileageBook .rcbReadOnly .rcbArrowCellRight {
        background-position: -162px -176px;
    }

    .RadComboBox_MileageBook .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
        background-position: 0 -88px;
    }

    .RadComboBox_MileageBook .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
        background-position: 100% -88px;
    }

    .RadComboBox_MileageBook .rcbHovered .rcbReadOnly .rcbInputCellLeft {
        background-position: 0 -110px;
    }

    .RadComboBox_MileageBook .rcbHovered .rcbReadOnly .rcbInputCellRight {
        background-position: 100% -110px;
    }

    .RadComboBox_MileageBook .rcbHovered .rcbReadOnly .rcbInput {
        color: black;
    }

    .RadComboBox_MileageBook .rcbHovered .rcbReadOnly .rcbArrowCellLeft {
        background-position: -180px -176px;
    }

    .RadComboBox_MileageBook .rcbHovered .rcbReadOnly .rcbArrowCellRight {
        background-position: -198px -176px;
    }

    .RadComboBox_MileageBook .rcbHovered .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
        background-position: 0 -110px;
    }

    .RadComboBox_MileageBook .rcbHovered .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
        background-position: 100% -110px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbReadOnly .rcbInputCellLeft {
        background-position: 0 -132px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbReadOnly .rcbInputCellRight {
        background-position: 100% -132px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbReadOnly .rcbInput {
        color: #cccccc;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbReadOnly .rcbArrowCellLeft {
        background-position: -216px -176px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbReadOnly .rcbArrowCellRight {
        background-position: -234px -176px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
        background-position: 0 -132px;
    }

    .RadComboBox_MileageBook .rcbFocused .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
        background-position: 100% -132px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbReadOnly .rcbInputCellLeft {
        background-position: 0 -154px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbReadOnly .rcbInputCellRight {
        background-position: 100% -154px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbReadOnly .rcbInput {
        color: #a5a5a5;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbReadOnly .rcbArrowCellLeft {
        background-position: -252px -176px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbReadOnly .rcbArrowCellRight {
        background-position: -270px -176px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
        background-position: 0 -154px;
    }

    .RadComboBox_MileageBook .rcbDisabled .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
        background-position: 100% -154px;
    }

.RadComboBoxDropDown_MileageBook {
    border-color: #cccccc;
    color: #333333;
    background: white;
    font: normal 14px "Segoe UI", Arial, Helvetica, sans-serif;
    padding: 1px !important;
    line-height: 24px;
}

    .RadComboBoxDropDown_MileageBook .rcbHeader,
    .RadComboBoxDropDown_MileageBook .rcbFooter {
        color: #333333;
        background-color: #eaeaea;
    }

    .RadComboBoxDropDown_MileageBook .rcbHeader {
        border-bottom-color: #8a8a8a;
    }

    .RadComboBoxDropDown_MileageBook .rcbFooter {
        border-top-color: #8a8a8a;
    }

    .RadComboBoxDropDown_MileageBook .rcbHovered {
        color: white;
        background-color: #3ea9f8;
    }

    .RadComboBoxDropDown_MileageBook .rcbDisabled {
        color: #a5a5a5;
        background-color: transparent;
    }

    .RadComboBoxDropDown_MileageBook .rcbLoading {
        color: black;
        background-color: #dfdfdf;
    }

    .RadComboBoxDropDown_MileageBook .rcbItem em,
    .RadComboBoxDropDown_MileageBook .rcbHovered em {
        color: white;
        background-color: #3ea9f8;
    }

    .RadComboBoxDropDown_MileageBook .rcbCheckAllItems {
        color: white;
        background-color: #428bca;
        line-height: 15px;
    }

    .RadComboBoxDropDown_MileageBook .rcbCheckAllItemsHovered {
        color: white;
        background-color: #3ea9f8;
        line-height: 15px;
    }

    .RadComboBoxDropDown_MileageBook .rcbMoreResults {
        border-top-color: #8a8a8a;
        color: #333333;
        background-color: #eaeaea;
    }

        .RadComboBoxDropDown_MileageBook .rcbMoreResults a {
            background-image: url('Common/radFormSprite.png');
            _background-image: url('Common/radFormSpriteIE6.png');
            background-position: -308px -181px;
        }

    .RadComboBoxDropDown_MileageBook .rcbSeparator {
        color: #ffffff;
        background: #8a8a8a;
    }

    .RadComboBoxDropDown_MileageBook input[type="checkbox"] {
        appearance: none;
        background-color: #fff;
        margin: 0;
        font: inherit;
        color: currentColor;
        width: 1.15em;
        height: 1.15em;
        transform: translateY(-0.075em);
        display: grid;
        place-content: center;
        float: left;
        margin-top: 1px !important;
    }

        .RadComboBoxDropDown_MileageBook input[type="checkbox"]::before {
            content: "";
            width: 0.65em;
            height: 0.65em;
            transform: scale(0);
            transform-origin: bottom left;
            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
            background-color: black;
        }

        .RadComboBoxDropDown_MileageBook input[type="checkbox"]:checked::before {
            transform: scale(1);
        }

    .RadComboBoxDropDown_MileageBook .rcbHovered .rcbCheckBox {
        background-color: #3ea9f8 !important;
    }

    .RadComboBoxDropDown_MileageBook li {
        line-height: 15px;
        overflow-wrap: break-word;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .RadComboBoxDropDown_MileageBook .rcbCheckAllItems {
        background-color: #ffffff;
        color: #333333;
        border-bottom-width: 0px !important;
        box-shadow: 28px 1px 0px 0px #cccccc;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .RadComboBoxDropDown_MileageBook .rcbCheckAllItemsHovered {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        box-shadow: 28px 1px 0px 0px #cccccc;
        border-bottom-width: 0px !important;
    }

    .RadComboBoxDropDown_MileageBook .rcbCheckAllItemsHovered .rcbCheckAllItemsCheckBox {
        background-color: #3ea9f8;
    }

.RadComboBox_MileageBook table {
    background-color: #ffffff !important;
    border-radius:4px;
}
