﻿/*Telerik RadInput Common CSS*/

/*global*/

.Input
{
        font:12px 'Inter', sans-serif;
        color:var(--primary-text-color);
}

.Label
{
        font:12px 'Inter', sans-serif;
        color:var(--primary-color);
}

.RadInput,
.RadInputMgr
{
	vertical-align:middle;
}

.RadInput table
{
	border:0;
	vertical-align:bottom;
}

.RadInput table.riTable td
{
	border:0;
	padding:0;
	vertical-align:middle;
	overflow:visible;/*RadGrid*/
}

.RadInput table td.riCell
{
	padding-right:4px;
}

.RadInput textarea
{
	vertical-align:bottom;
	overflow:auto;
}

/*textbox states*/

html body .RadInput .riTextBox,
html body .RadInputMgr
{
	border-width:1px;
	border-style:solid;
	padding:2px 1px 3px;
}

textarea.RadInputMgr
{
	overflow:auto;
}

/*buttons*/

.RadInput a
{
	display:block;
	overflow:hidden;
	position:relative;/*FF*/
	outline:none;/*FF*/
	z-index:2;/*Opera*/
	text-indent:-2222px;
	text-align:center;
	text-decoration:none;
}
* html .RadInput a{position:static}/*IE6*/
*+html .RadInput a{position:static}/*IE7*/

.RadInput .riSpin a
{
	margin:0 1px;
}

.RadInput a.riDown
{
	margin-top:3px;
}

* html .RadInput a.riDown
{
	margin-top /**/:0;
}

/*label*/

.RadInput .riLabel
{
	margin:0 4px 0 0;
	white-space:nowrap;
}

/*rtl*/

.RadInputRTL table td.riCell
{
	padding:0 0 0 4px;
}

.RadInputRTL .riLabel
{
	margin:0 0 0 4px;
}



/*Telerik RadInput Sunset Skin*/

/*global*/

.RadInput_Sunset,
.RadInputMgr_Sunset
{
	font:12px 'Inter', sans-serif;
}

/*textbox states*/

html body .RadInput_Sunset .riTextBox,
html body .RadInputMgr_Sunset
{
	border-color:#938879;
	background:#fff;
	color:#272522;
	font:12px 'Inter', sans-serif;
}

html body .RadInput_Sunset .riEmpty,
html body .RadInput_Empty_Sunset
{
	color:#777;
}

html body .RadInput_Sunset .riHover,
html body .RadInput_Hover_Sunset,
html body .RadInput_Sunset .riFocused,
html body .RadInput_Focused_Sunset
{
	border-color:#904c23;
}

html body .RadInput_Sunset .riRead,
html body .RadInput_Read_Sunset
{
	border-color:#b0b0b0;
}

html body .RadInput_Sunset .riDisabled,
html body .RadInput_Disabled_Sunset
{
	border-color:#b0b0b0;
	color:#777;
	cursor:default;
}

html body .RadInput_Sunset .riError,
html body .RadInput_Error_Sunset
{
	border-color:#e92600;
	background:#fff 100% -298px no-repeat url('Input/sprite.gif');
	color:#b32d34;
}

.RadForm.rfdTextbox .RadInput_Sunset .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_Sunset[type="text"]
{
	border-color:#e92600;
	background:#fff 100% -298px no-repeat url('Input/sprite.gif');
	color:#b32d34;
}

html body .RadInput_Sunset .riNegative,
html body .RadInput_Negative_Sunset
{
	color:#444;
}

/*buttons*/

.RadInput_Sunset a
{
	background:transparent no-repeat url('Input/sprite.gif');
}

/*go*/

.RadInput_Sunset .riBtn a
{
	width:20px;
	height:18px;
	line-height:18px;
	background-position:4px 5px;
}

.RadInput_Sunset .riBtn a:hover
{
	background-position:4px -45px;
}

/*spin*/

.RadInput_Sunset .riSpin a
{
	width:15px;
	height:7px;
	line-height:7px;
}

.RadInput_Sunset a.riUp
{
	background-position:4px -98px;
}

.RadInput_Sunset a.riUp:hover
{
	background-position:4px -148px;
}

.RadInput_Sunset a.riDown
{
	background-position:4px -199px;
}

.RadInput_Sunset a.riDown:hover
{
	background-position:4px -249px;
}

/*label*/

.RadInput_Sunset .riLabel
{
	color:#272522;
}

/*rtl*/

html body .RadInputRTL_Sunset .riError,
html body .RadInputRTL_Error_Sunset
{
	background-position:3px -298px;
}

.RadForm.rfdTextbox .RadInputRTL_Sunset .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error_Sunset[type="text"]
{
	background-position:3px -298px;
}
