﻿
/* Various Rad Inputs (including RadDatePicker ****************************************************************************************************************************/

.RadInput .riTextBox, .RadInput_Bootstrap .riTextBox, .RadInputMgr_Bootstrap { /* applies Bootstrap form-control class rules to RadDatePicker and RadMaskedTextBox */
    padding: 10px 20px !important;
    background-color: #fff;
/*    border: 1px solid #63666a !important;
    border-radius: 0 !important;*/    
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* RadGrid_Silk ************************************************************************************************************************************/

.RadGrid .rgCommandRow a {
    color: #5f5f5f;
    text-decoration: none;
}

.RadGrid .rgEditForm {
    padding: 20px;
}

/* RadMaskedTextBox ************************************************************************************************************************************/
.RadInput_Default {
    font: inherit !important;
    width: 100% !important;
}
/*.riSingle .riTextBox {
    padding: 10px 20px !important;
    height: 50px !important;
}*/
html body .RadInput_Default .riTextBox {
    font: inherit !important;
}
/* RadDatePicker *********************************************************************************************************************************/

.RadPicker {
    font: inherit !important;
    border: 1px solid #c0c0ca !important;
}
.RadPicker .RadInput {
    overflow:inherit !important; 
    height: 100% !important;
}
.RadInput .riEmpty, .RadInput_Empty {
    height: 100% !important;
}
.RadInput a.date-popup-button {
    text-indent: -4px;
}
.RadPicker .rcSelect { /* container for calendar icon that opens calendar */
    bottom: auto !important;
    top: 4px !important;
}
.RadPicker .rcSelect a { /* container for calendar icon that opens calendar */
    width: 2rem !important;
}
.RadPicker .rcSelect a img { /* calendar icon */
    /*width: 2rem;*/
}
.RadInput .rcSelect a {
    background-image: none !important;
}

/*html body .RadInput .riTextBox  {
    padding: 10px 20px !important;
}*/

/* DropDownList (.NET fix, strictly speaking) ************************************************************************************************************************************/

select.form-control {
     height: auto !important; /*changed by tiki to allow for auto resizing at different font heights*/
}

/* RadComboBox ************************************************************************************************************************************/

.RadDropDownList.form-control {
    padding: 0 !important;
}

.RadComboBox.form-control, .RadDropDownList.form-control .rddlInner {
    padding: 0 !important;
    height: auto;
    min-height: 36px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #c0c0ca;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.RadDropDownList .rddlInner {
    border: none !important;
}

.RadDropDownList .rddlFocused, .RadDropDownList .rddlHovered {
    color: inherit !important;
}

.RadDropDownList .rddlSelect, .RadComboBox .rcbActionButton { /* triangular select button on combobox and drop-down list*/
    padding: 0 !important;
    width: 2em !important;
    height: 100% !important;
    background-image: none !important;
    background-color: #e3e3e3 !important;
    border-color: #e3e3e3 !important;
}

.RadDropDownList .rddlFocused .rddlSelect, .RadDropDownList .rddlHovered .rddlSelect,
.RadComboBox .rcbFocused .rcbActionButton, .RadComboBox .rcbHovered .rcbActionButton, .RadComboBox .rcbExpanded .rcbActionButton { /* nover or focus on triangular select button on combobox and drop-down list*/
    background-color: #cfcfcf !important;
    border-color: #cfcfcf !important;
}

.RadComboBox .rcbFocused, .RadComboBox .rcbHovered, .RadComboBox .rcbExpanded {
    border-color: inherit !important;
}


input.form-control, textarea.form-control, .RadDropDownList.form-control .rddlInner {
    padding: .75em !important;
}

.RadComboBox.form-control .rcbInner {
    height: auto;
    min-height: 36px;
    padding: .75em !important;
}

.RadComboBox .rcbEmptyMessage {
    font-style: inherit !important;
    opacity: 1 !important;
}


/* RadEditor fix  ************************************************************************************************************************************/
.RadEditor, .RadEditor .reContentCell {
    background-color: transparent !important;
}
.reToolCell, .reEditorModesCell, .reBottomZone, .reResizeCell {
    background-color: #e6e6e6;
}

/*RadListBox  ************************************************************************************************************************************/

.RadListBox {
    color: inherit !important; 
     font-size: inherit !important; 
     font-family: inherit !important;
	 white-space:normal !important;
}
