@font-face {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Regular'), url('Fonts/sf-ui-display/SF-UI-Display-Regular.otf') format('opentype')
}

.advanced_filters {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    width: 184px;
    height: 30px;
    background: #222222;
    border-radius: 15px;
    border-color: #222222;
    display: inline;
    margin-top: 19px;
    cursor: pointer;
}

html .RadSearchBox .rsbInput {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: black;
    width: 529px;
    height: 43px;
    border: none;
    border-color: white;
}

html .RadSearchBox .rsbEmptyMessage {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #CCCCCC;
    filter: alpha(opacity=80);
    opacity: .8;
    margin-bottom: 8px;
}

html .RadSearchBox .rsbListItem {
    background-color: white;
    color: black;
    font-size: 17px;
}

html .RadSearchBox .rsbButtonSearch {
    display: none;
}

html .RadSearchBox .rsbLoadingIcon {
    display: none;
}

html .RadSearchBox .rsbInner {
    border: none;
    font-size: 14px;
    height: 43px;
}

.hr_search {
    border: 1px solid #CCCCCC;
    width: 620px;
}

.adv_filter_selectors {
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 15px;
    width: 185px;
    height: 30px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #CCCCCC;
}

.rcbInputCell {
    width: 185px;
    height: 30px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #CCCCCC;
    border: none;
}

html .RadComboBox table td.rcbInputCell {
    box-sizing: border-box;
    border-radius: 3px 0px 0px 3px;
    width: 185px;
    height: 27.5px;
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    align-items: center;
    letter-spacing: 0.02em;
    color: #CCCCCC;
    background-color: white;
    border-style: none;
}

.RadComboBox table td.rcbArrowCell {
    border-radius: 0px 3px 3px 0px;
    width: 22px;
    background-color: white;
    border-style: none;
    border-color: #CCCCCC;
}

.RadComboBox {
    box-sizing: border-box;
    border-radius: 3px;
    width: 185px;
    height: 30px;
    background-color: white;
    border: 1px solid #CCCCCC;
}


.RadComboBoxDropDown {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    background-color: white;
    border: none;
    box-shadow: #c4c4c4 2px 0px 4px;
}

.rcbItem, .rcbHovered, .rcbInput {
    font-size: 14px;
}

.RadComboBoxDropDown .rcbMoreResults {
    background-color: white;
}

.RadComboBox_Metro .rcbReadOnly .rcbInput {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    align-items: center;
    letter-spacing: 0.02em;
    color: #CCCCCC;
    padding-left: 13px;
}

.RadComboBox table td.rcbInputCell.rcbInputCellLeft {
    background-color: white;
}

html .RadComboBox_Metro .rcbInput {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    align-items: center;
    letter-spacing: 0.02em;
    color: #CCCCCC;
    padding-left: 13px;
}

.word_styling {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    letter-spacing: 0.02em;
    color: #000000;
    margin: 0px;
}
.or_container {
    display: flex;
    align-items: center;
    text-align: center;
    width: 87px;
    margin-right: 10px;
    margin-left: 10px;
}

.or_styling {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #000000;
    margin: auto;
}

.MyGridClass .rgCaption {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
    background-color: white;
    border: 0.5px solid #CCCCCC;
    border-top: none;
    border-left: none;
    border-right: none;
    caption-side: top;
}

.RadGrid {
    border: none;
    padding-top: 60px;
}

.RadGrid .rgPager {
    border:none;
}

.RadGrid .rgHeader {
    border-left: none;
}

.RadGrid .rgRow td,
.RadGrid .rgAltRow td{
    border-style: none;
    height: 69px;
}

.RadGrid_Metro td.rgPagerCell {
    border: none;
}

.grid_item_style {
    font-family: "SF UI Display Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}

.grid_header_style {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    border-left: none;
}

.tool_word_styling {
    font-family: 'SF UI Display Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    width: 50px;
    margin: auto;
    text-align: center;
}

.tool_bar {
    text-align: center;
    margin-top: 55px;
    float: right;
}

.tool_bar td {
    width: 88px;
    height: 35px;
    text-align: center;
}