﻿/** Customize the demo canvas */
.demo-container label {
    padding-right: 10px;
    width: 185px;
    display: inline-block;
}

.demo-container .RadButton {
    margin-top: 20px;
}


/** Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

.exampleRadComboBox.RadComboBoxDropDown .rcbHeader {
    padding: 5px 27px 4px 7px;
}

 
.rcbScroll {
    overflow: scroll !important;
    overflow-x: hidden !important;
}

.col1{
    margin: 0;
    padding: 0 5px 0 0;
    width: 25%;
    font-size:10px;
    line-height: 14px;
    text-wrap:initial;
    float: left;
}
.col2{
    margin: 0;
    padding: 0 5px 0 0;
    width: 50%;
    font-size:10px;
    line-height: 14px;
    text-wrap:normal;
    float: left;
}
.col3 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 25%;
    font-size:10px;
    line-height: 14px;
    text-wrap:normal;    
    float: left;
}
 
.RadComboBoxA.RadComboBoxDropDown .rcbHeader {
    padding: 5px 27px 4px 7px;
}

 
.rcbScroll {
    overflow: scroll !important;
    overflow-x: hidden !important;
}

.col2{
    margin: 0;
    direction:rtl;
    padding: 0 5px 0 0;
    width: 100%;
    font-size:12px;
    line-height: 14px;
    text-wrap:initial;
    float: right;
}
 
/** Multiple rows and columns */
.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 193px;
}
 
.results {
    display: block;
    margin-top: 20px;
}