﻿.appointment_form .RadInput_Mobile .riTextBox,
.RadInputMgr_Mobile {
    background-color: #fff;
    color: #676a6c;
    border-color: #b3c0c7;
    font-weight: normal;
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top : 13px;
}

.appointment_form .RadInput_Mobile.riSingle .riTextBox.riDisabled {
    color: #b5b6b7;
}

.appointment_form .RadInput_Mobile.riSingle .riTextBox {
    padding: 6px 12px;
}

.appointment_form .RadInput_Mobile.riSingle .riTextBox-slim {
    padding: 6px 4px;
}

.appointment_form .RadInput_Mobile.riSingle .riTextBox,
.appointment_form .RadForm_Mobile.RadForm.rfdTextbox input.riTextBox.rfdDecorated {
    height: auto;
}

.appointment_form .RadInput_Mobile.riSingle .riTextBox.form-control-inline-block {
    display: inline-block;
}

.appointment_form .RadInput_Mobile.riSingle .riTextBox.form-control-fixed-60 {
    width: 60px;
    
}

/* Rad Numeric Textbox */




.RadInput_Mobile.riSingle {
    display: block;
    width: 100% !important;
}

.RadInput_Mobile .riTextBox.form-control,
.RadInputMgr_Mobile {
    background-color: #fff;
    color: #676a6c;
    border-color: #b3c0c7;
    font-weight: normal;
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    
}

.RadInput_Mobile.riSingle .riTextBox.form-control.riDisabled {
    color: #b5b6b7;
}

.RadInput_Mobile.riSingle .riTextBox.form-control {
    padding: 6px 12px;
}

.RadInput_Mobile.riSingle .riTextBox.form-control.form-control-slim {
    padding: 6px 4px;
}

.RadInput_Mobile.riSingle .riTextBox.form-control,
.RadForm_Mobile.RadForm.rfdTextbox input.riTextBox.rfdDecorated.form-control {
    height: auto;
}

.RadInput_Mobile .riFocused.form-control,
.RadInput_Focused_Mobile {
    border-color: #2dabc1;
}

.RadInput.RadInput_Mobile .riEmpty.form-control,
.RadInput_Empty.RadInput_Empty_Mobile,
.RadInput.RadInput_Mobile input.riEmpty {
    font-style: normal;
    color: #b5b6b7;
}

.RadInput.RadInput_Mobile input.riEmpty.empty-text-normal {
    color: #676a6c;
}

.RadInput_Mobile .riError.form-control,
.RadInput_Error_Mobile {
    border-color: #ed5565;
}

.RadInput_Mobile.riSingle .riTextBox.form-control.form-control-inline-block {
    display: inline-block;
}

.RadInput_Mobile.riSingle .riTextBox.form-control.form-control-fixed-60 {
    width: 60px;
}

/* Rad Numeric Textbox */
.RadInput.RadInput_Mobile .form-control.form-control-numeric {
    width: 90%;
    display: inline-block;
    margin-right: 5px;
}

.RadInput.RadInput_Mobile a.riUp,
.RadInput.RadInput_Mobile a.riDown {
    background-image: url(../Common/numericInputArrows.png);
    width: 15px;
    height: 14px
}

.RadInput.RadInput_Mobile a.riUp {
    background-position: 0 0;
}

.RadInput.RadInput_Mobile a.riUp:hover {
    background-position: -15px 0;
}

.RadInput.RadInput_Mobile a.riDown {
    background-position: 0 -14px;
}

.RadInput.RadInput_Mobile a.riDown:hover {
    background-position: -15px -14px;
}

.RadInput.RadInput_Mobile> .form-control.mb-10 {
    margin-bottom: 10px;
}

/*

    --- Telerik Basic Styles ---

html body .RadInput_Mobile .riTextBox,
html body .RadInputMgr_Mobile,
*+html .RadInput_Mobile.riSingle .riTextBox,
*+html .RadForm_Mobile.RadForm.rfdTextbox input.riTextBox.rfdDecorated {
    height:23px;
    line-height:20px
}

.RadInput_Mobile.riSingle textarea.riTextBox,
html .RadInput_Mobile textarea.riTextBox {
    height:auto
}

html body .RadInput_Mobile .riHover,
html body .RadInput_Hover_Mobile{
    border-color:#36b4cb;
    color:#444
}

html body .RadInput_Mobile .riRead,
html body .RadInput_Read_Mobile {
    border-color:#d7d7d7
}

html body .RadInput_Mobile .riDisabled,
html body .RadInput_Disabled_Mobile {
    Opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default
}

html body .RadInput_Mobile .riError,
html body .RadInput_Error_Mobile {
    border-color:red;
    background:white;
    color:red
}

.RadForm.rfdTextbox .RadInput_Mobile .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_Mobile[type="text"] {
    border-color:red;
    background:white;
    color:red
}

html body .RadInput_Mobile .riNegative,
html body .RadInput_Negative_Mobile {
    color:#6e6e6e
}

.RadInput_Mobile a {
    background:transparent no-repeat url('Common/radActionsSprite.png')
}

.RadInput_Mobile .riBtn a {
    width:20px;
    height:28px;
    line-height:28px;
    background-position:-14px -4864px
}

.RadInput_Mobile a.riButton {
    background-position:-14px -4864px
}

.RadInput_Mobile a.riButton:hover {
    background-position:-64px -4864px
}

.RadInput_Mobile .riSpin a {
    width:15px;
    height:14px;
    line-height:14px
}

.RadInput_Mobile .riLabel {
    color:#555
}

.RadInput_Mobile .riResizeIcon {
    background:transparent 0 0 no-repeat url('Input/ResizeEdge.gif')
}

html body .RadInputRTL_Mobile .riError,
html body .RadInputRTL_Error_Mobile {
    background-position:3px -298px
}

.RadInputRTL_Mobile .riResizeIcon {
    background-position:0 -19px
}

.RadForm.rfdTextbox .RadInputRTL_Mobile .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error_Mobile[type="text"] {
    background-position:3px -298px
}

*/
