﻿.telerikDropDown {
    width: 200px !important;
    float: left;
    margin-left: 2% !important;
}
.telerikDropDownRight {
    width: 380px !important;
    float: left;
    display:inline;
    margin-left:2% !important;
}

.RadComboBox_cbx_ecal_black .rcbInputCell .rcbInput {
    color: #000 !important;
    font-size: 22px !important;
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
}


.RadComboBox_cbx_ecal_black .rcbHovered .rcbInputCell .rcbInput {
    color: #000 !important;
    font-size: 22px !important;
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
}

.RadComboBox_cbx_ecal_black .rcbFocused .rcbInputCell .rcbInput {
    color: #000 !important;
    font-size: 22px !important;
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
}

div.rcbDefaultSelected .rcbInput {
    color: #000 !important;
    font-size: 22px !important;
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
}

div.RadComboBox_cbx_ecal_black table td.rcbInputCellLeft {
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid #c9c9ca !important;
    }
div.RadComboBox_cbx_ecal_black table td.rcbArrowCellRight {
    border-width: 0px !important;
    border-bottom: 1px solid #c9c9ca !important;
}
div.RadComboBox_cbx_ecal_black table td.rcbArrowCell {
    border-width: 0px !important;
    border-bottom: 1px solid #c9c9ca !important;
}
.RadComboBox .rcbReadOnly td.rcbArrowCell {
    border-bottom: 1px solid #c9c9ca !important;
}
div.RadComboBox_cbx_ecal_black table td.rcbInputCellRight {
    background: transparent !important;
    border-width: 0px !important;
    border-bottom: 1px solid #c9c9ca !important;
}
div.RadComboBox_cbx_ecal_black table td.rcbArrowCellLeft {
    border-width: 0px !important;
}
/*.rcbArrowCellRight .a {*/
/*    border-color: #5A5A5A !important;*/
/*border: none !important;
    border-bottom: 0px !important;
}*/
.rich-text-container a {
    border-bottom: 0px !important;
}
.rcbList .rcbItem {
    color: #000 !important;
    font-size: 22px !important;
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
    padding: 10px !important;
}

.rcbList .rcbHovered {
    color: #ffffff !important;
    font-size: 22px !important;
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
    padding: 10px !important;
}

.RadComboBox_cbx_ecal_black, .RadComboBox_cbx_ecal_black .rcbInput, .RadComboBoxDropDown_cbx_ecal_black {
    font-size: 22px !important;
    color: #000 !important;
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
}

div.RadComboBox_cbx_ecal_black {
    border-style: none !important;
}

    div.RadComboBox_cbx_ecal_black table td.rcbArrowCell {
        background: url("../../../Images/cbx_arrow_34_transp.gif") no-repeat center !important;
    }


    @media(max-width:860px) {
        .telerikDropDown {
            width: 200px !important;
        }
        .telerikDropDownRight {
            width: 380px !important;
        }
    .RadComboBox_cbx_ecal_black, .RadComboBox_cbx_ecal_black .rcbInput, .RadComboBoxDropDown_cbx_ecal_black {
        font-size: 22px !important;
    }
    .rcbList .rcbItem, .rcbList .rcbHovered {
        font-size: 22px !important;
    }
    .RadComboBox_cbx_ecal_black .rcbFocused .rcbInputCell .rcbInput {
        font-size: 22px !important;
    }
    .RadComboBox_cbx_ecal_black .rcbInputCell .rcbInput {
        font-size: 22px !important;
    }

    .RadComboBox_cbx_ecal_black .rcbHovered .rcbInputCell .rcbInput {
        font-size: 22px !important;
    }
    .filterByTitle {
        font-size: 22px !important;
    }
}

@media(max-width:820px) {
    .telerikDropDown {
        width: 30% !important;
    }

    .telerikDropDownRight {
        width: 45% !important;
        padding-bottom:0px !important;
    }

    .RadComboBox_cbx_ecal_black, .RadComboBox_cbx_ecal_black .rcbInput, .RadComboBoxDropDown_cbx_ecal_black {
        font-size: 18px !important;
    }

    .rcbList .rcbItem, .rcbList .rcbHovered {
        font-size: 18px !important;
    }

    .RadComboBox_cbx_ecal_black .rcbFocused .rcbInputCell .rcbInput {
        font-size: 18px !important;
    }

    .RadComboBox_cbx_ecal_black .rcbInputCell .rcbInput {
        font-size: 18px !important;
    }

    .RadComboBox_cbx_ecal_black .rcbHovered .rcbInputCell .rcbInput {
        font-size: 18px !important;
    }

    .filterByTitle {
        font-size: 18px !important;
    }
    .filterByTitle {
        padding-left: 0px !important;
    }
}

@media(max-width:600px) {
    .filterByTitle {
        padding-left:30% !important;
    }
    .telerikDropDown {
        width: 80% !important;
    }

    .telerikDropDownRight {
        width: 80% !important;
        padding-bottom:10px !important;
    }
}