/* Minification failed. Returning unminified contents.
(4873,20): run-time error CSS1038: Expected hex color, found '#25525'
(7539,32): run-time error CSS1046: Expect comma, found '0'
(7539,36): run-time error CSS1046: Expect comma, found '/'
(7800,36): run-time error CSS1046: Expect comma, found '0'
(7800,40): run-time error CSS1046: Expect comma, found '/'
(7881,36): run-time error CSS1046: Expect comma, found '0'
(7881,40): run-time error CSS1046: Expect comma, found '/'
(7967,35): run-time error CSS1046: Expect comma, found '44'
(7967,41): run-time error CSS1046: Expect comma, found '/'
(8279,35): run-time error CSS1046: Expect comma, found '0'
(8279,39): run-time error CSS1046: Expect comma, found '/'
(8629,35): run-time error CSS1046: Expect comma, found '0'
(8629,39): run-time error CSS1046: Expect comma, found '/'
(8641,35): run-time error CSS1046: Expect comma, found '0'
(8641,39): run-time error CSS1046: Expect comma, found '/'
(8662,35): run-time error CSS1046: Expect comma, found '0'
(8662,39): run-time error CSS1046: Expect comma, found '/'
(8717,35): run-time error CSS1046: Expect comma, found '0'
(8717,39): run-time error CSS1046: Expect comma, found '/'
(8817,35): run-time error CSS1046: Expect comma, found '0'
(8817,39): run-time error CSS1046: Expect comma, found '/'
(9085,36): run-time error CSS1046: Expect comma, found '0'
(9085,40): run-time error CSS1046: Expect comma, found '/'
(9172,35): run-time error CSS1046: Expect comma, found '0'
(9172,39): run-time error CSS1046: Expect comma, found '/'
(9255,35): run-time error CSS1046: Expect comma, found '0'
(9255,39): run-time error CSS1046: Expect comma, found '/'
(9274,35): run-time error CSS1046: Expect comma, found '0'
(9274,39): run-time error CSS1046: Expect comma, found '/'
(9399,35): run-time error CSS1046: Expect comma, found '0'
(9399,39): run-time error CSS1046: Expect comma, found '/'
(9451,35): run-time error CSS1046: Expect comma, found '0'
(9451,39): run-time error CSS1046: Expect comma, found '/'
 */
/** GENERATED FILE - EDIT MAIN STYLE TEMPLATES INSTEAD **/

/* Telerik RadAjaxLoadingPanel Skin */

.RadAjax_SNS .raDiv {
	background-image: url('Ajax/spinner.gif');
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.RadAjax_SNS .raColor
{
    background-color: white;
}

.RadAjax_SNS .raTransp {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
/*Telerik RadCalendar Web20 skin*/

table.RadCalendar_SNS
{
	background: #fff;
	font: 11px Verdana, Arial;
}

/*titlebar*/

.RadCalendar_SNS .rcTitlebar
{
	border-color: #4F8C98;
	background-color: #25525F;
    color: white;
}

.RadCalendar_SNS .rcTitlebar table
{
	font: 11px/20px Verdana, Arial;
}

.RadCalendar_SNS .rcTitlebar td
{
	padding: 0 0 2px;
}

.RadCalendar_SNS .rcTitlebar .rcPrev,
.RadCalendar_SNS .rcTitlebar .rcNext,
.RadCalendar_SNS .rcTitlebar .rcFastPrev,
.RadCalendar_SNS .rcTitlebar .rcFastNext
{
	width: 22px;
	height: 20px;
	margin: 2px 0 0;
	background-image: url('Calendar/sprite.gif');
	color: #ccc;
}

.RadCalendar_SNS .rcTitlebar .rcFastPrev
{
	margin-left:2px;
	background-position:0 -200px;
}

.RadCalendar_SNS .rcTitlebar .rcFastPrev:hover
{
	background-position:0 -250px;
}

.RadCalendar_SNS .rcTitlebar .rcPrev
{
	background-position:0 -300px;
}

.RadCalendar_SNS .rcTitlebar .rcPrev:hover
{
	background-position:0 -350px;
}

.RadCalendar_SNS .rcTitlebar .rcNext
{
	background-position:0 -400px;
}

.RadCalendar_SNS .rcTitlebar .rcNext:hover
{
	background-position:0 -450px;
}

.RadCalendar_SNS .rcTitlebar .rcFastNext
{
	margin-right:2px;
	background-position:0 -500px;
}

.RadCalendar_SNS .rcTitlebar .rcFastNext:hover
{
	background-position:0 -550px;
}

.RadCalendar_SNS .rcMain
{
	border-color: #4F8C98;
}

.RadCalendar_SNS .rcMainTable
{
	color: #000;
	font: 11px/18px Verdana, Arial;
}

/*header, footer*/

.RadCalendar_SNS .rcHeader,
.RadCalendar_SNS .rcFooter
{
	border-color: #4F8C98;
}

/*week numbers and days*/

.RadCalendar_SNS .rcRow th,
.RadCalendar_SNS .rcWeek th
{
    background-color: #4F8C98;
}

.RadCalendar_SNS .rcWeek th
{
	border-bottom: 1px solid #bcd2f1;
	padding: 2px 6px 3px 0;
}

.RadCalendar_SNS .rcWeek .rcViewSel,
.RadCalendar_SNS .rcRow th
{
	width: 13px;
	border-right: 1px solid #bcd2f1;
	padding: 0 7px 0 9px;
}

.RadCalendar_SNS .rcWeek .rcViewSel
{
	border-right-color: #ecf4ff;
}

/*date cells*/

.RadCalendar_SNS .rcRow td
{
	border-color: #fff;
}

.RadCalendar_SNS .rcMain .rcRow a,
.RadCalendar_SNS .rcMain .rcRow span
{
	color: #000;
}

.RadCalendar_SNS .rcMain .rcWeekend a
{
	color: #444;
}

.RadCalendar_SNS .rcRow .rcToday
{
	border-color: #85c843;
}

.RadCalendar_SNS .rcMain .rcOtherMonth a
{
	color: #777;
}

.RadCalendar_SNS .rcMain .rcOutOfRange span
{
	color: #777;
}

.RadCalendar_SNS .rcRow .rcHover
{
	border-color: #bcd2f1;
	background: #e7f1ff;
}

.RadCalendar_SNS .rcRow .rcHover a
{
	color: #0e3d4f;
}

.RadCalendar_SNS .rcRow .rcSelected
{
	border-color: #85c843;
	background: #d4ffbc;
}

.RadCalendar_SNS .rcRow .rcSelected a
{
	color: #0d202b;
}

/*multimonth view*/

.RadCalendarMultiView_SNS .rcTitlebar
{
	border-color: #243567;
	background: #3b548c 0 -1200px repeat-x url('Calendar/sprite.gif');
}

.RadCalendarMultiView_SNS .rcTitlebar table
{
	line-height: 28px;
}

.RadCalendarMultiView_SNS .rcTitlebar .rcFastPrev:hover
{
	background-position: 0 -650px;
}

.RadCalendarMultiView_SNS .rcTitlebar .rcPrev:hover
{
	background-position: 0 -750px;
}

.RadCalendarMultiView_SNS .rcTitlebar .rcNext:hover
{
	background-position: 0 -850px;
}

.RadCalendarMultiView_SNS .rcTitlebar .rcFastNext:hover
{
	background-position: 0 -950px;
}

.RadCalendarMultiView_SNS .rcMain
{
	border-color: #4F8C98;
}

.RadCalendarMultiView_SNS .rcCalendar
{
	border-color: #4F8C98;
}

.RadCalendarMultiView_SNS .rcMainTable .rcTitle
{
	border-bottom: 1px solid #6788be;
	padding: 0 0 2px;
	background-color: #25525F;
	color: white;
	line-height: 22px;
}

/*month view*/

table.RadCalendarMonthView_SNS
{
	border-color: #4F8C98;
	background: #fff;
	font: 12px "segoe ui",arial,sans-serif;
	color: #333;
}

.RadCalendarMonthView_SNS #rcMView_Feb,
.RadCalendarMonthView_SNS #rcMView_Apr,
.RadCalendarMonthView_SNS #rcMView_Jun,
.RadCalendarMonthView_SNS #rcMView_Aug,
.RadCalendarMonthView_SNS #rcMView_Oct,
.RadCalendarMonthView_SNS #rcMView_Dec
{
	border-right:1px solid #6788be;
}

.RadCalendarMonthView_SNS a
{
	color:#333;
}

.RadCalendarMonthView_SNS .rcSelected a
{
	border-color:#85c843;
	background:#d4ffbc;
	color:#0d202b;
}

.RadCalendarMonthView_SNS #rcMView_PrevY a,
.RadCalendarMonthView_SNS #rcMView_NextY a
{
	width:16px;
	height:13px;
	background:url('Calendar/sprite.gif');
	color:#ccc;
}

.RadCalendarMonthView_SNS #rcMView_PrevY a
{
	background-position:3px -2100px;
}

.RadCalendarMonthView_SNS #rcMView_NextY a
{
	background-position:5px -2200px;
}

.RadCalendarMonthView_SNS .rcButtons
{
	padding:5px 7px 3px;
}

.RadCalendarMonthView_SNS input
{
	border-color:#0f1d48 #08122e #010615;
	background:#607fc5 0 -2300px repeat-x url('Calendar/sprite.gif');
	color:#fff;
	font:12px "segoe ui",arial,sans-serif;
}

.RadCalendarMonthView_SNS input:hover
{
	border-color:#3f5f94;
	background-color:#c1d5ef;
	background-position:0 -2350px;
	color:#0f3789;
}

/*time view*/

table.RadCalendarTimeView_SNS
{
	border-color: #4F8C98;
	background:#fff;
	font:12px "segoe ui",arial,sans-serif;
}

.RadCalendarTimeView_SNS th
{
	border-bottom:1px solid #6788be;
	padding:0 0 2px;
	background-color: #25525F;
	color: white;
	line-height:22px;
}

table.RadCalendarTimeView_SNS td
{
	border-color: #4F8C98;
}

.RadCalendarTimeView_SNS a
{
	color:#333;
}

.RadCalendarTimeView_SNS td.rcSelected a
{
	border-color:#85c843;
	background:#d4ffbc;
	color:#0d202b;
}

.RadCalendarTimeView_SNS td.rcHover a
{
	border-color:#bcd2f1;
	background:#e7f1ff;
	color:#0e3d4f;
}

.RadCalendarTimeView_SNS .rcFooter
{
	border-color: #4F8C98;
}

/*pickers*/

.RadPicker_SNS .rcCalPopup,
.RadPicker_SNS .rcTimePopup
{
    margin-left: 4px;
	background-image:url('Calendar/sprite.gif');
}

.RadPicker_SNS .rcCalPopup,
.RadPicker_SNS .rcDisabled.rcCalPopup:hover
{
	background-position:0 0;
}

.RadPicker_SNS .rcDisabled.rcCalPopup {
    background-image: none;
}

.RadPicker_SNS .rcCalPopup:hover,
.RadPicker_SNS .rcCalPopup:focus,
.RadPicker_SNS .rcCalPopup:active
{
	background-position:0 -50px;
}

.RadPicker_SNS .rcTimePopup,
.RadPicker_SNS .rcDisabled.rcTimePopup:hover
{
	background-position:0 -100px;
}

.RadPicker_SNS .rcTimePopup:hover,
.RadPicker_SNS .rcTimePopup:focus,
.RadPicker_SNS .rcTimePopup:active
{
	background-position:0 -150px;
}

/*rtl*/

.RadCalendarRTL_SNS .rcTitlebar .rcFastPrev
{
	background-position:0 -500px;
}

.RadCalendarRTL_SNS .rcTitlebar .rcFastPrev:hover
{
	background-position:0 -550px;
}

.RadCalendarRTL_SNS .rcTitlebar .rcPrev
{
	background-position:0 -400px;
}

.RadCalendarRTL_SNS .rcTitlebar .rcPrev:hover
{
	background-position:0 -450px;
}

.RadCalendarRTL_SNS .rcTitlebar .rcNext
{
	background-position:0 -300px;
}

.RadCalendarRTL_SNS .rcTitlebar .rcNext:hover
{
	background-position:0 -350px;
}

.RadCalendarRTL_SNS .rcTitlebar .rcFastNext
{
	background-position:0 -200px;
}

.RadCalendarRTL_SNS .rcTitlebar .rcFastNext:hover
{
	background-position:0 -250px;
}

.RadCalendarMultiViewRTL_SNS .rcTitlebar .rcFastPrev:hover
{
	background-position:0 -950px;
}

.RadCalendarMultiViewRTL_SNS .rcTitlebar .rcPrev:hover
{
	background-position:0 -850px;
}

.RadCalendarMultiViewRTL_SNS .rcTitlebar .rcNext:hover
{
	background-position:0 -750px;
}

.RadCalendarMultiViewRTL_SNS .rcTitlebar .rcFastNext:hover
{
	background-position:0 -650px;
}
.chart-icon-box-definition {
    width: 60px;
    height: 46px;
    font-size: 32px;
    text-align: center;
    vertical-align: middle;
    padding-top: 14px;
}

.chart-icon-smallbox-definition {
    width: 14px;
    height: 14px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 2px 2px 3px;
    margin-right: 2px;
    margin-top: -4px;
    display: inline-block;
}

.chartTitleText {
    font-size: 14px;
    font-family: Verdana;
    color: #808080;
    text-transform: uppercase;
    font-weight: bold;
}

.chartBoxBorder {
   border:1px solid #d0d0d0;
 }

.chartContainer {
    background-color: white;
    padding: 14px;
    margin: 0px 7px 14px 7px;
    float: left;
}

.chartSubheaderText {
    font-size: 14px;
    font-family:Verdana;
    color: #909090;
    text-transform:uppercase;
    font-weight:bold;
}

.chartLargeNumberText {
    font-size: 24px;
    font-family: Verdana;
    color: #404040;
    text-transform: uppercase;
    font-weight: bold;
}

.alert-color-red {
    color: #E7505A;
}

.alert-color-blue {
    color: #3598DC;
}

.alert-color-green {
    color: #0EB876;
}

.alert-color-gray {
    color: #64787E;
}

.alert-color-light-gray {
    color: #A4B8BE;
}

.icon-color-teal {
    background-color: #32C5D2;
    color: white;
}

.icon-color-red {
    background-color: #E7505A;
    color: white;
}

.icon-color-purple {
    background-color: #8E44AD;
    color: white;
}

.icon-color-blue {
    background-color: #3598DC;
    color: white;
}

.icon-color-green {
    background-color: #0EB876;
    color: white;
}

.icon-color-orange {
    background-color: #ED7525;
    color: white;
}

.icon-color-gray {
    background-color: #64787E;
    color: white;
}

.configurationIconNormal {
    right: -9px;
}

.configurationIconSwapped {
    right: 35px;
}

.configurationIcon {
    width: 40px;
    height: 40px;
    background-image: url('Chart/gear1.png');
}

.configurationIcon:hover {
    background-image: url('Chart/gear2.png');
}

.actionIconDiv {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -9px;
    left: auto;
}

.deleteIcon {
    width: 40px;
    height: 40px;
    background-image: url('Chart/delete1.png');
}

.deleteIcon:hover {
    background-image: url('Chart/delete2.png');
}

.undeleteIcon {
    width: 40px;
    height: 40px;
    background-image: url('Chart/delete2.png');
}

.undeleteIcon:hover {
    background-image: url('Chart/delete1.png');
}

.markIcon {
    width: 40px;
    height: 40px;
    background-image: url('Chart/check1.png');
}

.markIcon:hover {
    background-image: url('Chart/check2.png');
}

.unmarkIcon {
    width: 40px;
    height: 40px;
    background-image: url('Chart/check2.png');
}

.unmarkIcon:hover {
    background-image: url('Chart/check1.png');
}

.replyIcon {
    width: 40px;
    height: 40px;
    background-image: url('Chart/reply1.png');
}

.replyIcon:hover {
    background-image: url('Chart/reply2.png');
}

.chartToolTipIconDiv {
    position: absolute;
    display: block;
    bottom: -12px;
    right: -12px;
    left: auto;
    height: 16px;
    width: 16px;
    z-index: 10;
}

.chartToolTipIcon {
    height: 16px;
    width: 16px;
    background-image: url('Images/qmarkgray.png');
    white-space: pre-wrap;
}

.chartToolTipIcon:hover {
    background-image: url('Images/QuestionMark.jpg');
}

.chartToolTipInline {
    margin-bottom: -4px;
    margin-left: 2px;
    display: inline-block;
}

.alert-badge-box-definition {
    height: 36px;
    width: 34px;
    font-size: 32px;
    text-align: center;
    vertical-align: middle;
    margin-right: 3px;
    float: right;
    display: table-cell;
}

.alert-badge-bell-div {
    position: relative;
    top: 2px;
    left: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.alert-badge-number-div {
    width: 18px;
    height: 18px;
    border-radius: 16px;
    color: white;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    top: -34px;
    left: -2px;
    text-shadow: -2px 0 1px #E8E8E8, 0 2px 1px #E8E8E8, 2px 0 1px #E8E8E8, 0 -2px 1px #E8E8E8;
    text-shadow: none;
    line-height: 18px;
}

.AlertHeaderDateText {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

/* Possible future use.
.messageSepBar {
    padding: 0;
    margin: 2px 0 8px 0;
    border: none;
    width: 100%;
    height: 1px;
    color: #d0d0d0;
    background-color: #d0d0d0;    
}
*/

.favorites-box-definition {
    height: 20px;
    width: 20px;
    font-size: 20px;
    padding: 2px;
    padding-left: 3px;
    text-decoration: none;
    /* Font Shadow */
    text-shadow: 0px 1px 1px rgba(0,0,0,.5);
    /* Button Rounding */
    -webkit-border-radius: .9em;
    -moz-border-radius: .9em;
    border-radius: .9em;
    /* Button Shadow */
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}

.favorites-box-definition-bigger {
    height: 26px !important;
    width: 28px !important;
    font-size: 24px !important;
    padding-top: 6px !important;
}

.favorites-color-selected {
    background-color: #E7505A;
    color: white;
}

.favorites-color-unselected {
    background-color: #e0e0e0;
    color: #c0b0b0;
}
/*global*/

.RadComboBox_SNS,
.RadComboBox_SNS .rcbInput,
.RadComboBoxDropDown_SNS
{
	font: 14px Calibri, Arial, Helvetica, sans-serif;
	color: #000;
}

.RadComboBox_SNS
{
    border: 1px solid #4F8C98;
    font: 14px Calibri, Arial, Helvetica, sans-serif;
    color: #000;
	/**/
    /**/
    background-color: #f8f8f8;
}

select {
	/* Used for generic dropdown lists */
	/* Such as the one on Survey.aspx. */
	height: 26px;
	border: 1px solid #4F8C98;
	/**/
	/**/
	background-color: #f8f8f8;
	color: #000;
	font: 14px Calibri, Arial, Helvetica, sans-serif;
}

.RadComboBox_SNS:hover
{
    border: 1px solid #C2CAD8;
}

/* combobox */

div.RadComboBox_SNS table td.rcbInputCell
{
    height: 24px; line-height: 20px;
}
	
* html div.RadComboBox_SNS table td.rcbInputCell
{
    height: 24px; line-height: 20px;
}

/* Commented out because it causes a black border around the input. */
/*
div.RadComboBox_SNS table td.rcbInputCellLeft { border-width: 1px 0 1px 1px; }
div.RadComboBox_SNS table td.rcbInputCellRight { border-width: 1px 1px 1px 0; }
*/

* html div.RadComboBox_SNS .rcbInputCell .rcbInput
{
	height /**/: 16px;
	padding /**/: 2px 0; /* This should fix the ajax introduced height in IE7 and not break IE6 */
}

.RadComboBox_SNS .rcbInputCell .rcbEmptyMessage
{
	color: #666;
}

.RadComboBox_SNS .rcbHovered .rcbInputCell .rcbInput,
.RadComboBox_SNS .rcbFocused .rcbInputCell .rcbInput {
    color: #000;
}

.RadComboBox_SNS table td.rcbArrowCell
{
	/* background: url('ComboBox/rcbSprite.png') no-repeat -1px 50%; */
	background-image: url('ComboBox/rcbSprite.png');
}

/* Commented out because it causes a black border around the arrow. */
/*
div.RadComboBox_SNS .rcbReadOnly .rcbArrowCellLeft,
div.RadComboBox_SNS .rcbArrowCellHidden.rcbArrowCellLeft { border-width: 1px 0 1px 1px; }
div.RadComboBox_SNS .rcbReadOnly .rcbArrowCellRight,
div.RadComboBox_SNS .rcbArrowCellHidden.rcbArrowCellRight { border-width: 1px 1px 1px 0; }
*/

.RadComboBox_SNS td.rcbArrowCell { background-position: -1px 50%; }
.RadComboBox_SNS .rcbHovered td.rcbArrowCell { background-position: -21px 50%; }
.RadComboBox_SNS .rcbFocused td.rcbArrowCell { background-position: -41px 50%; }
.RadComboBox_SNS .rcbDisabled td.rcbArrowCell { background-position: -61px 50%; }

.RadComboBox_SNS .rcbReadOnly td.rcbArrowCell { background-position: -2px 50%; }
.RadComboBox_SNS .rcbHovered .rcbReadOnly td.rcbArrowCell { background-position: -22px 50%; }
.RadComboBox_SNS .rcbFocused .rcbReadOnly td.rcbArrowCell { background-position: -42px 50%; }
.RadComboBox_SNS .rcbDisabled .rcbReadOnly td.rcbArrowCell { background-position: -62px 50%; }

.RadComboBox_SNS td.rcbArrowCellHidden,
.RadComboBox_SNS .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_SNS .rcbFocused td.rcbArrowCellHidden,
.RadComboBox_SNS .rcbReadOnly td.rcbArrowCellHidden,
.RadComboBox_SNS .rcbHovered .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_SNS .rcbFocused .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_SNS .rcbDisabled .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_SNS table.rcbDisabled td.rcbArrowCellHidden { background: none; }

.RadComboBox_SNS .rcbHovered .rcbArrowCell,
.RadComboBox_SNS .rcbHovered .rcbReadOnly .rcbInputCell,
.RadComboBox_SNS .rcbHovered .rcbReadOnly .rcbArrowCellHidden { }
.RadComboBox_SNS .rcbFocused .rcbArrowCell,
.RadComboBox_SNS .rcbFocused .rcbReadOnly .rcbInputCell,
.RadComboBox_SNS .rcbFocused .rcbReadOnly .rcbArrowCellHidden { }

div.RadComboBox_SNS .rcbHovered .rcbArrowCell,
div.RadComboBox_SNS .rcbHovered .rcbInputCell { border-color: #3385d6; }
div.RadComboBox_SNS .rcbFocused .rcbArrowCell,
div.RadComboBox_SNS .rcbFocused .rcbInputCell { border-color: #3385d6; }
div.RadComboBox_SNS .rcbDisabled .rcbArrowCell,
div.RadComboBox_SNS .rcbDisabled .rcbInputCell { border-color: White; }

div.RadComboBox_SNS .rcbArrowCell a
{
	height: 20px;
}

div.RadComboBox_SNS td.rcbArrowCellHidden,
div.RadComboBox_SNS .rcbArrowCellHidden a
{
	width: 1px;
}

div.RadComboBox_SNS td.rcbArrowCellHidden.rcbArrowCellRight
{
	border-left: 0;
}

/* Read-only styles */

/* dropdown */

.RadComboBoxDropDown_SNS
{
	background: #fff;
	border-color: #eae9e9;
}

.RadComboBoxDropDown_SNS .rcbHeader,
.RadComboBoxDropDown_SNS .rcbFooter
{
	background: #e4e4e4;
	color: #000;
}

.RadComboBoxDropDown_SNS .rcbHeader
{
	border-bottom-color: #7c7c7c !important;   /*important for upgrade to Telerik for .NET 4.5 */
}

.RadComboBoxDropDown_SNS .rcbFooter
{
	border-top-color: #7c7c7c !important;   /*important for upgrade to Telerik for .NET 4.5 */
}

.RadComboBoxDropDown_SNS .rcbItem em
{
	background: #e5e5e5;
}

div.RadComboBoxDropDown_SNS .rcbHovered
{
	background: #B2CACF;
	color: #25525F;
}

.RadComboBoxDropDown_SNS .rcbSeparator
{
    color: #fff;
    background: #8a8a8a;
}

.RadComboBox_SNS .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_SNS .rcbDisabled
{
	color: #000;
    box-shadow: none !important;
}

.RadComboBoxDropDown_SNS .rcbLoading
{
	background: #f0f0f0;
}

.RadComboBoxDropDown_SNS .rcbMoreResults
{
	border-top-color: #c3c3c3;
	background: #e4e4e4;
	color: #8a8a8a;
}

.RadComboBoxDropDown_SNS .rcbMoreResults a
{
	background: url('ComboBox/rcbSprite.png') no-repeat -1px -85px;
}

/*Overrides for upgrade to Telerik for .NET 4.5 */

.RadComboBox table td.rcbInputCell {
    padding: 0 4px 0 4px !important;
}

.RadComboBoxDropDown {
    border: 1px solid #C2CAD8 !important;
    font-size: 12px !important;
    background-color: #f8f8f8;
}

.RadComboBox_SNS_Disabled {
    border: none;
	border-radius: inherit;
    box-shadow: none ;
    background-color: inherit;
}

.RadComboBox_SNS_Disabled:hover {
    border: none;
}

.RadComboBox_SNS_Disabled .rcbReadOnly td.rcbArrowCell { background-image: none; }

.rdLeft, .rdRight, .rdBottom
{
    
}

.RadDock_SNS .rdMiddle .rdLeft,
.RadDock_SNS .rdMiddle .rdRight
{
	background-image: url('Dock/VerticalSprite.gif');
}

.RadDock_SNS .rdTop .rdLeft,
.RadDock_SNS .rdTop .rdRight,
.RadDock_SNS .rdTop .rdCenter,
.RadDock_SNS .rdBottom .rdLeft,
.RadDock_SNS .rdBottom .rdRight,
.RadDock_SNS .rdBottom .rdCenter
{
	background-image: url('Dock/HorizontalSprite.gif');
}

.RadDock_SNS .rdCenter .rdCommands a span
{
	background-image: url('Dock/CommandSprite.gif');
}

.RadDock_SNS .rdMiddle .rdCenter,
.RadDock_SNS .rdBottom .rdCenter
{
	background-color:White;
}

.RadDock_SNS .rdContent
{
	font: 11px Verdana, Arial !important;
    background-color:White;
    font-weight:bold;
}

.rdTitleBar em
{
    color:White;
    font-weight:bold;
    
    
    font: 13px Verdana, Arial !important;
    font-weight:bold !important;
    line-height:26px !important;
}

/* Editor/ToolbarSprites.gif */
/* RadEditor for ASP.NET AJAX Base Stylesheet */

/* MVC overrides */
.RadEditor table,
.RadEditor.reWrapper table td
{
	border:0;
	padding:0;
}

/* RadFormDecorator integration */
* html .rfdTable .reWrapper table td
{
	padding: 0;
}

/* By default 'regular' background should be white*/
.reDropDownBody
{
    background-color: #fff;
}

/* In FireFox iframes have transparent background */
.reContentCell, .reContentCell iframe
{
    background-color: #fff;
}

/* Class for the toolbar holder */
.RadEditor.reWrapper .reToolCell
{
	vertical-align: top; /* Needed to position the toolbar wrapper at the top - and then set margin to it! */    
	padding-bottom: 1px;
}
/* this specifyes necessary padding for all browsers excepr IE6, IE7 */
*|html .RadEditor.reWrapper .reToolCell
{
	padding-bottom: 0;
}

/* Align the Bottom zone with the Statistics module to the right */
.reBottomZone
{     
    text-align: right;
    vertical-align: bottom;
}

.reToolbarWrapper
{
    margin-top: 0;
}

.reToolbar
{
	padding: 0 !important; /* Reset CSS */
	margin: 0 0 1px 0 !important; /* Reset CSS */
	list-style: none !important; /* Reset CSS */
	float: left;
}

.reToolbar li
{
    padding: 0 !important; /* Reset CSS */
	margin: 0 !important; /* Reset CSS */
	list-style: none !important; /* Reset CSS */
	float: left;
    background-repeat: repeat-x;
    height: 26px;
}

.reToolbar
{    
    margin-bottom: 2px;
}

.reToolbar a,
.reDropdown,
.reSpinBox input,
.RadEditor input,
.reModule,
.reModule td,
.reEditorModes a,
.reDropDownBody,
.reDropDownBody td,
.reAjaxspell_wrapper,
.reAjaxspell_button,
.reAjaxspell_addicon,
.reAjaxspell_ignoreicon,
.reAjaxspell_okicon,
.reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text,
.reColorPicker .reCustomColor
{
    font: normal 12px "Segoe UI", Arial, Sans-serif;
    color: #000;
    text-decoration: none;
	cursor: default;
}

/* ajax spellcheck */
.reAjaxspell_button
{
    white-space: nowrap;
}

.reAjaxspell_addicon,
.reAjaxspell_ignoreicon,
.reAjaxspell_okicon
{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 2px 4px 2px 2px;
    background-image: url('Common/CommonIcons.gif');
    background-repeat: no-repeat;
}

.reAjaxspell_ignoreicon
{
    background-position: center -103px;
}

.reAjaxspell_okicon
{
    background-position: center -134px;
}

.reAjaxspell_addicon
{
    background-position: center -166px;
}

.reAjaxSpellCheckSuggestions td
{
    width: 100%;
    padding-left: 4px;
}

.reAjaxSpellCheckSeparator
{
    font-size: 1px;
    height: 1px;
    margin: 2px 1px;
}

.reAjaxSpellCheck
{
    padding: 2px;
}
/* end of ajax spellcheck */

.RadEditor .reTextarea
{
    font-size: 11px;
}

/* separator */
.reToolbar .reSeparator
{
    width: 6px;
    height: 26px;
    font-size: 1px;
}
/* separator */

/* grip */
.reToolbar .reGrip
{
	height: 26px;
	width: 4px;
	font-size: 1px;
	background-repeat: no-repeat;
}

.reToolbar .grip_first
{
    background-position: 0 0;
}

.reToolbar .grip_last
{
    background-position: -4px 0;
}
/* end of grip grip */

.reAlignmentSelector div
{
    background-image: url('Common/CommandSpritesLight.png');
    height: 20px;
}

/* reTool */
.reTool,
.reTool:link,
.reTool:visited
{
    display: block;
    width: 24px;
    height: 24px;
    margin: 1px 0; /* was: margin: 1px; */
    text-decoration: none !important;
    cursor: default;
}

.reTool span
{
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 3px;
    cursor: default;
    _display: inline;
    background-repeat: no-repeat;
}
/* end of reTool */

/* reTool_text */
.reToolbar .reTool_text
{
    height: 24px;
    width: auto;
    display: block;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    float: left;
    _display: inline;
}

.reToolbar .reTool_text span
{
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 3px;
    cursor: default;
    _display: inline;
}

.reToolbar .reTool_text .reButton_text
{
    width: auto;
    background-image: none;
    color: black;
}
/* end of reTool_text */

/* reSplitButton */
.reSplitButton,
.reSplitButton:link,
.reSplitButton:visited
{
    width: 34px; /* was: 36px */
    height: 24px;
    text-decoration: none !important;
}

* html .RadEditor .reSplitButton
{
    _display: inline-block;
}

.reTool .split_arrow
{
    width: 5px;
    height: 18px;
    margin-left: 1px;
}

.reSplitButton.reTool_text .split_arrow
{
    width: 5px;
    height: 18px;
}

* html .reToolbar .reTool_text .split_arrow
{
    width: 5px;
    height: 18px;
}

.reDialog .reTool.reSplitButton,
.reModule .reTool.reSplitButton
{
    background-repeat: no-repeat;
}
/* end of reSplitButton */

/* reDropdown */
.reToolbar a
{
    text-decoration: none !important;
}

.reDropdown,
.reTool_disabled.reDropdown:hover
{
    display: block;
    float: left;
    cursor: default;
    background-repeat: no-repeat !important;
    padding-left: 4px;
    padding-right: 10px;
    margin: 0; /* was: margin: 2px 1px 0 1px; */
    margin: 2px 0;
}

.reDropdown span
{
    display: block;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}
/* end of reDropdown */

/* vertical toolbar */
.reTlbVertical ul.reToolbar
{
    float: none;
    clear: both;
    width: 26px;
    height: auto;
}

.reTlbVertical li
{
    clear: both;
    float: none;
    margin: 0 !important; /* Reset CSS */
    font-size: 1px !important; /* Reset CSS */
    padding: 0 !important; /* Reset CSS */
    line-height: 1px !important; /* Reset CSS */
}

.reTlbVertical .reGrip
{
    width: 26px;
    height: 4px;
    font-size: 1px !important; /* Reset CSS */
    line-height: 1px !important; /* Reset CSS */
    background-repeat: no-repeat;
}

.reTlbVertical .reTool
{
    margin-top: 0;
    margin-bottom: 0;
}

.reTlbVertical .reSeparator
{
    width: 26px;
    height: 4px;
    line-height: 1px;
    font-size: 1px;
}

.reTlbVertical .reTool:hover,
.reTlbVertical .reTool_text.reSplitButton:hover,
.reTlbVertical .reTool_text:hover
{
    background-repeat: no-repeat;
}

.reTlbVertical .reTool.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected:hover
{
    background-repeat: no-repeat;
}

.reTlbVertical .reTool_text,
.reTlbVertical .reSplitButton
{
    width: 24px;
    height: 24px;
}

.reTlbVertical .reTool_text .reButton_text
{
	display: none;
}

.reTlbVertical .split_arrow,
.reTlbVertical .reDropdown span,
.reTlbVertical .reTool_text.reSplitButton .reButton_text,
.reTlbVertical .reTool_text.reSplitButton .split_arrow
{
    display: none;
}

/* add weight to the selector for IE6 so it is applied */
*html .reToolbar .reSplitButton.reTool_disabled:hover
{
    background-position: -999px 0;
}

.reTlbVertical .reDropdown,
.reTlbVertical .reDropdown:hover
{
    height: 20px;
    width: 22px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
}

* html .reTlbVertical .reDropdown,
* html .reTlbVertical .reDropdown:hover
{
    width: 21px;
}

.reTlbVertical .reTool,
.reTlbVertical .reDropdown
{
    margin-left: 1px;
}
/* end of vertical toolbar */

/* context menu and toolstrip */
.reDropDownBody
{
    float: left;
    /*_background: none;/* IE6 does not support transparent png and it looks ugly */
}

.reDropDownBody .reTlbVertical ul li
{
    clear: both;
    float: none;
    background: none;
}

/* reDropDownBody */
.reDropDownBody .reTlbVertical ul li a,
.reDropDownBody .reTlbVertical ul li .reTool_disabled:hover
{
    clear: both;
    float: none;
    width: 100%;
    display: block;
    border: 0;
    background: none;
}

.reDropDownBody .reTlbVertical ul li a:hover
{
    background-repeat: no-repeat;
    border: 0;
    margin-left: 1px;
    margin-right: 1px;
}

/* IE6 float and double margins fix */
* html .reDropDownBody .reTlbVertical ul li .reTool_disabled:hover
{
    margin-left: 0;
}

div.RadEditor td.reTlbVertical ul.reToolbar
{
    width: 26px !important;
}

.reDropDownBody .reTlbVertical ul li .reButton_text
{
    width: 156px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    _zoom: 1;
	display: block;
}

.reDropDownBody div.reTlbVertical
{
    float: left;
    height: auto;
}

.reDropDownBody .reTlbVertical .reToolbar
{
    width: 206px;
    background-repeat: repeat-y;
}
/* reDropDownBody */

/* custom links */
.reCustomLinks,
.reCustomLinks ul,
.reCustomLinks li
{
	list-style: none !important; /* Reset CSS */
	padding: 0 !important; /* Reset CSS */
	margin: 0 !important; /* Reset CSS */
	cursor: default !important; /* Reset CSS */
}

ul.reCustomLinks
{
    margin-left: 3px !important; /* Reset CSS */
}

ul.reCustomLinks li ul
{
	margin-left: 12px !important; /* Reset CSS */
}

ul.reCustomLinks a
{
    text-decoration: undeline !important; /* Reset CSS */
}

ul.reCustomLinks a:hover
{
    cursor: pointer !important; /* Reset CSS */
}

ul.reCustomLinks li
{
	clear: both;
	float: none;
}

ul.reCustomLinks span,
ul.reCustomLinks a
{
	display: block;
	float: left;
	cursor: default;
	zoom: 1;
}

ul.reCustomLinks .reCustomLinksIcon
{
	font-size: 1px !important; /* Reset CSS */
}

ul.reCustomLinks .reCustomLinksIcon.reIcon_empty
{
	cursor: default;
}

ul.reCustomLinks li
{
	padding: 1px 0 !important; /* Reset CSS */
}

ul.reCustomLinks span,
ul.reCustomLinks a
{
	padding-left: 1px !important; /* Reset CSS */
	padding-right: 1px !important; /* Reset CSS */
	cursor: default;
}

ul.reCustomLinks .reCustomLinksIcon
{
	width: 9px;
	height: 9px;
	padding: 0 !important; /* Reset CSS */
	background-image: url('Common/CustomLinksSprites.gif');
	background-repeat: no-repeat;
	margin: 2px 4px 0 0 !important; /* Reset CSS */
}

ul.reCustomLinks span
{
    margin-top: 0;
}

ul.reCustomLinks .reCustomLinksIcon.reIcon_plus
{
	background-position: 0 0;
}

ul.reCustomLinks .reCustomLinksIcon.reIcon_minus
{
	background-position: -9px 0;
}

ul.reCustomLinks .reCustomLinksIcon.reIcon_empty
{
	background: none;
}
/* end of custom links */

/* spinbox */
table.reSpinBox
{
	border-collapse: collapse;
	cursor: text;
}

table.reSpinBox td
{
	padding: 0 !important; /* Reset CSS */
}

.reSpinBox input
{
	border: 0 !important;
	background: none transparent;
	width: 30px;
	height: 16px;
	text-align: right;
	cursor: text;
	padding: 0;
}

* html .reSpinBox input,
*+html .reSpinBox input
{
    width: 30px;
}

.reSpinBox a
{
	display: block;
	font-size: 1px !important; /* Reset CSS */
	text-indent: -9999px;
	width: 11px;
	height: 10px;
	cursor: default;
	background-repeat: no-repeat;
}
/* end of spinbox */

/* editor input elements */
.RadEditor input
{
	cursor: text;
}
/* editor input elements */

/* module */
.reModule
{
	border-collapse: collapse !important; /* Reset CSS */
}

td.reModuleLabel
{
    vertical-align: middle !important; /* Reset CSS */
    text-align: right !important; /* Reset CSS */
    padding-left: 6px !important; /* Reset CSS */
    padding-right: 3px !important; /* Reset CSS */
}

td.reModuleText .reEllipsisText
{
	max-width: 110px;
	_width: 110px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	float: right;
}

.reModule .reDropdown,
.reModule .reTool, 
.reModule .reSplitButton
{
    margin: 1px 0 0 0 !important; /* Reset CSS */
}
/* end of module */

/* editing modes */
.reEditorModes
{
    float: left;
    padding: 1px 0 1px 0 !important; /* Reset CSS */
}

.reEditorModes ul,
.reEditorModes li
{
    padding: 0 !important; /* Reset CSS */
    margin: 0 !important; /* Reset CSS */
    list-style: none !important; /* Reset CSS */
}

.reEditorModes li
{
    float: left !important; /* Reset CSS */
}

.reEditorModes a,
.reEditorModes span
{
    display: block;
    cursor: hand;
}

.reEditorModes a
{
    width: 76px;
}

.reEditorModes span
{
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 22px;
    margin: 0 3px;
    background-image: url('Common/CommonIcons.gif');
    background-repeat: no-repeat;
}

.reMode_selected
{
    background-repeat: no-repeat;
}

.reMode_design span,
.reMode_selected.reMode_design span
{
	background-position: -6px -5px;
}

.reMode_html span,
.reMode_selected.reMode_html span
{
	background-position: -6px -36px;
}

.reMode_preview span,
.reMode_selected.reMode_preview span
{
	background-position: -6px -69px;
}
/* end of editing modes */

/* reWrapper */
.reWrapper_corner,
.reWrapper_center,
.reLeftVerticalSide,
.reRightVerticalSide
{
    font-size: 1px;
    line-height: 1px;
}

/*.reWrapper_corner,-> do not set it, because this requires the layout paddings to be further adjusted in other elements*/
.reLeftVerticalSide,
.reRightVerticalSide
{
     padding: 1px; 
}

/* end of reWrapper */

/* DOM inspector */
.reModule_domlink
{
    text-decoration: none;
    font-size: 11px;
}
/* end of DOM inspector */

/* color picker */
.reColorPicker
{
	-moz-user-select: none;
	padding: 4px;
}

.reColorPicker table
{
	border-collapse: collapse;
	border: 0 !important;
	background: transparent !important;
}

.reColorPicker table td
{
	border: 0;
}

.reColorPicker .reColorPickerFooter
{
	overflow: hidden;
}

.reColorPicker span
{
	display: block;
	text-align: center;
	float: left;
	cursor: default;
}

.reColorPicker table div
{
	width: 11px; 
	height: 11px; 
	line-height: 11px; 
	font-size: 1px;
}

.reColorPicker table td
{
	padding: 2px;
	padding-bottom: 0;
	padding-top: 0;
}

.reDropDownBody.reColorPicker table td.reItemOver
{
	border: 0 !important;
	background: transparent !important;
}

.reColorPicker .reColorPickerFooter
{
	margin:0 auto;
	height: 22px;
	height: 18px;
	width: 166px;
	padding:4px 0;
}

.reColorPicker span
{
	width: 82px;
	height: 20px;
	line-height: 18px;
}

.reColorPicker .reColorPickerFooter .reDarkColor
{
	background: black;
	color: white;
	border-right:0;
}

.reColorPicker .reColorPickerFooter .reLightColor
{
	background: white;
	color: black;
	border-left:0;
}

.reColorPicker .reCustomColor:hover
{
    text-decoration: underline;
}
/* end of color picker */

/* insert symbol */
.reInsertSymbol td
{
    text-align: center;
    vertical-align: middle;
}
/* insert symbol */

/* insert table dropdown */
.reInsertTable
{
    padding: 1px !important; /* Reset CSS */
}

.reInsertTable table
{
    width: 120px;
    border: 0 !important;
    margin-left: 2px;
}

.reInsertTable table a span
{
    text-decoration: none;
}

.reInsertTable table td
{
   font-size: 1px;
}

.reInsertTable table td div
{
    height: 13px;
    width: 13px;
}

.reInsertTable .reTlbVertical
{
    border-width: 0 !important;
}

.reInsertTable .reTlbVertical ul
{
    padding: 0 !important; /* Reset CSS */
    margin: 0 !important; /* Reset CSS */
    list-style: none !important; /* Reset CSS */
    background-image: none !important; /* Reset CSS */
}

.reInsertTable div.reTlbVertical ul li a.reTool_text,
.reInsertTable div.reTlbVertical ul li a.reTool_text:hover
{
    background-image: url('Common/CommandSpritesLight.png');
    background-position: -3575 center;
    margin-top: 1px;  
    margin-left: 3px;  
}

.reInsertTable .reTlbVertical ul .reTool_text
{
    text-decoration: none;
    margin: 1px;
}

.reInsertTable .reTlbVertical ul .reTool_text:hover
{
    text-decoration: underline;
}

.reInsertTable .reTlbVertical ul .reTool_text span
{
    height: 18px !important;
    width: 18px !important;
    display: block;
    float: left;
    margin-top: 1px; 
}

.reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text
{
    height: 18px;
    line-height: 18px;
    display: block;
    float: left;
    width: 100px !important;
    background-image: none;
    text-align: center;
}

.reInsertTable .reToolbar
{
    background-image: none !important;
}

.reInsertTable .reToolbar li
{
    clear: none !important;
    float: left !important;
    width: 24px;
}

.reInsertTable .reToolbar li .reTool
{
    width: 24px !important;
    height: 24px;
    margin: 0 !important;
}
/* end of insert table dropdown */

.reDropDownBody
{
    overflow-y: auto;
    overflow-x: hidden;
}

/* resize cell */
.reResizeCell div
{
    background-repeat: no-repeat;
    height: 17px;/*Helps align it with the statistics module*/
    width: 16px;
}

.reAccessibleTool
{
    background-image: url('Common/CommandSpritesLight.png');
    background-repeat: no-repeat;
    background-color: transparent !important;
    width: 22px;
    height: 22px;
    margin-top: 2px !important;
    margin: 1px;
    cursor:pointer !important;
    cursor:default !important;
}

/* editor commands begin */
.CustomDialog
{
	background-position: -1448px center;
}

.FormatCodeBlock
{
	background-position: -305px center;
}

.PageProperties
{
	background-position: -756px center;
}

.SetImageProperties
{
	background-position: -1116px center;
}

.BringToFront
{
	background-position: -1606px center;
}

.AlignmentSelector
{	
	background-position: -1647px center;
}

.Cancel
{
	background-position: -1265px center;
}

.Custom,
.ViewHtml
{
	background-position: -1296px center;
}

.DecreaseSize
{
	background-position: -1886px center;
}

.DeleteTable
{
	background-position: -1445px center;
}

.FileOpen
{
	background-position: -1967px center;
}

.IncreaseSize
{
	background-position: -2046px center;
}

.InsertAnchor
{
	background-position: -2086px center;
}

.InsertEmailLink
{
	background-position: -2246px center;
}

.InsertFormImageButton
{
	background-position: -2486px center;
}

.ModuleManager
{
	background-position: -2376px center;
}

.RepeatLastCommand
{
	background-position: -3248px center;
}

.SendToBack
{
	background-position: -3326px center;
}

.FormatStripper
{
	background-position: -2586px center;
}

.StyleBuilder
{
	background-position: -2946px center;
}

.ToggleFloatingToolbar
{
	background-position: -2974px center;
}

.XhtmlValidator
{
	background-position: -2526px center;
}

.TrackChangesDialog
{
	background-position: -2555px center;
}

.InsertSymbol
{
	background-position: -2196px center;
}

.InsertFormHidden
{
	background-position: -1836px center;
}

.InsertFormButton,
.InsertFormReset,
.InsertFormSubmit
{
	background-position: -1716px center;
}

.InsertFormCheckbox
{
	background-position: -1745px center;
}

.InsertFormPassword
{
	background-position: -1896px center;
}

.InsertFormRadio
{
	background-position: -1926px center;
}

.InsertFormSelect
{
	background-position: -3546px center;
}

.InsertFormTextarea
{
	background-position: -1986px center;
}

.InsertFormText
{
	background-position: -1956px center;
}

.StripAll
{
	background-position: -2585px center;
}

.StripCss
{
	background-position: -2644px center;
}

.StripFont
{
	background-position: -2675px center;
}

.StripSpan
{
	background-position: -2705px center;
}

.StripWord
{
	background-position: -2736px center;
}

.AjaxSpellCheck
{
	background-position: -66px center;
}

.Italic
{
	background-position: -486px center;
}

.ImageManager
{
	background-position: -366px center;
}

.ImageMapDialog
{
	background-position: -396px center;
}

.FlashManager,
.InsertFlash
{
	background-position: -246px center;
}

.MediaManager,
.InsertMedia
{
	background-position:  -696px center;
}

.DocumentManager,
.InsertDocument
{
	background-position: -185px center;
}

.TemplateManager
{
	background-position: -2765px center;
}

.InsertTable,
.TableWizard
{
	background-position: -3575px -5px;
}

.InsertRowAbove
{
	background-position: -1355px -7px;
}

.InsertRowBelow
{
	background-position: -1385px -4px;
}

.DeleteRow
{
	background-position: -3425px center;
}

.InsertColumnLeft
{
	background-position: -1626px center;
}

.InsertColumnRight
{
	background-position: -1592px center;
}

.DeleteColumn
{
	background-position: -3392px center;
}

.MergeColumns
{
	background-position: -2315px center;
}

.MergeRows
{
	background-position: -2345px center;
}

.SplitCell
{
	background-position: -3335px center;
}

.SplitCell
{
	background-position: -3335px center;
}

.SplitCellHorizontal
{
	background-position: -3606px center;
}

.DeleteCell
{
	background-position: -1325px center;
}

.SetCellProperties
{
	background-position: -2495px center;
}

.SetTableProperties
{
	background-position: -3365px center;
}

.Help
{
	background-position: -336px center;
}

.Undo
{
	background-position: -996px center;
}

.Redo
{
	background-position: -967px center;
}

.Cut
{
	background-position: -155px center;
}

.Copy
{
	background-position: -125px center;
}

.Paste,
.PasteStrip
{
	background-position: -785px center;
}

.PasteAsHtml
{
	background-position: -815px center;
}

.PasteHtml
{
	background-position: -3757px -6px;
}

.PasteFromWord
{
	background-position: -845px center;
}

.PasteFromWordNoFontsNoSizes
{
	background-position: -875px center;
}

.PastePlainText
{
	background-position: -905px center;
}

.Print
{
	background-position: -936px center;
}

.FindAndReplace
{
	background-position: -215px center;
}

.SelectAll
{
	background-position: -2435px center;
}

.InsertGroupbox
{
	background-position: -2015px -7px;
}

.InsertCodeSnippet,
.InsertSnippet
{
	background-position: -2164px center;
}

.InsertDate
{
	background-position: -1655px center;
}

.InsertTime
{
	background-position: -2256px center;
}

.AboutDialog
{
	background-position: -6px center;
}

.Bold
{
	background-position: -95px center;
}

.Underline
{
	background-position: -3275px center;
}

.StrikeThrough
{
	background-position: -3306px center;
}

.JustifyLeft
{
	background-position: -576px center;
}

.JustifyCenter
{
	background-position: -516px center;
}

.JustifyFull
{
	background-position: -546px center;
}

.JustifyNone
{
	background-position: -606px center;
}

.JustifyRight
{
	background-position: -636px center;
}

.InsertParagraph
{
	background-position: -454px center;
}

.InsertHorizontalRule
{
	background-position: -2045px center;
}

.Superscript
{
	background-position: -2796px center;
}

.Subscript
{
	background-position: -2826px center;
}

.ConvertToLower
{
	background-position: -1144px center;
}

.ConvertToUpper
{
	background-position: -1174px center;
}

.Indent
{
	background-position: -426px center;
}

.Outdent
{
	background-position: -726px center;
}

.InsertOrderedList
{
	background-position: -2076px center;
}

.InsertUnorderedList
{
	background-position: -2286px center;
}

.AbsolutePosition
{
	background-position: -36px center;
}

.Save,
.SaveAndClose,
.FileSave, 
.FileSaveAs,
.SaveLocal
{
    background-position: -1056px center;
}

.LinkManager,
.CreateLink,
.CustomLinkTool,
.SetLinkProperties
{
	background-position: -665px center;
}

.Unlink
{
	background-position: -2855px center;
}

.ToggleTableBorder
{
	background-position: -2885px center;
}

.ToggleScreenMode
{
	background-position: -2915px center;
}

.ForeColor
{
	background-position: -276px center;
}

.BackColor,
.borderColor,
.bgColor
{
	background-position: -1026px center;
}

.InsertFormElement
{
	background-position: -1774px center;
}

.InsertFormForm
{
	background-position: -1805px center;
}

.reTopCenter
{
    background-position: -3036px -6px;
}

.reMiddleLeft
{
    background-position: -3096px -6px;
}

.reMiddleCenter
{
    background-position: -1236px -6px;
}

.reMiddleRight
{
    background-position: -3155px -6px;
}

.reBottomCenter
{
    background-position: -3216px -6px;
}

.reNoAlignment
{
    background-position: -1266px -6px;
}

.reTopLeft
{
    background-position: -3006px -6px;
}

.reTopRight
{
    background-position: -3155px -6px;
}

.reBottomLeft
{
    background-position: -3186px -6px;
}

.reBottomRight
{
    background-position: -3245px -6px;
}

.SilverlightManager
{
    background-position: -3636px -6px;
}

.ExportToPdf
{
    background-position: -3666px -6px;
}

.InsertLink
{
    background-position: -3697px -6px;
}

.InsertImage
{
    background-position: -3727px -6px;
}

.InsertTableLight
{
    background-position: -3791px -5px;
}

/* alignment settings within the alignment dropdown */
.reAlignmentSelector .reTopRight
{
    background-position: -3062px -5px;
}

.reAlignmentSelector .reTopLeft
{
    background-position: -3004px -5px;
}

.reAlignmentSelector .reTopCenter
{
    background-position: -3033px -5px;
}

.reAlignmentSelector .reNoAlignment
{
    background-position: -1263px -5px;
}

.reAlignmentSelector .reMiddleLeft
{
    background-position: -3094px -5px;
}

.reAlignmentSelector .reMiddleCenter
{
    background-position: -1233px -5px;
}

.reAlignmentSelector .reMiddleRight
{
    background-position: -3151px -5px;
}

.reAlignmentSelector .reBottomCenter
{
    background-position: -3213px -5px;
}

.reAlignmentSelector .reBottomRight
{
    background-position: -3241px -5px;
}

.reAlignmentSelector .reBottomLeft
{
    background-position: -3184px -5px;
}
/* editor commands end */

/* apply css class dropdown */
.reApplyClass td
{
    vertical-align: middle;
    height: 22px;
    padding-left: 3px;
}


.reApplyClass .reClass_all
{
	background-position: 0 0;
}

.reApplyClass .reClass_img
{
	background-position: 0 -20px;
}

.reApplyClass .reClass_table
{
	background-position: 0 -40px;
}

.reApplyClass .reClass_ul
{
	background-position: 0 -60px;
}

.reApplyClass .reClass_ol
{
	background-position: 0 -80px;
}

.reApplyClass .reClass_p
{
	background-position: 0 -100px;
}

.reApplyClass .reClass_span
{
	background-position: 0 -120px;
}

.reApplyClass .reClass_a
{
	background-position: 0 -140px;
}

.reApplyClass .reClass_div
{
	background-position: 0 -160px;
}

.reApplyClass .reClass_h1
{
	background-position: 0 -180px;
}

.reApplyClass .reClass_h2
{
	background-position: 0 -200px;
}

.reApplyClass .reClass_h3
{
	background-position: 0 -220px;
}

.reApplyClass .reClass_h4
{
	background-position: 0 -240px;
}

.reApplyClass .reClass_h5
{
	background-position: 0 -260px;
}

.reApplyClass .reClass_h6
{
	background-position: 0 -280px;
}

.reApplyClass .reClass_td
{
	background-position: 0 -300px;
}
/* end of apply css class dropdown */

td.reTlbVertical
{
    vertical-align: top;
}

.reToolCell .reTool_text span
{
    text-indent: -9999px;    
}

.reToolCell .reTool_text.reSplitButton
{    
    width: auto;
}

.reToolCell .reTool_text.reSplitButton .reButton_text
{
    text-indent: 0;
}

.reTlbVertical li
{
    vertical-align: top;
}

.reTool_text span.reButton_text
{
    text-indent: 0;
}

/* this sets the correct background image to the selected items in the toolstrips */
.reTlbVertical .reTool_text.reTool_selected
{
    background-position: -602px 0 !important;
    border-color: transparent !important; 
}

.reTableWizardSelectAllBtn
{
	
}

/*Light dialogs CSS */
.reInsertImageWrapper, .reInsertLinkWrapper, .reInsertTableLightWrapper
{
    padding: 20px 0 0 0;
    font: 12px "segoe ui" ,arial,sans-serif;
}

.reControlsLayout
{
    width: 100%;
    height: 100%;
}
.reInsertLinkWrapper .reControlsLayout td
{
    padding: 3px 0 3px 3px;
}
.reInsertLinkWrapper .reControlsLayout td, .reInsertImageWrapper .reControlsLayout td, .reInsertTableLightWrapper .reControlsLayout td, .reControlsLayout .reImgPropertyControlCell td, .reImgPropertyControlCell span, .reImgPropertyControlCell input
{
    vertical-align: middle;
}
.reInsertImageWrapper .reControlsLayout td
{
    padding: 3px 0;
}
.reDialogLabelLight span
{
    width: 80px;
    display: block;
    text-overflow: ellipsis;
}
.reDialogLabelLight span, .reImgPropertyControlCell span, .reImgPropertyControlCell input
{
    text-align: right;
}
.reConfirmCancelButtonsTblLight button
{
    width: 75px;
}
.reConfirmCancelButtonsTblLight .reAllPropertiesLight button
{
    width: 126px;
}
.reControlsLayout
{
    width: 100%;
    height: 100%;
}
.reControlsLayout .reControlCellLight input
{
    width: 215px;
}
.reControlsLayout .reControlCellLight select
{
    width: 220px;
}
.reControlsLayout .reConfirmCancelButtonsTblLight
{
    height: auto;
    margin: 12px 0;
    text-align: center;
    width: 100%;
}
.reControlsLayout .reImgPropertyControlCell td, .reControlsLayout .reTablePropertyControlCell td
{
    padding: 3px 3px 3px 4px;
}
.reImgPropertyControlCell span, .reImgPropertyControlCell input, .reTablePropertyControlCell input
{
    width: 40px;
}
.reImgPropertyControlCell table
{
    width: 100%;
    height: 100%;
}
.reControlsLayout td.reImgPropertyControlCell
{
    padding: 0 22px 0 38px;
}
.reInsertImageWrapper .reControlsLayout .reControlCellLight input
{
    width: 190px;
}
.reTablePropertyControlCell .short
{
    width: 80px;
}
.reTablePropertyControlCell .lightTable
{
    margin: -10px 4px 0 4px;
}
* + html .reTablePropertyControlCell .lightTable
{
    margin-top: -3px;
}
*html .reTablePropertyControlCell .lightTable
{
    margin-top: -3px;
}

/* editor content area as div */
.RadEditor .reContentArea
{
	position:relative;
	overflow:auto;
	height: 100%;
	margin: 0px;
	padding:3px;
}

.RadEditor .reContentArea .RadEWrongWord
{
	background-color: yellow;
}
.RadEditor .reContentArea .RadEDomMouseOver
{
	background-color:#ffffcc;
}

.RadEditor .reContentArea body
{
	padding:3px;
	background-image: none;
	margin: 0px;
	text-align: left;
	word-wrap: break-word;
}
.RadEditor .reContentArea form
{
	background-color:#efefef;
	border:1px dashed #555555;
}
.RadEditor .reContentAreaToggle table
{
	BORDER-RIGHT: #999999 1px dashed;
	BORDER-BOTTOM: #999999 1px dashed;
}
.RadEditor .reContentAreaToggle table td
{
	PADDING: 1px;
	BORDER-TOP: #999999 1px dashed;
	BORDER-LEFT: #999999 1px dashed;
}
.RadEditor .reContentAreaToggle table th
{
	PADDING: 1px;
	BORDER-TOP: #000000 1px dashed;
	BORDER-LEFT: #000000 1px dashed;
}
/*===============================================================================================*/
/* RadEditor for ASP.NET AJAX Vista Skin */

.RadEditor
{
    background-color: #c2dcf0;
}

/* reWrapper */
.reWrapper
{
    border: solid 1px #9cb6c5;
}

.reContentCell
{
    border: solid 1px #9db6c5;
}

/* common settings for .reModule, .reEditorModes and .reWrapper */
.reColorPicker,
.reInsertTable,
.reDropDownBody,
.reCustomLinks a:hover
{
	border: solid 1px #979797;
}

.RadEditor_SNS .reDropDownBody table
{
    background: transparent;
}

.RadEditor_SNS  .reModule,
.RadEditor_SNS  .reEditorModes,
.RadEditor_SNS  .reWrapper
{
	background-color: #c2dcf0;
}

/*NEW: Only in the Bottom zone - where the Statistics module is commonly set, remove uppper border, because it looks ugly*/
.RadEditor_SNS  .reBottomZone .reModule
{
    border-top: 0;
}


.RadEditor_SNS  .reModule
{
    border-top: solid 1px #9cb6c5;  
}

.reCustomLinks a
{
    border: solid 1px #fff; /* should be the same as the background of the dropdown */
    color: black !important;
}

.reCustomLinks a:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -325px;
    background-repeat: repeat-x;
    border: solid 1px #a6d9f4;
}
/* end of module */
.reToolbar li
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -26px;
    color: #000;
}

.RadEditor_SNS  .reSpinBox a
{
    background-image: url('Editor/ToolbarSprites.gif');
    -moz-user-select: none;
    outline: none;
}

/* separator */
.reToolbar.RadEditor_SNS  .reSeparator
{
    background-position: center -148px;
    background-image: url('Editor/ToolbarSprites.gif');
}

/* common settings for left and right grip */
.reToolbar.RadEditor_SNS  .reGrip
{
	background-image: url('Editor/ToolbarSprites.gif');
}

/* reTool */
.reTool span
{
    background-image: url('Common/CommandSpritesLight.png');
}

/* IE6 does not support PNG alpha channel, so we use gifs for the command sprites instead */
* html .reTool span,
* html .reTool_text span,
* html .reTlbVertical .reTool_text span,
* html .reToolbar .reSplitButton.reTool_text span
{
    _background-image: url('Common/CommandSpritesLightIE6.gif');
}

.reDialog .reTool,
.reModule .reTool
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -242px;
}

.reDialog .reTool:hover,
.reToolbar .reTool:hover,
.reModule .reTool:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -52px;
}

.reToolbar .reTool.reTool_selected,
.reToolbar .reTool.reTool_selected:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -124px;
    background-repeat: no-repeat;
}

/* .reTool_text */
.reToolbar .reTool_text span
{
    background-image: url('Common/CommandSpritesLight.png');
}

.reToolbar .reTool_text:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-repeat: repeat-x;
    background-position: 0 -100px;
    margin-left: 0;
    margin-right: 0;
    border-left: solid 1px #3c7fb1;
    border-right: solid 1px #3c7fb1;
}

.reToolbar .reTool_text.reTool_selected,
.reToolbar .reTool_text.reTool_selected:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-repeat: repeat-x;
    background-position: 0 -174px;
    margin-left: 0;
    margin-right: 0;
    border-left: solid 1px #3c7fb1;
    border-right: solid 1px #3c7fb1;
}

/* these settings will not be included in the common CSS file of RadEditor */
.reToolbar .reTool_text.reTool_disabled,
.reToolbar .reTool_text.reTool_disabled:hover
{
    margin-left: 0;
    margin-right: 0;
    border: 0;
}
/* end of reTool_text */

.reTool.reSplitButton:hover
{
    background: url('Editor/ToolbarSprites.gif') no-repeat 0 -76px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool.reSplitButton:hover
{
    background: url('Editor/ToolbarSprites.gif') no-repeat 0 -76px;
}

.RadEditor_SNS  .reTool .split_arrow
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: -28px -362px;
}

.RadEditor_SNS  .reSplitButton.reTool_text .split_arrow
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: -28px -362px;
}

/* add weight to the selector for IE6 so it is applied */
* html .RadEditor_SNS  .reToolbar .reTool_text .split_arrow
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: -28px -362px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool_text:hover
{
    background: url('Editor/ToolbarSprites.gif');
    background-position: 0 -100px;
}

.reDialog .reTool.reSplitButton,
.reModule .reTool.reSplitButton
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -218px;
}

.reDialog .reTool.reSplitButton:hover,
.reModule .reTool.reSplitButton:hover
{
    background-position: 0 -76px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool.reSplitButton.reTool_disabled:hover
{
    background: none;
}
/* end of reSplitButton */

/* reDropdown */
.reDropdown:link,
.reDropdown:visited
{
    color: black !important;
}

.reDropdown,
.reTool_disabled.reDropdown:hover
{
    border-top: solid 1px #abadb3;
    border-right: solid 1px #dbdfe6;
    border-bottom: solid 1px #e3e9ef;
    border-left: solid 1px #e2e3ea;
    background-color: #fff;
    background-image: url('Editor/ToolbarSprites.gif') !important;
    background-position: right -360px !important;
}

.reDropdown:hover
{
    border: solid 1px #3c7fb1;
    background-image: url('Editor/ToolbarVerticalSprites.gif') !important;
    background-position: right 0 !important;
}

/* add weight to the selector for IE6 so it is applied */
* html .reTool_disabled.reDropdown
{
    background-image: url('Editor/ToolbarSprites.gif')t;
    background-position: right -380px;
    background-repeat: no-repeat;
}
/* end of reDropdown */

/* vertical toolbar */
.RadEditor.RadEditor_SNS  .reTlbVertical li
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-repeat: repeat-y;
    background-position: -26px 0;
}

.RadEditor.RadEditor_SNS  .reTlbVertical .reToolbar.Default .reGrip
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
}

.RadEditor.RadEditor_SNS  .reTlbVertical .reToolbar.RadEditor_SNS  .grip_first
{
    background-position: 0 0;
}

.RadEditor.RadEditor_SNS  .reTlbVertical .reToolbar.RadEditor_SNS  .grip_last
{
    background-position: 0 -4px;
}

.RadEditor.RadEditor_SNS  .reTlbVertical .reToolbar.RadEditor_SNS  .reSeparator
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -99px -12px;
}

.reTlbVertical .reTool:hover,
.reTlbVertical .reTool_text.reSplitButton:hover,
.reTlbVertical .reTool_text:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -76px 0;
}

/* add weight to the selector for IE6 so it is applied */
* html .reTlbVertical .reTool_text:hover
{
	background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-repeat: no-repeat;
    background-position: -76px 0;
}

.reTlbVertical .reTool.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -52px 0;
}

/* add weight to the selector for IE6 so it is applied */
* html .reTlbVertical .reSplitButton:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -76px 0;
    background-repeat: no-repeat;
}
/* end of vertical toolbar */

.reDropDownBody .reTlbVertical ul li a:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -602px 0;
}

/* InsertTable itself is a kind of tool strip, so it must be styled as a toolstrip */
.reInsertTable
{
    background-color: #f0f0f0;
}

.reDropDownBody .reTlbVertical .reToolbar
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-color: #f0f0f0;
    background-position: -125px 0;
}
/* end of context menu and toolstrip */

/* spinbox */
.RadEditor_SNS  table.reSpinBox
{
	border-top: solid 1px #abadb3;
	border-right: solid 1px #dbdfe6;
	border-bottom: solid 1px #e3e9ef;
	border-left: solid 1px #e2e3ea;
	background: white;
}

.RadEditor_SNS  table.reSpinBox:hover
{
    border-top: solid 1px #5794bf;
	border-right: solid 1px #b7d5ea;
	border-bottom: solid 1px #c7e2f1;
	border-left: solid 1px #b7d5ea;
}

.RadEditor_SNS  .reSpinBoxIncrease
{
	background-position: 0 -198px;
}

.RadEditor_SNS  .reSpinBoxIncrease:hover
{
	background-position: 0 -208px;
}

.RadEditor_SNS  .reSpinBoxDecrease
{
	background-position: -11px -198px;
}

.RadEditor_SNS  .reSpinBoxDecrease:hover
{
	background-position: -11px -208px;
}
/* end of spinbox */

/* editor input elements */
.RadEditor_SNS .RadEditor input
{
	border-top: solid 1px #abadb3;
	border-right: solid 1px #dbdfe6;
	border-bottom: solid 1px #e3e9ef;
	border-left: solid 1px #e2e3ea;
	background-color: white;
}

.RadEditor input:hover
{
    border-top: solid 1px #5794bf;
	border-right: solid 1px #b7d5ea;
	border-bottom: solid 1px #c7e2f1;
	border-left: solid 1px #b7d5ea;
}
/* editor input elements */

/* editing modes */
.RadEditor_SNS  .reMode_selected
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -948px 0;
}

.RadEditor_SNS  .reEditorModes .reMode_design span,
.RadEditor_SNS  .reEditorModes .reMode_selected.reMode_design span
{
	background-position: -6px -5px;
}

.RadEditor_SNS  .reEditorModes .reMode_html span,
.RadEditor_SNS  .reEditorModes .reMode_selected.reMode_html span
{
	background-position: -6px -36px;
}

.RadEditor_SNS  .reEditorModes .reMode_preview span,
.RadEditor_SNS  .reEditorModes .reMode_selected.reMode_preview span
{
	background-position: -6px -69px;
}
/* end of editing modes */

/* DOM inspector */
.RadEditor_SNS  .reModule_domlink_selected,
.RadEditor_SNS  .reModule_domlink
{
    color: black;
}
/* end of DOM inspector */

.reDropDownBody .reItemOver
{
	background: #86c7e9;
	color: #000;
}
/* end of expanded dropdowns */

* html .reTool_selected.reTool
{
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

/* color picker */
.reColorPicker table div
{
	border: solid 1px #c5c5c5;
}

.reColorPicker table td.reItemOver div
{
	border-color: #000;
}

.reColorPicker span
{
	border: solid 1px #c5c5c5;
}
/* end of color picker */

/* ajax spellchecker */
.reAjaxspell_button
{
    border: solid 1px #3c7fb1;
    background: #c2dcf0;
    color: #3c7fb1;
}

.RadEditor_SNS  .reAjaxSpellCheckSuggestions table
{
    border-width: 0;
    width: 100%;
}

.RadEditor_SNS  .reAjaxSpellCheckSeparator
{
    background-color: #979797;
}
/* ajax spellchecker */

/* custom links */
.RadEditor_SNS .reCustomLinks,
.RadEditor_SNS .reCustomLinks ul
{
	color: #000;
}

.RadEditor_SNS .reCustomLinks a,
.RadEditor_SNS .reCustomLinks a:link,
.RadEditor_SNS .reCustomLinks a:visited
{
    background: none transparent;
    color: #000 !important;
	cursor: default !important;
}
/* end of custom links */

/* insert table dropdown */
.reInsertTable table
{
    background: #f0f0f0;
}

.reInsertTable table td
{
    border: solid 1px #9cb6c5;
    background: white;
}

.reInsertTable .reTlbVertical ul
{
    background-color: #f0f0f0;
}

.RadEditor_SNS .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text,
.RadEditor_SNS .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link
.RadEditor_SNS .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited
{
    color: black !important;
    background: transparent none;
    _background: none !important;
}

.RadEditor_SNS .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover
{
    background: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -1403px 0;
}

.reInsertTable .reTlbVertical ul .reTool_text span
{
    background-image: url('Common/CommandSpritesLight.png');
    background-position: -3575 center;
}

.reInsertTable .reToolbar li .reTool:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -52px;
}
/* end of insert table dropdown */

/* modules selector */
.reModule_visible_icon,
.reModule_hidden_icon
{
	display: block;
	float: left;
	height: 18px;
	width: 18px;
	background-image: url('Common/CommonIcons.gif');
	background-repeat: no-repeat;
}

.reModule_visible_icon
{
	background-position: -8px -199px;
}

.reModule_hidden_icon
{
	background-position: -8px -103px;
	
}
/* end of modules selector */

/* resize cell */
.reResizeCell div
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: center -301px;
}

/* reTool_disabled */
.reDialog .reTool_disabled,
.reDialog .reTool_disabled:hover,
.reToolbar .reTool_disabled,
.reToolbar .reTool_disabled:hover,
.reModule .reTool_disabled,
.reModule .reTool_disabled:hover
{
    filter: alpha(opacity=40);
    opacity: .4;
    -moz-opacity: .4;
    background-image: none;
}
/* reTool_disabled */

/* the rule below styles RadWindow's content cell, which is used in the floating and show on focus toolbar modes */
.RadWindow_SNS.reToolbarWindow td.rwWindowContent
{
    background-color: #c2dcf0;
}


/*Telerik RadGrid Default Skin*/

/*global*/

.RadGrid_SNS
{
    border: 1px #cdcbcb;
	border-style: solid solid solid solid;
    border-radius: 4px;
    /**/
    background-color: #4F8C98;
    color: #262D38;
}

.RadGrid_SNS .rgDataDiv
{
    background-color: #DAF0F5;
    /* height: auto !important; */
}

.RadGrid_SNS,
.RadGrid_SNS .rgMasterTable,
.RadGrid_SNS .rgDetailTable,
.RadGrid_SNS .rgGroupPanel table,
.RadGrid_SNS .rgCommandRow table,
.RadGrid_SNS .rgEditForm table,
.RadGrid_SNS .rgPager table,
.GridToolTip_SNS
{
    font: 14px Calibri, Arial, Helvetica, sans-serif;
}

.RadGrid_SNS .rgHeader:first-child,
.RadGrid_SNS th.rgResizeCol:first-child,
.RadGrid_SNS .rgFilterRow>td:first-child,
.RadGrid_SNS .rgRow>td:first-child,
.RadGrid_SNS .rgAltRow>td:first-child
{
	border-left-width: 0;
	padding-left: 8px;
}

.RadGrid_SNS .rgAdd,
.RadGrid_SNS .rgRefresh,
.RadGrid_SNS .rgEdit,
.RadGrid_SNS .rgDel,
.RadGrid_SNS .rgFilter,
.RadGrid_SNS .rgPagePrev,
.RadGrid_SNS .rgPageNext,
.RadGrid_SNS .rgPageFirst,
.RadGrid_SNS .rgPageLast,
.RadGrid_SNS .rgExpand,
.RadGrid_SNS .rgCollapse,
.RadGrid_SNS .rgSortAsc,
.RadGrid_SNS .rgSortDesc,
.RadGrid_SNS .rgUpdate,
.RadGrid_SNS .rgCancel,
.RadGrid_SNS .rgUngroup,
.RadGrid_SNS .rgExpXLS,
.RadGrid_SNS .rgExpDOC,
.RadGrid_SNS .rgExpPDF,
.RadGrid_SNS .rgExpCSV
{
	background-image:url('Grid/sprite.gif');
}

/*header*/

.RadGrid_SNS .rgHeaderDiv
{
	/**/
}

.RadGrid_SNS .rgHeader,
.RadGrid_SNS th.rgResizeCol
{
	border: 0;
	border-bottom: 0px solid #7c7c7c;
	border-left: 1px solid #9e9e9e;
	/**/
    background-color: #4F8C98;
    min-height: 20px;
}

.RadGrid_SNS th.rgSorted
{
	background-color: #4F8C98;
}

.RadGrid_SNS .rgHeader,
.RadGrid_SNS .rgHeader a
{
    color: white;
    font-weight: normal !important;
}

.RadGrid_SNS th.rgSorted,
.RadGrid_SNS th.rgSorted a
{
    color: white;
}

/*rows*/

.RadGrid_SNS .rgRow td,
.RadGrid_SNS .rgAltRow td,
.RadGrid_SNS .rgEditRow td,
.RadGrid_SNS .rgFooter td
{
	border-left-width:1px;
}

.RadGrid_SNS .rgRow td
{
	border-color: #fff #c3c3c3;
}

.RadGrid_SNS .rgAltRow
{
    background-color: #B2CACF;
}

.RadGrid_SNS .rgAltRow td
{
	border-color: #ededed #c3c3c3;
}

.RadGrid_SNS .rgRow .rgSorted
{
	background-color: #DAF0F5;
}

.RadGrid_SNS .rgAltRow .rgSorted
{
	background-color: #B2CACF;
}

.RadGrid_SNS .rgSelectedRow .rgSorted,
.RadGrid_SNS .rgActiveRow .rgSorted,
.RadGrid_SNS .rgHoveredRow .rgSorted,
.RadGrid_SNS .rgEditRow .rgSorted
{
	background-color: transparent;
}

.RadGrid_SNS .rgRow a,
.RadGrid_SNS .rgAltRow a,
.RadGrid_SNS tr.rgEditRow a,
.RadGrid_SNS .rgFooter a,
.RadGrid_SNS .rgEditForm a
{
	color: #000;
	text-decoration: underline;
}

.RadGrid_SNS .rgSelectedRow
{
    background-color: #EFF9FB;
    color: black;    
}
*+html .RadGrid_SNS .rgSelectedRow .rgSorted
{
    background-color: #EFF9FB;
}
* html .RadGrid_SNS .rgSelectedRow .rgSorted
{
    background-color: #EFF9FB;
}

.RadGrid_SNS .rgSelectedRow a,
.RadGrid_SNS .rgHoveredRow a,
.RadGrid_SNS .rgActiveRow a
{
	color: #892500;
}

.RadGrid_SNS .rgActiveRow,
.RadGrid_SNS .rgHoveredRow
{
    background: #ffe79c 0 -2900px repeat-x url('Grid/sprite.gif');
    color: #892500;
}
*+html .RadGrid_SNS .rgActiveRow .rgSorted,
*+html .RadGrid_SNS .rgHoveredRow .rgSorted{background-color:#ffe79c}
* html .RadGrid_SNS .rgActiveRow .rgSorted,
* html .RadGrid_SNS .rgHoveredRow .rgSorted{background-color:#ffe79c}

.RadGrid_SNS .rgEditRow
{
	background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_SNS .rgEditRow .rgSorted{background-color:#fff}
* html .RadGrid_SNS .rgEditRow .rgSorted{background-color:#fff}

.RadGrid_SNS .rgSelectedRow td,
.RadGrid_SNS .rgSelectedRow td.rgSorted
{
	border-color: #ca4b0c #ffa517;
}

.RadGrid_SNS .rgActiveRow td,
.RadGrid_SNS .rgActiveRow td.rgSorted,
.RadGrid_SNS .rgHoveredRow td,
.RadGrid_SNS .rgHoveredRow td.rgSorted
{
	border-color: #c98400 #ffe79c;
}

.RadGrid_SNS .rgEditRow td,
.RadGrid_SNS .rgEditRow td.rgSorted
{
	border-color: #616161 #c3c3c3;
}

/*footer*/

.RadGrid_SNS .rgFooterDiv,
.RadGrid_SNS .rgFooter
{
	background-color: #4F8C98;
    height: 28px;
}

.RadGrid_SNS .rgFooter td
{
	border-top: 1px solid;
	border-color: #999 #c3c3c3;
}

/*status*/

.RadGrid_SNS .rgPager .rgStatus
{
	border: 1px solid;
	border-color: #999 #999 #e4e4e4 #e4e4e4;
	border-left: 0;
}

.RadGrid_SNS .rgStatus div
{
	background-image:url('Common/loading_small.gif');
}

/*pager*/

.RadGrid_SNS .rgPager
{
	background-color: #4F8C98;
    height: 28px;
}

.RadGrid_SNS td.rgPagerCell
{
	border: 1px solid;
	border-color: #999 #e4e4e4 #e4e4e4;
	border-right: 0;
}

.RadGrid_SNS .rgInfoPart
{
	color: #2c2e34;
}

.RadGrid_SNS .rgInfoPart strong
{
	color: #10282c;
}

.RadGrid_SNS .rgPageFirst
{
	background-position: 0 -550px;
}
.RadGrid_SNS .rgPageFirst:hover
{
	background-position: 0 -600px;
}
.RadGrid_SNS .rgPagePrev
{
	background-position: 0 -700px;
}
.RadGrid_SNS .rgPagePrev:hover
{
	background-position:0 -750px;
}
.RadGrid_SNS .rgPageNext
{
	background-position: 0 -850px;
}
.RadGrid_SNS .rgPageNext:hover
{
	background-position: 0 -900px;
}
.RadGrid_SNS .rgPageLast
{
	background-position:0 -1000px;
}
.RadGrid_SNS .rgPageLast:hover
{
	background-position: 0 -1050px;
}

.RadGrid_SNS .rgPager .rgPagerButton
{
	border-color: #7e7e7e;
	background: #c6c6c6;
	color: #000;
	font: 12px/12px "segoe ui",arial,sans-serif;
}

.RadGrid_SNS .rgNumPart a
{
    border: 1px solid #6BA6B1; line-height: 20px; color: #000;
}

.RadGrid_SNS .rgNumPart a:hover
{
    border-color: white; background: #25525F; color: white;
}

.RadGrid_SNS .rgNumPart a.rgCurrentPage,
.RadGrid_SNS .rgNumPart a.rgCurrentPage:hover
{
    border-color: white; background: #25525F; color: white;
}

/*sorting, reordering*/

.RadGrid_SNS .rgHeader .rgSortAsc
{
	background-position: 3px -248px;
	height: 10px;
}

.RadGrid_SNS .rgHeader .rgSortDesc
{
	background-position: 3px -198px;
	height: 10px;
}

.GridReorderTop_SNS,
.GridReorderBottom_SNS
{
    z-index: 2000;
	background: 0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_SNS
{
	z-index: 2000;
	background-position:0 -50px;
}

.rgHeaderOver
{
    z-index: 2000;
}

/*filtering*/

.RadGrid_SNS .rgFilterRow
{
	background:#e4e4e4;
}

.RadGrid_SNS .rgFilter
{
	background-position: 0 -300px;
}

.RadGrid_SNS .rgFilter:hover
{
	background-position:0 -350px;
}

.RadGrid_SNS .rgFilterActive,
.RadGrid_SNS .rgFilterActive:hover
{
	background-position:0 -400px;
}

.RadGrid_SNS .rgFilterBox
{
	border-color: #616161;
	font: 12px "segoe ui",arial,sans-serif;
	color: #000;
}

/*grouping*/

.RadGrid_SNS .rgGroupPanel
{
	border: 0;
	border-bottom: 1px solid #7c7c7c;
	background: #c6c6c6;
}

.RadGrid_SNS .rgGroupPanel td
{
	border: 0;
	padding: 3px 4px;
}

.RadGrid_SNS .rgGroupPanel td td
{
	padding:0;
}

.RadGrid_SNS .rgGroupPanel .rgSortAsc
{
	background-position: 4px -144px;
}

.RadGrid_SNS .rgGroupPanel .rgSortDesc
{
	background-position:4px -94px;
}

.RadGrid_SNS .rgUngroup
{
	background-position:0 -6999px;
}

.RadGrid_SNS .rgGroupItem
{
	border: 1px solid #7e7e7e;
	background: #c6c6c6;
}

.RadGrid_SNS .rgMasterTable td.rgGroupCol,
.RadGrid_SNS .rgMasterTable td.rgExpandCol
{
	border-color: #c9c9c9;
	background: #c9c9c9 none;
}

.RadGrid_SNS .rgGroupHeader
{
    background: #c9c9c9;
    font-size: 1.1em;
    line-height: 22px;
	color: #000;
}

.RadGrid_SNS .rgGroupHeader td
{
    padding-left: 8px;
    padding-bottom: 2px;
}

.RadGrid_SNS .rgExpand
{
	background-position: 5px -496px;
}

.RadGrid_SNS .rgCollapse
{
	background-position: 3px -444px;
}

/*editing*/

.RadGrid_SNS .rgEditForm
{
	border-bottom:1px solid #999;
}

.RadGrid_SNS .rgUpdate
{
	background-position:0 -1800px;
}

.RadGrid_SNS .rgCancel
{
	background-position:0 -1850px;
}

/*hierarchy*/

.RadGrid_SNS .rgDetailTable
{
	border-color:#999;
}

/*command row*/

.RadGrid_SNS .rgCommandRow
{
	background: #c6c6c6;
	color: #000;
}

.RadGrid_SNS .rgCommandCell
{
	border: 0;
	border-bottom: 1px solid #7c7c7c;
	padding: 0;
}

.RadGrid_SNS tfoot .rgCommandCell
{
	border-top: 1px solid #7c7c7c;
	border-bottom: 0;
}

.RadGrid_SNS .rgCommandTable td
{
	border:0;
	padding:3px 7px 4px;
}

.RadGrid_SNS .rgCommandTable
{
	border:0;
}

.RadGrid_SNS .rgCommandRow a
{
	color:#000;
	text-decoration:none;
}

.RadGrid_SNS .rgAdd
{
	margin-right:3px;
	background-position:0 -1650px;
}

.RadGrid_SNS .rgRefresh
{
	margin-right:3px;
	background-position:0 -1600px;
}

.RadGrid_SNS .rgEdit
{
	background-position:0 -1700px;
}

.RadGrid_SNS .rgDel
{
	background-position:0 -1750px;
}

.RadGrid_SNS .rgExpXLS,
.RadGrid_SNS .rgExpDOC,
.RadGrid_SNS .rgExpPDF,
.RadGrid_SNS .rgExpCSV
{
	background-image:url('../Common/Grid/export.gif');
}

.RadGrid_SNS .rgExpXLS
{
	background-position:0 0;
}
.RadGrid_SNS .rgExpDOC
{
	background-position:0 -50px;
}
.RadGrid_SNS .rgExpPDF
{
	background-position:0 -100px;
}
.RadGrid_SNS .rgExpCSV
{
	background-position:0 -150px;
}

/*multirow select*/

.GridRowSelector_SNS
{
	background:#4c4e54;
}

/*row drag n drop*/

.GridItemDropIndicator_SNS
{
    border-top:1px dashed #666;
}

/*tooltip*/

.GridToolTip_SNS
{
	border: 1px solid #c98400;
	padding: 3px;
	background: #ffefbd;
	color: #333;
}

/*rtl*/

.RadGridRTL_SNS .rgHeader:first-child,
.RadGridRTL_SNS th.rgResizeCol:first-child,
.RadGridRTL_SNS .rgFilterRow>td:first-child,
.RadGridRTL_SNS .rgRow>td:first-child,
.RadGridRTL_SNS .rgAltRow>td:first-child
{
	border-left-width: 1px;
	padding-left: 7px;
}

.RadGridRTL_SNS .rgPageFirst
{
	background-position: 0 -1000px;
}
.RadGridRTL_SNS .rgPageFirst:hover
{
	background-position: 0 -1050px;
}
.RadGridRTL_SNS .rgPagePrev
{
	background-position: 0 -850px;
}
.RadGridRTL_SNS .rgPagePrev:hover
{
	background-position: 0 -900px;
}
.RadGridRTL_SNS .rgPageNext
{
	background-position: 0 -700px;
}
.RadGridRTL_SNS .rgPageNext:hover
{
	background-position: 0 -750px;
}
.RadGridRTL_SNS .rgPageLast
{
	background-position: 0 -550px;
}
.RadGridRTL_SNS .rgPageLast:hover
{
	background-position:0 -600px;
}

/* Adding "GridAutoHeight" as the CssClass on a RadGrid will make
    the grid exactly as tall as the number of rows in the grid. */
.GridAutoHeight .rgDataDiv {
    height: auto !important;
}
/*global*/

.RadInput_SNS,
.RadInputMgr_SNS {
    font: 14px Calibri, Arial, Helvetica, sans-serif;
}

/*textbox states*/

html body .RadInput_SNS .riTextBox,
html body .RadInputMgr_SNS {
    height: 26px;
   	padding-left: 4px;
    border: 1px solid #4F8C98;
    /**/
    /**/
    background-color: #f8f8f8;
    color: #000;
    font: 14px Calibri, Arial, Helvetica, sans-serif;
}

html body .RadInput_SNS .riEmpty,
html body .RadInput_Empty_SNS {
    color: #777;
}

html body .RadInput_SNS .riHover,
html body .RadInput_Hover_SNS,
html body .RadInput_SNS .riFocused,
html body .RadInput_Focused_SNS {
    border: 1px solid #C2CAD8;
}

html body .RadInput_SNS .riRead,
html body .RadInput_Read_SNS {
    border-color: transparent;
    background-color: transparent;
    color: #000;
    cursor: default;
}

html body .RadInput_SNS .riDisabled,
html body .RadInput_Disabled_SNS {
    border: 1px solid transparent;
    background-color: transparent;
    color: black;
    height: 22px; line-height: 20px;
    box-shadow: none;
    cursor: default;
}

html body .RadInput_SNS .riError,
html body .RadInput_Error_SNS {
    border-color: #d24000;
    background: #fff 100% -298px no-repeat url('Input/sprite.gif');
    color: #b32d34;
}

.RadForm.rfdTextbox .RadInput_SNS .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_SNS[type="text"] {
    border-color: #d24000;
    background: #fff 100% -298px no-repeat url('Input/sprite.gif');
    color: #b32d34;
}

html body .RadInput_SNS .riNegative,
html body .RadInput_Negative_SNS {
    color: #444;
}

/*buttons*/

.RadInput_SNS a {
    background: transparent no-repeat url('Input/sprite.gif');
}

/*go*/

.RadInput_SNS .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px;
}

.RadInput_SNS .riBtn a:hover {
    background-position: 3px -45px;
}

/*spin*/

.RadInput_SNS .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px;
}

.RadInput_SNS .riUp {
    background-position: 4px -98px;
}

    .RadInput_SNS .riUp:hover {
        background-position: 4px -148px;
    }

.RadInput_SNS a.riDown {
    background-position: 4px -199px;
}

    .RadInput_SNS a.riDown:hover {
        background-position: 4px -249px;
    }

/*label*/

.RadInput_SNS .riLabel {
    color: #000;
}

/*Overrides for upgrade to Telerik for .NET 4.5 */

html body .riSingle .riTextBox, html body .riSingle .riTextBox[type="text"] {
    padding: 4px 0px 5px 4px !important;
    /*box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    -ms-box-sizing: inherit !important;
    -webkit-box-sizing: inherit !important;
    -khtml-box-sizing: inherit !important;*/
}

.riSingle, .riLabel, .riSingle .riTextBox, .riSingle .riContentWrapper {
    /*box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    -ms-box-sizing: inherit !important;
    -webkit-box-sizing: inherit !important;
    -khtml-box-sizing: inherit !important;*/
}

.RadNotification .rnContent {
    padding: 0px !important;
}

.RadListBox_SNS .rlbGroup
{
    border: 1px solid #768ca5;
    background-color: #f8f8f8;
}

.RadListBox_SNS .rlbText,
.RadListBox_SNS .rlbItem,
.RadListBox_SNS .rlbButtonText,
.RadListBox_SNS .rlbEmptyMessage
{
	font: 14px Calibri, Arial, Helvetica, sans-serif;
}

.RadListBox_SNS .rlbText,
.RadListBox_SNS .rlbItem
{
	line-height: 18px;
    color: #000;
}

.RadListBox_SNS .rlbGroup .rlbHovered
{	
    background-color: #e9f8ff;
    /**/
}

.RadListBox_SNS .rlbGroup .rlbSelected
{
    background-color: #B2CACF;
    /**/
}

.RadListBox_SNS .rlbDisabled .rlbText
{
	color: #777;
}

.RadListBox_SNS .rlbDisabled .rlbImage
{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

.RadListBox_SNS .rlbDropClue
{
    background-image: url('ListBox/rlbDropClue.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
	left: -10px;
	width: 10px;
}

.RadListBox_SNS .rlbGroup .rlbDropClueAbove
{
	border-top-style: dotted;
	border-top-color: #8e8e8e;
}

.RadListBox_SNS .rlbGroup .rlbDropClueBelow
{
	border-bottom-style: dotted;
	border-bottom-color: #8e8e8e;
}

/* Buttons normal state vertical layout*/
.RadListBox_SNS .rlbButtonText
{
	background: transparent url('ListBox/rlbSprite.png') no-repeat;
}

.RadListBox_SNS .rlbButton:hover .rlbButtonTL,
.RadListBox_SNS .rlbButton:hover .rlbButtonTR,
.RadListBox_SNS .rlbButton:hover .rlbButtonBL,
.RadListBox_SNS .rlbButton:hover .rlbButtonBR
{
	background-image: url('ListBox/rlbButtonHover.png');
}

* html .RadListBox_SNS .rlbButton:hover .rlbButtonTL,
* html .RadListBox_SNS .rlbButton:hover .rlbButtonTR,
* html .RadListBox_SNS .rlbButton:hover .rlbButtonBL,
* html .RadListBox_SNS .rlbButton:hover .rlbButtonBR
{
	background-image: url('ListBox/rlbButtonHoverIE6.png');
}

.RadListBox_SNS .rlbButton .rlbButtonTL,
.RadListBox_SNS .rlbButton .rlbButtonTR,
.RadListBox_SNS .rlbButton .rlbButtonBL,
.RadListBox_SNS .rlbButton .rlbButtonBR
{
	background-image: url('ListBox/rlbButtonNormal.png');
}

* html .RadListBox_SNS .rlbButton .rlbButtonTL,
* html .RadListBox_SNS .rlbButton .rlbButtonTR,
* html .RadListBox_SNS .rlbButton .rlbButtonBL,
* html .RadListBox_SNS .rlbButton .rlbButtonBR
{
	background-image: url('ListBox/rlbButtonNormalIE6.png');
}

.RadListBox_SNS .rlbDisabled .rlbButtonTL,
.RadListBox_SNS .rlbDisabled .rlbButtonTR,
.RadListBox_SNS .rlbDisabled .rlbButtonBL,
.RadListBox_SNS .rlbDisabled .rlbButtonBR,
.RadListBox_SNS .rlbDisabled:hover .rlbButtonTL,
.RadListBox_SNS .rlbDisabled:hover .rlbButtonTR,
.RadListBox_SNS .rlbDisabled:hover .rlbButtonBL,
.RadListBox_SNS .rlbDisabled:hover .rlbButtonBR
{
	background-image: url('ListBox/rlbButtonDisabled.png');
}

* html .RadListBox_SNS .rlbDisabled .rlbButtonTL,
* html .RadListBox_SNS .rlbDisabled .rlbButtonTR,
* html .RadListBox_SNS .rlbDisabled .rlbButtonBL,
* html .RadListBox_SNS .rlbDisabled .rlbButtonBR,
* html .RadListBox_SNS .rlbDisabled:hover .rlbButtonTL,
* html .RadListBox_SNS .rlbDisabled:hover .rlbButtonTR,
* html .RadListBox_SNS .rlbDisabled:hover .rlbButtonBL,
* html .RadListBox_SNS .rlbDisabled:hover .rlbButtonBR
{
	background-image: url('ListBox/rlbButtonDisabledIE6.png');
}

.RadListBox_SNS .rlbButton .rlbButtonText,
.RadListBox_SNS .rlbButton:hover .rlbButtonText
{
	color: #0d202b;
}

.RadListBox_SNS .rlbDisabled .rlbButtonText,
.RadListBox_SNS .rlbDisabled:hover .rlbButtonText
{
	color: #777;
}

.RadListBox_SNS .rlbMoveUp .rlbButtonText { background-position: 0 0; }
.RadListBox_SNS .rlbMoveUp:hover .rlbButtonText { background-position: -400px 0; }
.RadListBox_SNS .rlbMoveUpDisabled .rlbButtonText,
.RadListBox_SNS .rlbMoveUpDisabled:hover .rlbButtonText { background-position: -200px 0; }

.RadListBox_SNS .rlbMoveDown .rlbButtonText { background-position: 0 -25px; }
.RadListBox_SNS .rlbMoveDown:hover .rlbButtonText { background-position: -400px -25px; }
.RadListBox_SNS .rlbMoveDownDisabled .rlbButtonText,
.RadListBox_SNS .rlbMoveDownDisabled:hover .rlbButtonText { background-position: -200px -25px; }

.RadListBox_SNS .rlbDelete .rlbButtonText { background-position: 0 -50px; }
.RadListBox_SNS .rlbDelete:hover .rlbButtonText { background-position: -400px -50px; }
.RadListBox_SNS .rlbDeleteDisabled .rlbButtonText,
.RadListBox_SNS .rlbDeleteDisabled:hover .rlbButtonText { background-position: -200px -50px; }


.RadListBox_SNS .rlbButtonAreaRight .rlbTransferTo .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferFrom .rlbButtonText { background-position: 0 -100px; }
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferTo .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferFrom .rlbButtonText { background-position: 0 -75px; }
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferFrom:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferTo:hover .rlbButtonText { background-position: -400px -100px; }
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferTo:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferFrom:hover .rlbButtonText { background-position: -400px -75px; }

.RadListBox_SNS .rlbButtonAreaRight .rlbTransferToDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferFromDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferFromDisabled:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferToDisabled:hover .rlbButtonText { background-position: -200px -100px; }

.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferToDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferFromDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferToDisabled:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferFromDisabled:hover .rlbButtonText { background-position: -200px -75px; }


.RadListBox_SNS .rlbButtonAreaRight .rlbTransferAllTo .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferAllFrom .rlbButtonText { background-position: 0 -150px; }
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferAllTo .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferAllFrom .rlbButtonText { background-position: 0 -125px; }
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferAllFrom:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferAllTo:hover .rlbButtonText { background-position: -400px -150px; }
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferAllTo:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferAllFrom:hover .rlbButtonText { background-position: -400px -125px; }

.RadListBox_SNS .rlbButtonAreaRight .rlbTransferAllToDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferAllFromDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferAllFromDisabled:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferAllToDisabled:hover .rlbButtonText { background-position: -200px -150px; }

.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferAllToDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferAllFromDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaLeft .rlbTransferAllToDisabled:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaRight .rlbTransferAllFromDisabled:hover .rlbButtonText { background-position: -200px -125px; }


.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferTo .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferFrom .rlbButtonText { background-position: 0 -200px; }
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferTo .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferFrom .rlbButtonText { background-position: 0 -175px; }
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferFrom:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferTo:hover .rlbButtonText { background-position: -400px -200px; }
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferTo:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferFrom:hover .rlbButtonText { background-position: -400px -175px; }

.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferToDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferFromDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferFromDisabled:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferToDisabled:hover .rlbButtonText { background-position: -200px -200px; }

.RadListBox_SNS .rlbButtonAreaTop .rlbTransferToDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferFromDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferToDisabled:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferFromDisabled:hover .rlbButtonText { background-position: -200px -175px; }


.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferAllTo .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferAllFrom .rlbButtonText { background-position: 0 -250px; }
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferAllTo .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferAllFrom .rlbButtonText { background-position: 0 -225px; }
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferAllFrom:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferAllTo:hover .rlbButtonText { background-position: -400px -250px; }
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferAllTo:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferAllFrom:hover .rlbButtonText { background-position: -400px -225px; }

.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferAllToDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferAllFromDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferAllFromDisabled:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferAllToDisabled:hover .rlbButtonText { background-position: -200px -250px; }

.RadListBox_SNS .rlbButtonAreaTop .rlbTransferAllToDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferAllFromDisabled .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaTop .rlbTransferAllToDisabled:hover .rlbButtonText,
.RadListBox_SNS .rlbButtonAreaBottom .rlbTransferAllFromDisabled:hover .rlbButtonText { background-position: -200px -225px; }


/* <RadMenu /> */
.RadMenu_SNS
{
    z-index: 100 !important;
}

.RadMenu_SNS:focus {
    outline: none;
}

.RadMenu_SNS ul.rmRootGroup,
.RadMenu_SNS div.rmRootGroup
{
    border-left: 1px solid #3D4957; border-right: 1px solid #3D4957;
}

.RadMenu_SNS .rmRootGroup .rmItem .rmText {
    height: 52px; line-height: 50px;
}

/* <Root items> */

.RadMenu_SNS,
.RadMenu_SNS .rmLink
{
    height: 52px; line-height: 50px;
    font: 16px Calibri, Arial, Helvetica, sans-serif;
    font-weight: normal; text-decoration: none;
    color: white;
}

.RadMenu_SNS .rmItem .rmLink
{
    padding: 1px 12px;
    border-left: 1px solid #3D4957; border-right: 1px solid #3D4957;
}

.RadMenu_SNS .rmImageOnly
{
    padding-left:5px !important;
    padding-right:5px !important;
    padding-top:2px !important;
}

.RadMenu_SNS .rmImageOnly .rmLeftImage
{
    padding-top:5px !important;
}

.RadMenu_SNS .rmItem .rmLink .rmText
{
	padding-right: 0;
}

.RadMenu_SNS .rmItem .rmLink:hover,
.RadMenu_SNS .rmItem .rmFocused,
.RadMenu_SNS .rmItem .rmSelected
{
    /**/	
    border-top-right-radius: 5px; border-top-left-radius: 5px;
    background: #2C3542;
    padding: 1px 12px;
    color: #4F8C98;
}

.RadMenu_SNS .rmItem .rmExpanded,
.RadMenu_SNS .rmItem .rmExpanded:hover
{
    /**/	
    border-top-right-radius: 5px; border-top-left-radius: 5px;
    background: #2C3542;
    padding: 1px 12px;
    color: #4F8C98;
}

.RadMenu_SNS .rmItem .rmDisabled,
.RadMenu_SNS .rmItem .rmDisabled:hover
{
    
}

.RadMenu_SNS img.rmLeftImage
{
	margin: 2px 2px 0 0;
	padding-bottom: 3px;
}

/* </Root items> */

/* <Submenu items> */

.RadMenu_SNS .rmGroup,
.RadMenu_SNS .rmMultiColumn,
.RadMenu_SNS .rmGroup .rmVertical
{
    /**/
    /**/
    /**/
    background-color: #002C36;
}

.RadMenu_SNS .rmGroup .rmHorizontal
{
	background: #fff;
}

.RadMenu_SNS .rmGroup .rmItem .rmLink
{
	padding: 0;
	border: 0;
    border-radius: 0px;
    background-color: #002C36;
    color: white;
    height: 30px; line-height: 28px;
}

.RadMenu_SNS .rmGroup .rmItem .rmText {
    height: 30px; line-height: 28px;
}

.RadMenu .rmGroup .rmItem .rmLeftImage
{
	margin: 2px 0 0 6px;
}

* html .RadMenu .rmGroup .rmItem .rmLeftImage { margin: 2px 0 0 3px; }
*+html .RadMenu .rmGroup .rmItem .rmLeftImage { margin: 2px 0 0 3px; }

.RadMenu_SNS .rmGroup .rmItem .rmLink:hover,
.RadMenu_SNS .rmGroup .rmItem .rmFocused,
.RadMenu_SNS .rmGroup .rmItem .rmSelected,
.RadMenu_SNS .rmGroup .rmItem .rmExpanded,
.RadMenu_SNS .rmGroup .rmItem .rmExpanded:hover
{
	padding: 0;
	border: 0;
	border-radius: 0px;
    background-color: #25525F;
    color: #4F8C98;
}

.RadMenu_SNS .rmGroup .rmItem .rmDisabled,
.RadMenu_SNS .rmGroup .rmItem .rmDisabled:hover
{
	padding: 1px;
	background-color: #002C36;
	color: Gray;
	height: 20px;
}

.RadMenu_SNS .rmGroup .rmItem .rmLink .rmText
{
	padding-right: 53px;
}

.RadMenu_SNS .rmGroup .rmHorizontal .rmLink .rmText
{
	padding-right: 10px;
}

.RadMenu_SNS .rmGroup .rmExpandRight,
.RadMenu_SNS .rmGroup .rmExpandLeft,
.RadMenu_SNS .rmTopArrow,
.RadMenu_SNS .rmBottomArrow,
.RadMenu_SNS .rmLeftArrow,
.RadMenu_SNS .rmRightArrow
{
	background: transparent url('Menu/rmExpandArrows.png') no-repeat;
    background: transparent url('Menu/rmExpandArrowsMedium.png') no-repeat;
}

.RadMenu_SNS .rmGroup .rmExpandRight { background-position: 100% 0; }
.RadMenu_SNS .rmGroup .rmExpandLeft { background-position: 0 -48px; }
.RadMenu_SNS .rmLink:hover .rmExpandRight,
.RadMenu_SNS .rmFocused .rmExpandRight,
.RadMenu_SNS .rmSelected .rmExpandRight,
.RadMenu_SNS .rmExpanded .rmExpandRight { background-position: 100% -24px; }
.RadMenu_SNS .rmLink:hover .rmExpandLeft,
.RadMenu_SNS .rmFocused .rmExpandLeft,
.RadMenu_SNS .rmSelected .rmExpandLeft,
.RadMenu_SNS .rmExpanded .rmExpandLeft { background-position: 0 -72px; }

.RadMenu_SNS .rmTopArrow,
.RadMenu_SNS .rmBottomArrow,
.RadMenu_SNS .rmLeftArrow,
.RadMenu_SNS .rmRightArrow
{
	background-color: #fff;
}

.RadMenu_SNS .rmTopArrow
{
	border-bottom: 1px solid #616161;
	background-position: 50% -95px;
}

.RadMenu_SNS .rmBottomArrow
{
	border-top: 1px solid #616161;
	background-position: 50% -109px;
}

.RadMenu_SNS .rmLeftArrow
{
	border-right: 1px solid #616161;
	background-position: 50% -48px;
    top: 15px !important;
}

.RadMenu_SNS .rmRightArrow
{
	border-left: 1px solid #616161;
	background-position: 50% 1px;
    top: 15px !important;
}

.RadMenu_SNS .rmVertical li.rmSeparator .rmText,
.RadMenu_SNS .rmHorizontal .rmVertical li.rmSeparator .rmText
{
    /*
	background: #616161;
	padding-bottom: 1px;
	margin-top: 2px;    
    */
}

.RadMenu_SNS .rmHorizontal li.rmSeparator .rmText,
.RadMenu_SNS .rmVertical .rmHorizontal li.rmSeparator .rmText
{
    width: 70%;
	margin-left: 1px;
    padding: 0px;
    height: 2px;
    border: none;
	background-color: #25525;
}

/* <rtl> */

.RadMenu_SNS_rtl .rmGroup,
.RadMenu_SNS_rtl .rmGroup .rmVertical
{
	background-position: 101% 0;
}

.RadMenu_SNS_rtl .rmGroup .rmItem .rmLink .rmText
{
	padding-left: 53px;
	padding-right: 27px;
}

.RadMenu_SNS_rtl .rmGroup .rmHorizontal .rmLink .rmText
{
	padding-left: 10px;
	padding-right: 9px;
}

/* </rtl> */

.RadMenu_SNS .rmScrollWrap .rmVertical
{
	border: 0;
}

/*filter context menu*/

.RadMenu_SNS .rgHCMClear,
.RadMenu_SNS .rgHCMFilter
{
	border-color: #7e7e7e;
	background: #c6c6c6;
	color: #000;
	font-family: "segoe ui",arial,sans-serif;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.RadMenu_SNS .rgHCMClear:hover,
.RadMenu_SNS .rgHCMFilter:hover
{
	border-color: #c98400;
	background-color: #ffe79c;
	color: #882501;
}

/* </RadMenu / Simple> */

.mobileContainer {
    margin: auto 1em 1em 1em;
    padding: 0em 0.5em 0em 0.5em;
}

.mobileBodyContainer {
    margin: 0em auto auto auto;
}

.mobileCellContainer {
    float: left;
    width: 100%;
}

.mobileCellContainerCenter {
    text-align: center;
    align-items: center;
    align-content: center;
    width: 100%;
}

.mobileCell {
    display: inline-block;
    vertical-align: middle;
}

.mobileButtonCell {
    margin: 0em 0.5em 0.5em 0em;
}

.mobileInlineButtonCell {
    margin: 0.5em 0.5em 0em 0em;
    vertical-align: bottom;
}

.mobileHeaderCustomerName {
    text-align: unset !important;
    margin-right: 0em !important;
}

.mobilePageHeader {
    font-size: 20px !important;
    margin-left: 0px !important;
    line-height: 26px !important;
    height: auto !important;
}

.mobilePageSubHeader {
    height: auto !important;
    line-height: 20px !important;
    font-size: 16px !important;
    padding-left: 0px !important;
}

@media screen and (max-width: 760px) {
    .mobileHideFooterOnMobile {
        display: none;
    }
}
.RadSlider_SNS {
  padding: 15px;
  /* horizontal slider */
  /* end horizontal slider */
  /* vertical slider */
  /* end vertical slider */
  /* horizontal slider - TrackPosition=Top/Bottom */
  /* vertical slider - TrackPosition=Left/Right */
  /* horizontal slider - TrackPosition=Center */
  /* vertical slider - TrackPosition=Center */
}
.RadSlider_SNS .rslTrack {
  border-color: #b9b9b9 #939393 #939393 #b9b9b9;
}
.RadSlider_SNS div.rslTop a.rslDraghandle {
  background-image: url('Slider/DragHandleDown.png');
}
.RadSlider_SNS div.rslHorizontal a.rslHandle {
  width: 28px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #cdcdcd;
  border-radius: 45px;
  background-image: url('../Common/metrotouch-sprite.png');
  background-color: #f9f9f9;
}
.RadSlider_SNS div.rslHorizontal a.rslHandle:hover {
  background-color: #e8e8e8;
}
.RadSlider_SNS div.rslHorizontal a.rslHandle:active,
.RadSlider_SNS div.rslHorizontal a.rslHandle:focus {
  background-color: #e8e8e8;
  background-color: #25a0da;
  border: 1px solid #25a0da;
}
.RadSlider_SNS div.rslHorizontal a.rslDecrease {
  margin: -3px 0 0 -15px;
  background-position: -11px -111px;
}
.RadSlider_SNS div.rslHorizontal a.rslDecrease:hover {
  background-position: -11px -111px;
}
.RadSlider_SNS div.rslHorizontal a.rslDecrease:active,
.RadSlider_SNS div.rslHorizontal a.rslDecrease:focus {
  background-position: -111px -111px;
}
.RadSlider_SNS div.rslHorizontal a.rslIncrease {
  margin: -3px -4px 0 0;
  background-position: -11px -161px;
}
.RadSlider_SNS div.rslHorizontal a.rslIncrease:hover {
  background-position: -11px -161px;
}
.RadSlider_SNS div.rslHorizontal a.rslIncrease:active,
.RadSlider_SNS div.rslHorizontal a.rslIncrease:focus {
  background-position: -111px -161px;
}
.RadSlider_SNS div.rslHorizontal a.rslDraghandle {
  width: 23px;
  height: 23px;
  border-radius: 45px;
  background-image: none;
  border: 2px solid white;
  background-color: #25a0da;
  top: -2px;
}
.RadSlider_SNS div.rslHorizontal a.rslDraghandle:hover {
  width: 22px;
  height: 22px;
  border: 3px solid white;
}
.RadSlider_SNS div.rslHorizontal a.rslDraghandle:active,
.RadSlider_SNS div.rslHorizontal a.rslDraghandle:focus {
  width: 22px;
  height: 22px;
  border: 3px solid #25a0da;
  background-color: white;
}
.RadSlider_SNS div.rslHorizontal div.rslTrack {
  height: 9px;
  line-height: 9px;
  background-color: #cdcdcd;
  border: 0;
}
.RadSlider_SNS div.rslHorizontal div.rslSelectedregion {
  height: 9px;
  line-height: 9px;
  background-color: #25a0da;
}
.RadSlider_SNS div.rslHorizontal .rslItem {
  background-image: url('Slider/ItemHorizontalBgr.png');
}
.RadSlider_SNS div.rslHorizontal.rslMiddle .rslHandle {
  margin-top: -15px;
}
.RadSlider_SNS div.rslHorizontal li.rslItem span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 13px;
}
.RadSlider_SNS div.rslHorizontal.rslMiddle div.rslTrack {
  margin-top: -5px;
}
.RadSlider_SNS div.rslVertical a.rslHandle {
  width: 29px;
  height: 29px;
  line-height: 29px;
  border: 1px solid #cdcdcd;
  border-radius: 45px;
  background-image: url('../Common/MetroTouch/metrotouch-sprite.png');
  background-color: #f9f9f9;
}
.RadSlider_SNS div.rslVertical a.rslHandle:hover {
  background-color: #e8e8e8;
}
.RadSlider_SNS div.rslVertical a.rslHandle:active,
.RadSlider_SNS div.rslVertical a.rslHandle:focus {
  background-color: #e8e8e8;
  background-color: #25a0da;
  border: 1px solid #25a0da;
}
.RadSlider_SNS div.rslVertical a.rslDecrease {
  margin: -16px -3px 0 0;
  background-position: -11px -11px;
}
.RadSlider_SNS div.rslVertical a.rslDecrease:hover {
  background-position: -11px -11px;
}
.RadSlider_SNS div.rslVertical a.rslDecrease:active,
.RadSlider_SNS div.rslVertical a.rslDecrease:focus {
  background-position: -111px -11px;
}
.RadSlider_SNS div.rslVertical a.rslIncrease {
  margin: 0 -3px -4px 0;
  background-position: -11px -61px;
}
.RadSlider_SNS div.rslVertical a.rslIncrease:hover {
  background-position: -11px -61px;
}
.RadSlider_SNS div.rslVertical a.rslIncrease:active,
.RadSlider_SNS div.rslVertical a.rslIncrease:focus {
  background-position: -111px -61px;
}
.RadSlider_SNS div.rslVertical div.rslTrack {
  width: 9px;
  background-color: #cdcdcd;
  border: 0;
  left: 11px;
}
.RadSlider_SNS div.rslVertical.rslRight div.rslTrack {
  left: auto;
}
.RadSlider_SNS div.rslVertical.rslCenter div.rslTrack {
  left: 50%;
  margin-left: 11px;
}
.RadSlider_SNS div.rslVertical.rslCenter .rslItemsWrapper .rslLargeTick, .RadSlider_SNS div.rslVertical.rslCenter .rslItemsWrapper .rslSmallTick {
  margin: 0 0 0 15px;
}
.RadSlider_SNS div.rslVertical .rslSelectedregion {
  width: 9px;
  background-color: #25a0da;
}
.RadSlider_SNS div.rslVertical a.rslDraghandle {
  width: 23px;
  height: 23px;
  border-radius: 45px;
  background-image: none;
  border: 2px solid white;
  background-color: #25a0da;
  left: -1px !important;
  *left: -8px !important;
}
.RadSlider_SNS div.rslVertical a.rslDraghandle:hover {
  width: 22px;
  height: 22px;
  border: 3px solid white;
}
.RadSlider_SNS div.rslVertical a.rslDraghandle:active,
.RadSlider_SNS div.rslVertical a.rslDraghandle:focus {
  width: 22px;
  height: 22px;
  border: 3px solid #25a0da;
  background-color: white;
}
.RadSlider_SNS div.rslVertical .rslItem {
  background-image: url('Slider/ItemVerticalBgr.png');
}
.RadSlider_SNS div.rslVertical li.rslItem span {
  font-size: 13px;
  padding: 1px 3px;
}
.RadSlider_SNS .rslLeft a.rslDraghandle {
  background-image: url('Slider/DragVerticalHandleRight.png');
}
.RadSlider_SNS .rslItem,
.RadSlider_SNS .rslLargeTick span {
  color: #767676;
}
.RadSlider_SNS .rslItemsWrapper .rslItemSelected {
  color: black;
}
.RadSlider_SNS .rslTop .rslSmallTick,
.RadSlider_SNS .rslBottom .rslSmallTick {
  background-image: url('Slider/SmallChangeHorizontal.png');
}
.RadSlider_SNS .rslTop .rslLargeTick,
.RadSlider_SNS .rslBottom .rslLargeTick {
  background-image: url('Slider/LargeChangeHorizontal.png');
}
.RadSlider_SNS .rslLeft .rslSmallTick,
.RadSlider_SNS .rslRight .rslSmallTick {
  background-image: url('Slider/SmallChangeVertical.png');
}
.RadSlider_SNS .rslLeft .rslLargeTick,
.RadSlider_SNS .rslRight .rslLargeTick {
  background-image: url('Slider/LargelChangeVertical.png');
}
.RadSlider_SNS .rslMiddle .rslSmallTick {
  background-image: url('Slider/SmallChangeMiddleHorizontal.png');
}
.RadSlider_SNS .rslLargeTick {
  background-image: url('Slider/LargeChangeMiddleHorizontal.png');
}
.RadSlider_SNS .rslCenter .rslSmallTick {
  background-image: url('Slider/SmallChangeCenterVertical.png');
}
.RadSlider_SNS .rslCenter .rslLargeTick {
  background-image: url('Slider/LargelChangeCenterVertical.png');
}


html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

html, body, form {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body {
    font: 14px Calibri, Arial, Helvetica, sans-serif;
    color: black;
    background-color: #D3D9DB !important;
}

input, select, textarea {
    font: 14px Calibri, Arial, Helvetica, sans-serif;
    color: #000;
}

.ddl {
    border: 1px solid #3385d6;
    height: 18px;
    line-height: 18px;
}

a, a:link, a:active {
    color: Gray;
    text-decoration: underline;
}

    a:hover {
        text-decoration: underline;
    }

.verificationLine {
    height: 1px;
    background-color: #aaaaaa;
    border-style: none;
}

.verificationHeader {
    line-height: 18px;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
}

.verificationLabel {
    height: 16px;
    line-height: 16px;
}

.verificationFormLabel {
    font-weight: bold;
    line-height: 16px;
}

.verificationAlternatingRow {
    background: rgba(180,180,180,0.25);
}

.configureIcon {
    height: 25px;
    width: 25px;
    background-image: url('Images/configureGrid.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    border-width: 0px;
    cursor: pointer;
}

.saveConfigureIcon {
    height: 25px;
    width: 25px;
    background-image: url('Images/saveConfiguration.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    border-width: 0px;
    cursor: pointer;
}

.searchIcon {
    height: 22px;
    width: 17px;
    background-image: url('Images/searchIcon.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    border-width: 0px;
    cursor: pointer;
}

.searchIconInHeader {
    background-image: url('Images/searchIconLight.png');
}

.formLabel, legend
{
    color: #404040;
    font-weight: normal;
    line-height: 22px;
}

.formLabelOpposite
{
    /* The purpose of this is to provide an alternate font color for */
    /* form labels that appear on an opposite background. For instance, */
    /* if form labels are black, but we want to show a label on a background */
    /* that's also dark, we need an "opposite" color. Which is this. */
    /**/
}

.ezMealAppMatchedLabel {
    color: Green;
}

.ezMealAppMatchedLabelRed {
    color:red;
}

.label {
    height: 20px;
    line-height: 20px;
}

.button {
    display: inline-block;
    outline: none;
    text-align: center;
    cursor: pointer;
    padding: 4px 6px 6px 28px;
    color: white;
    font-size: 14px;
    font-weight: normal; text-decoration: none; padding-top: 6px;
    /**/
    /**/
    /**/
}

.buttonRight {
    display: inline-block;
    outline: none;
    text-align: center;
    cursor: pointer;
    padding: 4px 28px 6px 6px;
    color: white;
    font-size: 14px;
    font-weight: normal; text-decoration: none; padding-top: 6px;
    /**/
    /**/
    /**/
}

.buttonWider {
    padding-left: 32px !important;
}

.blue {
    background-color: #4F8C98;
    border: solid 1px #002C36;
}

.green {
    background-color: #25525F;
    border: solid 1px #002C36;
}

.buttonAdd {
    background-image: url(Images/add.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonBack {
    background-image: url(Images/back.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonCalculate {
    background-image: url(Images/calculate.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonCamera {
    background-image: url(Images/camera.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonCancel {
    background-image: url(Images/cancel.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonConfigure {
    background-image: url(Images/configure.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonContinue {
    background-image: url(Images/save.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonCopy {
    background-image: url(Images/copy.png);
    background-position: 3px 4px;
    background-repeat: no-repeat;
}

.buttonDelete {
    background-image: url(Images/delete.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonDetails {
    background-image: url(Images/details.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonEdit {
    background-image: url(Images/edit.png);
    background-position: 3px 5px;
    background-repeat: no-repeat;
}

.buttonListen {
    background-image: url(Images/listen.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
}

.buttonLogin {
    background-image: url(Images/login.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonNext {
    background-image: url(Images/next_right.png);
    background-position: right 4px;
    background-repeat: no-repeat;
}

.buttonPrint {
    background-image: url(Images/print.png);
    background-position: 3px 4px;
    background-repeat: no-repeat;
}

.buttonSave {
    background-image: url(Images/save.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonUnlink {
    background-image: url(Images/unlinkWhite.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

.buttonHistory {
    background-image: url(Images/history1.png);
    background-position: 3px 4px;
    background-repeat: no-repeat;
}

.buttonSaveAndClose {
    background-image: url(Images/saveandclose.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonSearch {
    background-image: url(Images/Search.png);
    background-position: 0px 3px;
    background-repeat: no-repeat;
}

.buttonRestart {
    background-image: url(Images/Restart.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonProcessing {
    background-image: url(Images/processing.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.buttonBlank {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: White;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    padding: 5px 5px 5px 5px;
}

.mealServiceLayout {
    /* background-image: url('Images/bg.jpg'); */
    background-color: #4F7F86;
}

.mealServiceLayoutVending {
    background-color: #FFFFFF;
}

a.mealServiceLayoutLink, a.mealServiceLayoutLink:active, a.mealServiceLayoutLink:link, a.mealServiceLayoutLink:hover {
    text-decoration: none;
    cursor: pointer;
}

.textBox {
    padding-left: 4px;
    border: 1px solid #4F8C98;
    font: 14px Calibri, Arial, Helvetica, sans-serif;
    color: #000;
    /**/
    /**/
    background-color: #f8f8f8;
    height: 22px; line-height: 20px;
}

*:focus {
    /* Remove the blue box around selected elements (in Chrome, mainly). */
    outline: none;
}

.textBox:hover, .textBox:focus {
    border: 1px solid #C2CAD8;
}

.textBoxDisabled {
    border: 1px solid transparent;
    background-color: transparent;
    color: black;
    height: 22px; line-height: 20px;
    box-shadow: none;
    cursor: default;
}

.textboxWatermark {
    border: 1px solid #3385d6;
    height: 18px;
    line-height: 18px;
    font-style: italic;
    color: Gray;
}

.validationGroup {
    border: 2px solid red;
    color: red;
    margin-top: 10px;
    padding: 5px;
    padding-left: 40px;
    background: url(Images/warning.png) no-repeat 5px 50%;
}

p {
    margin: 0px 0px 0px 0px;
    padding-bottom: 10px;
}

.required {
    color: Red;
    font-weight: bold;
}

.clear {
    clear: both;
}

.loginBox {
    width: 264px;
    margin: auto;
    position: relative;
    top: 250px;
}

.loginBand {
    margin-top: 40px;
    width: 264px;
    height: 37px;
    color: White;
    line-height: 35px;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    /* background-image: url(Images/loginBand.jpg); */
    background-color: #25525F;
}

.loginLogo {
    height: 94px;
    margin-bottom: -18px;
    background-image: url('Images/LogoBlack.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.headerDownArrow {
    width: 22px;
    height: 18px;
    background-image: url('Images/downarrow.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.headerLink, a.headerLink, a.headerLink:link {
    color: #88B0C8;
    text-decoration: none;
}

a.headerLink:hover {
    text-decoration: underline;
}

.headerLinkSpacer {
    color: #6890A8;
}

.headerCustomerName {
    color: white;
    font-size: 24px; line-height: 45px;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
}

.logo {
    top: 5px; background-position: center center;
    width: 201px; height: 94px;
    background-image: url('Images/LogoWhite.png');
    /**/
    position: relative;
    background-repeat: no-repeat;
}

.harrisLogoHeader {
    width: 256px; height: 94px;
    background-image: url('Images/HarrisLogoWhite.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.harrisLogoFooter {
    width: 110px; height: 35px;
    background-image: url('Images/HarrisLogoColor.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.statusMessage {
    font-weight: bold;
}

.informationBar {
    height: 36px;
    background-color: #F1F4F7;
    color: #25525F;
    /**/
}

.breadcrumbLeft {
    width: 9px; height: 36px;
    /**/
    float: left;
}

.breadcrumbdivider {
    height: 36px;
    /**/
    padding-top: 11px; padding-left: 10px; padding-right: 10px;
    color: #888888;
    float: left;
}

.breadcrumbdivider:before {
    content: ">";
}

.breadcrumbright {
    width: 22px; height: 36px;
    /**/
    float: left;
}
.breadcrumbback, .breadcrumbback:link, .breadcrumbback:active {
    height: 36px; line-height: 36px;
    /**/
    font-weight: bold; text-decoration: none;
    color: #4F8C98;
    font-size: 15px;
    display: inline-block;
    float: left;
}

.breadcrumbback:hover {
    text-decoration: underline;
}

.sessionTimer {
    line-height: 36px; font-size: 14px;
    padding-right: 5px;
    color: white;
    background-color: #4F8C98;
    /**/
    text-align: right;
    float: right;
}

.sessionTimerImage {
    height: 36px; width: 30px;
    background-image: url('Images/sessionTimer.png'); background-repeat: no-repeat;
    padding-right: 5px;
    background-position-x: 8px;
    background-color: #4F8C98;
    float: right;
}

.tabsBackground {
    padding: 0 5px 0 5px;
    background-image: url('Images/bg.png');
    border: 1px solid #828282;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.tabsSpacer {
    height: 7px;
}

.mainContainer {
    width: 980px;
    margin: auto;
    margin-top: 0px;
}

.container {
    width: 996px;
    margin: auto;
}

.menu {
    height: 54px;
    background-color: #002C36;
}

.contentBackground {
    background-color: white;
    /**/
}

.contentShadow {
    height: 19px; background-image: url('Images/contentshadow.png'); background-repeat: no-repeat;
}

.saveButtonShadow {
    position: relative;
    left: -8px;
}

.reflection {
    height: 59px;
    width: 996px;
    margin: auto;
    margin-top: 9px;
    background-image: url('Images/reflection.png');
    background-repeat: repeat-x;
}

.pageHeader, a.pageHeader, a.pageHeader:link {
    /**/
    font-size: 30px;
    color: #2F0430;
    font-weight: normal; text-decoration: none; margin-left: 6px; clear: both;
    line-height: 40px; height: 30px;
}

.sectionBorder {
    border-bottom: 2px solid #4775a7;
    border-left: 2px solid #4775a7;
    border-right: 2px solid #4775a7;
}

.sectionButton {
    margin-top: 10px;
}

.sectionNote {
    color: Gray;
    font-size: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.reportParameter {
    float: left;
}

.hidden {
    /* Not shown, but takes up space. */
    visibility: hidden;
}

.noDisplay {
    /* Not shown, and does not take space. */
    display: none;
}

.siteMapPage {
    font-size: 15px;
    padding: 3px;
}

.siteMapChildPage {
    margin-left: 15px;
    font-size: 13px;
    padding: 3px;
}

.siteMapChildChildPage {
    margin-left: 30px;
    font-size: 13px;
    padding: 3px;
}

.siteMapePageDescription {
    font-size: 11px;
    margin-left: 10px;
}

.patronWindow {
    padding: 5px;
}

.backgroundOverlay {
    z-index: 4000;
    filter: alpha(opacity=30); /*older IE*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE */
    -moz-opacity: .30; /*older Mozilla*/
    -khtml-opacity: 0.3; /*older Safari*/
    opacity: 0.3; /*supported by current Mozilla, Safari, and Opera*/
    background-color: #000000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.modalWindow {
    z-index: 5000;
    position: fixed;
    top: 30%;
    margin-left: 40px;
    width: 900px;
    background-color: White;
}

.imageDelete {
    width: 25px;
    height: 25px;
    background-image: url('Images/deletePhoto.png');
    position: absolute;
    top: 0px;
    color: White;
    font-weight: bold;
    text-decoration: none;
}

.patronImageDelete {
    left: 100px;
}

.bannerImageDelete {
    left: 525px;
}

.wideBannerImageDelete {
    left: 925px;
}

.letterheadImageDelete {
    left: 300px;
}

.collapsePlus {
    border: 0 0 0 0;
    width: 11px;
    height: 11px;
    background-image: url('Images/plus.png');
    background-repeat: no-repeat;
    background-position: left, top;
}

.collapseMinus {
    border: 0 0 0 0;
    width: 11px;
    height: 11px;
    background-image: url('Images/minus.png');
    background-repeat: no-repeat;
    background-position: left, top;
}

.reportRadioButtonList {
    margin-bottom: 10px;
}

textarea {
    resize: none;
}

.dashboardContainer {
    width: 475px;
    margin-right: 10px;
    float: left;
}

.dashboardPOSStatus {
    width: 100px;
    height: 78px;
    text-align: center;
    float: left;
}

.dashboardPOSStatusOn {
    width: 30px;
    height: 35px;
    margin: auto;
    background-image: url('Images/pos-online.jpg');
    background-repeat: no-repeat;
    background-position: center,top;
}

.dashboardPOSStatusOff {
    width: 30px;
    height: 35px;
    margin: auto;
    background-image: url('Images/pos-offline.jpg');
    background-repeat: no-repeat;
    background-position: center,top;
}

.buttonCompare {
    background-image: url('Images/compare.png');
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

.dashboardPasswordWarningBox {
    padding: 4px 8px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.dashboardPasswordWarningRed {
    background-color: #ffe0e0;
    font-weight: bold;
    font-size: 14px;
    color: red;
}

.dashboardPasswordWarningBlue {
    background-color: #e0e0ff;
    font-weight: bold;
    font-size: 14px;
    color: blue;
}

.dashboardPasswordWarningBlack {
    background-color: #e0e0e0;
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.masterPageTopArea {
    background-color: #25525F;
}

.masterFooterText {
    color: black;
}

.masterFooterBar {
    border-top: 1px solid #002C36; border-bottom: 1px solid #002C36;
}

.footerLogo {
    display: none;
    width: 110px; height: 35px;
    background-image: url('Images/LogoFooter.png');
    padding-bottom: 18px;
    background-position: center center;
    background-repeat: no-repeat;
}

.noOverflowX {
    overflow-x: hidden;
}

.noOverflowY {
    overflow-y: hidden;
}

.errorTag {
    color: red;
    font-size: 20px;
    font-weight: bold;
}

.red {
    color: red;
}

.arial {
    font-family: 'Arial, Helvetica Neue, Helvetica, sans-serif';
}

.baskerville {
    font-family: 'Baskerville, Baskerville Old Face, Garamond, Times New Roman, serif';
}

.bodonimt {
    font-family: 'Bodoni MT, Bodoni 72, Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, serif';
}

.calibri {
    font-family: 'Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif';
}

.calistomt {
    font-family: 'Calisto MT, Bookman Old Style, Bookman, Goudy Old Style, Garamond, Hoefler Text, Bitstream Charter, Georgia, serif';
}

.cambria {
    font-family: 'Cambria, Georgia, serif';
}

.candara {
    font-family: 'Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif';
}

.centurygothic {
    font-family: 'Century Gothic, CenturyGothic, AppleGothic, sans-serif';
}

.consolas {
    font-family: 'Consolas, monaco, monospace';
}

.copperplategothic {
    font-family: 'Copperplate, Copperplate Gothic Light, fantasy';
}

.couriernew {
    font-family: 'Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace';
}

.dejavusans {
    font-family: 'Dejavu Sans, Arial, Verdana, sans-serif';
}

.didot {
    font-family: 'Didot, Didot LT STD, Hoefler Text, Garamond, Calisto MT, Times New Roman, serif';
}

.franklingothic {
    font-family: 'Franklin Gothic, Arial Bold';
}

.garamond {
    font-family: 'Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif';
}

.georgia {
    font-family: 'Georgia, Times, Times New Roman, serif';
}

.gillsans {
    font-family: 'Gill Sans, Gill Sans MT, Calibri, sans-serif';
}

.goudyoldstyle {
    font-family: 'Goudy Old Style, Garamond, Big Caslon, Times New Roman, serif';
}

.helvetica {
    font-family: 'Helvetica Neue, Helvetica, Arial, sans-serif';
}

.impact {
    font-family: 'Impact, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans serif';
}

.lucidabright {
    font-family: 'Lucida Bright, Georgia, serif';
}

.lucidasans {
    font-family: 'Lucida Sans, Helvetica, Arial, sans-serif';
}

.optima {
    font-family: 'Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif';
}

.palatino {
    font-family: 'Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif';
}

.perpetua {
    font-family: 'Perpetua, Baskerville, Big Caslon, Palatino Linotype, Palatino, serif';
}

.rage {
    font-family: 'Rage';
}

.rockwell {
    font-family: 'Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, serif';
}

.scriptmt {
    font-family: 'Script MT';
}

.segoescript {
    font-family: 'Segoe script';
}

.segoeui {
    font-family: 'Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif';
}

.lucidahandwriting {
    font-family: 'Lucida Handwriting';
}

.tahoma {
    font-family: 'Tahoma, Verdana, Segoe, sans-serif';
}

.trebuchetms {
    font-family: 'Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif';
}

.verdana {
    font-family: 'Verdana, Geneva, sans-serif';
}

.gdsn-link {
    display: inline-block;
    width: 108px;
    height: 36px;
    float: right;
    margin-top: -48px;
    background-image: url('Images/gdsn.png');
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
}
/*SNSPanel*/

.SNSPanelHeader {
    height: 26px; line-height: 26px;
    font-size: 18px;
    color: #414042;
    padding-left: 5px; margin-bottom: 3px; font-weight: bold;
    /**/
}

.SNSPanelContent {
    border-top: 2px solid #002C36;
    padding: 5px;
}

/*SNSWindow*/
.SNSWindowOverlay 
{
	z-index: 1000;
	filter: alpha(opacity=30); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE */
	-moz-opacity: .30; /*older Mozilla*/
	-khtml-opacity: 0.3;   /*older Safari*/
	opacity: 0.3;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}

.SNSWindowPosition 
{
    position:fixed; 
    top:10%;
    left:0px;
    width:100%; 
    text-align:center; 
    z-index:1000;
}

.SNSWindowPositionRaised
{
    position:fixed; 
    top:4%;
    left:0px;
    width:100%; 
    text-align:center; 
    z-index:1000;
}

.SNSWindowHeader 
{
    font: 16px Calibri, Arial, Helvetica, sans-serif;
    height: 30px; font-weight: bold; line-height: 30px; padding-left: 10px; text-align: left;
}

.SNSWindowTable
{
    border: 1px solid #393939;
    z-index: 1000;
    background-color: #ededed;
}

.SNSWindowContent 
{
    text-align:left;
    border: 1px solid #aeaeae;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    padding:5px;
    background-color: white;
}

.RadTabStrip_SNS .rtsLI,
.RadTabStrip_SNS .rtsLink
{
	color: #000;
	font: 12px/26px "Segoe UI", Arial, sans-serif;
}

.RadTabStripLeft_SNS .rtsSeparator,
.RadTabStripRight_SNS .rtsSeparator
{
	background: #828282;
}

/* <disabled tabs> */
.RadTabStrip_SNS .rtsDisabled
{
	color: #aaa;
}
/* </disabled tabs> */

/* <scrolling arrows> */
.RadTabStrip_SNS .rtsNextArrow,
.RadTabStrip_SNS .rtsPrevArrow,
.RadTabStrip_SNS .rtsPrevArrowDisabled,
.RadTabStrip_SNS .rtsNextArrowDisabled
{
	background-image: url('TabStrip/TabStripStates.png');
}
/* </scrolling arrows> */

/* <tab backgrounds> */

.RadTabStripTop_SNS .rtsLevel { background-color: transparent; }

.RadTabStripTop_SNS .rtsLevel .rtsLink,
.RadTabStripTop_SNS .rtsLevel .rtsOut,
.RadTabStripBottom_SNS .rtsLevel .rtsLink,
.RadTabStripBottom_SNS .rtsLevel .rtsOut,
.RadTabStripTop_SNS_Baseline .rtsLevel,
.RadTabStripBottom_SNS_Baseline .rtsLevel { background-image: url('TabStrip/TabStripStates.png'); }

.RadTabStripLeft_SNS .rtsLink,
.RadTabStripRight_SNS .rtsLink { background-image: url('TabStrip/TabStripVStates.png'); }

.RadTabStripLeft_SNS .rtsLast .rtsLink,
.RadTabStripRight_SNS .rtsLast .rtsLink
{
	border-bottom: 1px solid #898C95;
}

/* </tab backgrounds> */

/* <background positioning: overlapping tabs> */

/* <orientation: top> */

.RadTabStripTop_SNS .rtsLink { background-position: 0 -52px; }
.RadTabStripTop_SNS .rtsFirst .rtsLink { background-position: 0 0; }
.RadTabStripTop_SNS .rtsOut { background-position: 100% -52px; }
.RadTabStripTop_SNS .rtsLast .rtsOut { background-position: 100% 0; }

.RadTabStripTop_SNS .rtsLI .rtsSelected { background-position: 0 -26px; }
.RadTabStripTop_SNS .rtsSelected .rtsOut { background-position: 100% -78px; }
.RadTabStripTop_SNS .rtsLI .rtsAfter { background-position: 0 -78px; }

.RadTabStripTop_SNS .rtsLast .rtsSelected .rtsOut { background-position: 100% -26px; }

.RadTabStripTop_SNS_Baseline .rtsLevel { background-position: 0 100%; background-repeat: repeat-x; }

/* </orientation: top> */

/* <orientation: bottom> */

.RadTabStripBottom_SNS .rtsLevel .rtsLink { background-position: 0 -130px; }
.RadTabStripBottom_SNS .rtsLevel .rtsFirst .rtsLink { background-position: 0 -182px; }
.RadTabStripBottom_SNS .rtsLevel .rtsOut { background-position: 100% -130px; }
.RadTabStripBottom_SNS .rtsLevel .rtsLast .rtsOut { background-position: 100% -182px; }

.RadTabStripBottom_SNS .rtsLevel .rtsLI .rtsSelected { background-position: 0 -156px; }
.RadTabStripBottom_SNS .rtsLevel .rtsSelected .rtsOut { background-position: 100% -104px; }
.RadTabStripBottom_SNS .rtsLevel .rtsLI .rtsAfter { background-position: 0 -104px; }

.RadTabStripBottom_SNS .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 100% -156px; }

.RadTabStripBottom_SNS_Baseline .rtsLevel { background-position: 0 -599px; background-repeat: repeat-x; }

/* </orientation: bottom> */

/* <orientation: right> */

.RadTabStripRight_SNS .rtsUL .rtsLink,
.RadTabStripRight_SNS .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }
.RadTabStripRight_SNS .rtsUL .rtsLink:hover { background-position: 100% -200px; }
.RadTabStripRight_SNS .rtsUL .rtsSelected,
.RadTabStripRight_SNS .rtsUL .rtsSelected:hover { background-position: 100% -400px; }

/* </orientation: right> */

/* <orientation: top (RTL)> */

.RadTabStripTop_SNS_rtl .rtsLevel .rtsLink
{
	padding-left: 0;
	padding-right: 9px;
}

.RadTabStripTop_SNS_rtl .rtsLevel .rtsOut
{
	padding-left: 9px;
	padding-right: 0;
}

.RadTabStripTop_SNS_rtl .rtsLevel .rtsLink,
.RadTabStripTop_SNS_rtl .rtsLevel .rtsOut { background-image: url('TabStrip/TabStripStates_rtl.png'); }

.RadTabStripTop_SNS_rtl .rtsLevel .rtsLink { background-position: 100% -52px; }
.RadTabStripTop_SNS_rtl .rtsLevel .rtsFirst .rtsLink { background-position: 100% 0; }
.RadTabStripTop_SNS_rtl .rtsLevel .rtsOut { background-position: 0 -52px; }
.RadTabStripTop_SNS_rtl .rtsLevel .rtsLast .rtsOut { background-position: 0 0; }

.RadTabStripTop_SNS_rtl .rtsLevel .rtsLI .rtsSelected { background-position: 100% -26px; }
.RadTabStripTop_SNS_rtl .rtsLevel .rtsSelected .rtsOut { background-position: 0 -78px; }
.RadTabStripTop_SNS_rtl .rtsLevel .rtsLI .rtsAfter { background-position: 100% -78px; }

.RadTabStripTop_SNS_rtl .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 0 -26px; }

/* </orientation: top (RTL)> */

/* </background positioning: overlapping tabs> */

/* <simplistic sub-item styles> */

.RadTabStrip_SNS_SimpleSubItems .rtsLevel2,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel3,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel4 { background: #fff; }

.RadTabStrip_SNS_SimpleSubItems .rtsLevel2 .rtsSelected,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel3 .rtsSelected,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel4 .rtsSelected
{
	text-decoration: underline;
}

.RadTabStrip_SNS_SimpleSubItems .rtsLevel2 .rtsLink,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel2 .rtsOut,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel2 .rtsIn,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel3 .rtsLink,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel3 .rtsOut,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel3 .rtsIn,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel4 .rtsLink,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel4 .rtsOut,
.RadTabStrip_SNS_SimpleSubItems .rtsLevel4 .rtsIn
{
	background: none;
}

/* </simplistic sub-item styles> */
.RadTreeView_SNS .rtTemplate
{
    font: 12px/15px Verdana, Arial;
    }

.RadTreeView_SNS,
.RadTreeView_SNS a.rtIn,
.RadTreeView_SNS .rtEdit .rtIn input
{
	color: #000;
	font: 12px/26px Verdana, Arial;
}

.RadTreeView_SNS .rtPlus, 
.RadTreeView_SNS .rtMinus
{
	background-image: url('TreeView/PlusMinus.png');
}

.RadTreeView_SNS .rtLI .rtPlus, 
.RadTreeView_SNS .rtLI .rtPlus:hover
{ background-position: 0 0; }

.RadTreeView_SNS .rtLI .rtMinus, 
.RadTreeView_SNS .rtLI .rtMinus:hover
{ background-position: 0 -11px; }

.RadTreeView_SNS .rtChecked,
.RadTreeView_SNS .rtUnchecked,
.RadTreeView_SNS .rtIndeterminate
{
	background-image: url('TreeView/TriState.png');
}

.RadTreeView_SNS .rtHover .rtIn
{
	color: #882501;
	border-color: #c98400;
	background-color: #ffe79c;
}

.RadTreeView_SNS .rtSelected .rtIn
{
	color: #882501;
	border-color: #ca4b0c;
	background-color: #ffa517;
}

.RadTreeView_SNS .rtSelected .rtLoadingBefore,
.RadTreeView_SNS .rtSelected .rtLoadingAfter,
.RadTreeView_SNS .rtSelected .rtLoadingBelow
{
	color: #333;
}

.RadTreeView_SNS .rtLoadingIcon
{
	background-image: url('TreeView/LoadingIcon.gif');
}

.RadTreeView_SNS .rtLI .rtEdit .rtIn
{
	border-color: #6c6c6c;
	background: #fff;
}

.RadTreeView_SNS_disabled .rtIn,
.RadTreeView_SNS .rtDisabled .rtIn
{
	color: #ccc;
}


/* <node lines> */

.RadTreeView_SNS .rtLines .rtLI,
.RadTreeView_SNS .rtLines .rtFirst .rtUL { background-image: url('TreeView/NodeSpan.png'); }
.RadTreeView_SNS_rtl .rtLines .rtLI,
.RadTreeView_SNS_rtl .rtLines .rtFirst .rtUL { background-image:url('TreeView/NodeSpan_rtl.png'); }

.RadTreeView_SNS .rtLines .rtFirst,
.RadTreeView_SNS .rtLines .rtFirst .rtUL { background-image: url('TreeView/FirstNodeSpan.png'); }
.RadTreeView_SNS_rtl .rtLines .rtFirst,
.RadTreeView_SNS_rtl .rtLines .rtFirst .rtUL { background-image: url('TreeView/FirstNodeSpan_rtl.png'); }
.RadTreeView_SNS .rtLines .rtLast,
.RadTreeView_SNS .rtLines .rtLast .rtUL { background-image: none; }

.RadTreeView_SNS .rtLines .rtTop { background-image:url('TreeView/TopLine.png'); }
.RadTreeView_SNS_rtl .rtLines .rtTop { background-image:url('TreeView/TopLine_rtl.png'); }
.RadTreeView_SNS .rtLines .rtMid { background-image:url('TreeView/MiddleLine.png'); }
.RadTreeView_SNS_rtl .rtLines .rtMid { background-image:url('TreeView/MiddleLine_rtl.png'); }
.RadTreeView_SNS .rtLines .rtBot { background-image:url('TreeView/BottomLine.png'); }
.RadTreeView_SNS_rtl .rtLines .rtBot { background-image: url('TreeView/BottomLine_rtl.png'); }
.RadTreeView_SNS .rtLines .rtLast .rtTop { background-image:url('TreeView/SingleLine.png'); }
.RadTreeView_SNS_rtl .rtLines .rtLast .rtTop { background-image:url('TreeView/SingleLine_rtl.png'); }

/* </node lines> */

/* RadUpload */

.ruButton .ruRemove, .RadUpload .ruRemove
{
    display: none !important;
}

.ruBrowse
{
    height: 24px !important;
    width: 120px !important;
}

/* <general styles> */

.RadUpload_SNS,
.RadUpload_SNS a,
.RadUpload_SNS input,
.RadUploadProgressArea_SNS,
.RadUploadProgressArea_SNS input
{
    cursor: pointer;
    width: 120px;
}

/* </general styles> */

/* <file inputs> */

.RadUpload_SNS .ruStyled .ruFileInput
{
    /**/
}

.RadUpload_SNS .ruFakeInput
{
    border-color: #616161;
    color: #4b4b4b;
    display: none;    
}
* html .RadUpload_SNS .ruFileWrap .ruInputHover { border-color: #333; }
*+html .RadUpload_SNS .ruFileWrap .ruInputHover { border-color: #333; }

.RadUpload_SNS .ruReadOnly .ruFakeInput
{
    /**/	
}

/* </file inputs> */

/* <buttons> */

div.RadUploadSubmit,
div.RadUpload_SNS .ruButton,
div.RadUploadProgressArea_SNS .ruButton
{
    display: inline-block;
	outline: none;
	text-align: center;
    height: 30px;
    cursor: pointer;
    /**/
    /**/
    color: white;
    /**/    
    font-weight: normal; text-decoration: none; padding-top: 6px;
    border: solid 1px #002C36;
	background-color: #4F8C98;
    font-size: 14px;
}

div.RadUpload_SNS .ruRemove
{
	color: #6e6e6e;
	background-color: transparent;
    background-image: url('Upload/ruSprite.png');
	border: 0;
}

div.RadUpload_SNS .ruInputs .ruButtonHover,
div.RadUpload_SNS .ruActions .ruButtonHover,
div.RadUpload_SNS .ruFileWrap .ruButtonHover,
div.RadUploadProgressArea_SNS .ruActions .ruButtonHover
{
    background-color: #c1c1c1;
}

/* </buttons> */

/* <progress area> */

.RadUploadProgressArea_SNS .ruProgress
{
    border-color: #616161;
    background-image: url('Upload/ruSprite.png');
    background-color: #fff;
}

.RadUploadProgressArea_SNS .ruProgress li
{
    color: #000;
}

.RadUploadProgressArea_SNS li.ruProgressHeader
{
    color: #000;
}

.RadUploadProgressArea_SNS .ruProgress li.ruCurrentFile
{
    color: #000;
}

.RadUploadProgressArea_SNS .ruProgress li.ruCurrentFile span
{
    color: #ca250c;
}

.RadUploadProgressArea_SNS .ruProgress .ruBar
{
    border-color: #999;
}
 
.RadUploadProgressArea_SNS .ruProgress .ruBar div
{
    background-image: url('Upload/ruProgress.gif');
	border-right: 1px solid #ca250c;
}

.RadUploadProgressArea_SNS_rtl .ruProgress .ruBar div
{
	border-right: 0;
	border-left: 1px solid #ca250c;
    background-image: url('Upload/ruProgress.gif');
}
 
.RadUploadProgressArea_SNS .ruProgress .ruActions
{
	border-top-color: #616161;
	background: #e4e4e4;
}

/* </progress area> */

/* <RadAsyncUpload> */

.RadUpload_SNS .ruUploadInvalid
{
    background-repeat: no-repeat;
    background-position: 100% -297px;
    background-image: url('Input/sprite.gif');
}

.RadUpload_SNS_rtl .ruUploadInvalid
{
    background-position: 3px -297px;
}

.RadUpload_SNS span.ruFileProgressWrap
{
    background: #dcdcdc;
}

.RadUpload_SNS span.ruFileProgress,
.RadUpload_SNS span.ruProgressComplete
{
    background: #ffa517;
}

/* </RadAsyncUpload> */

.webPOS_ItemFont {
    color: #00B5AD;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.webPOS_OuterItemBox {
    -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 6px;
    position: relative;
    margin: 7px;
}

.webPOS_InnerItemBox {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
}

.webPOS_ItemBoxSize {
    width: 122px;
    height: 126px;
}

.webPOS_Container {
    background-color: #F2F4F5;
    padding: 7px;
}
.RadWindow_SNS .rwIcon {    
    display: none!important;    
}   
  

/* Window Background */

/* Horiznotal */
.RadWindow_SNS .rwTopLeft,
.RadWindow_SNS .rwTopRight,
.RadWindow_SNS .rwTitlebar,
.RadWindow_SNS .rwFooterLeft,
.RadWindow_SNS .rwFooterRight,
.RadWindow_SNS .rwFooterCenter,
.RadWindow_SNS .rwTopResize,
.RadWindow_SNS .rwStatusbar div,
.RadWindow_SNS .rwStatusbar,
.RadWindow_SNS .rwPopupButton,
.RadWindow_SNS .rwPopupButton span,
.RadWindow_SNS.rwMinimizedWindow .rwCorner
{
    background-image: url('Window/WindowHorizontalSprites.gif');
}

/* Vertical */
.RadWindow_SNS .rwBodyLeft,
.RadWindow_SNS .rwBodyRight,
.RadWindow_SNS .rwStatusbarRow .rwCorner
{
	background-image: url('Window/WindowVerticalSprites.gif');
}

/* Window Shadows */

/* Horiznotal */
.RadWindow_SNS .rwShadow .rwTopLeft,
.RadWindow_SNS .rwShadow .rwTopRight,
.RadWindow_SNS .rwShadow .rwTitlebar,
.RadWindow_SNS .rwShadow .rwFooterLeft,
.RadWindow_SNS .rwShadow .rwFooterRight,
.RadWindow_SNS .rwShadow .rwFooterCenter,
.RadWindow_SNS .rwShadow .rwTopResize,
.RadWindow_SNS .rwShadow .rwStatusbar div,
.RadWindow_SNS .rwShadow .rwStatusbar,
.RadWindow_SNS .rwShadow .rwPopupButton,
.RadWindow_SNS .rwShadow .rwPopupButton span,
.RadWindow_SNS .rwShadow .rwBodyLeft,
.RadWindow_SNS .rwShadow .rwBodyRight,
.RadWindow_SNS .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_SNS .rwShadow .rwStatusbarRow .rwBodyRight
{
	background-image: url('Window/WindowHorizontalSprites.png');
}

/* Vertical */
.RadWindow_SNS .rwShadow .rwBodyLeft,
.RadWindow_SNS .rwShadow .rwBodyRight,
.RadWindow_SNS .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_SNS .rwShadow .rwStatusbarRow .rwBodyRight
{
	background-image: url('Window/WindowVerticalSprites.png');
}

/* Shadows End */

.RadWindow_SNS .rwStatusbar input
{
    background-color: #f7f3e9;
}

.RadWindow_SNS .rwControlButtons
{
    margin-top: 1px;
}

.RadWindow_SNS .rwControlButtons a
{
    background-image: url('Window/CommandButtonSprites.gif');
}

.RadWindow_SNS a.rwIcon
{
	background-image: url('Window/WindowHorizontalSprites.gif');
}

div.RadWindow_SNS .rwTitlebarControls em
{
	color: white;
}

div.RadWindow_SNS .rwDialogInput
{
	border: solid 1px #6788be;
}

div.RadWindow_SNS .rwDialogInput:hover
{
	border-color: #3f5f94;
}

div.RadWindow_SNS td.rwWindowContent
{
    background-color: #fff;
}

/* Loading Indicators */
div.RadWindow_SNS tr td.rwLoading
{
    background-color: #e6edf7;
}

/* When ShowContentDuringLoad="true" */
div.RadWindow_SNS td.rwWindowContent.rwLoading
{
    background-image: url('Common/loading.gif');
}

/* When ShowContentDuringLoad="false" */
div.RadWindow_SNS input.rwLoading
{
    background-image: url('Common/loading_small.gif');
}

.RadWindow_SNS a.rwCancel,
.RadWindow_SNS a.rwCancel span
{
    background: none;
    cursor: pointer;
    cursor: hand;
}

.RadWindow_SNS a.rwCancel span span
{
    color: #395ba0;
}

.RadWindow_SNS a.rwCancel:hover span span
{
    color: #002bb8;
    text-decoration: underline;
}

/* Shadow Control Buttons */

.RadWindow_SNS .rwShadow .rwControlButtons 
{
	margin: 5px -2px 0 0;
}

.RadWindow_SNS .rwShadow .rwControlButtons 
{
	margin: 5px -1px 0 0\9;
}

/* ctrl buttons when winodw is minimized */
.RadWindow_SNS.rwMinimizedWindowShadow .rwShadow .rwControlButtons 
{
	margin: 9px -8px 0 0;
}

.RadWindow_SNS .rwShadow .rwControlButtons li
{
	float: left;
	padding: 0;
}

.RadWindow_SNS .rwShadow .rwControlButtons a
{
	width: 30px; 
}

.rwInactiveWindow .rwShadow .rwTopLeft,
.rwInactiveWindow .rwShadow .rwTopRight,
.rwInactiveWindow .rwShadow .rwTitlebar,
.rwInactiveWindow .rwShadow .rwFooterLeft,
.rwInactiveWindow .rwShadow .rwFooterRight,
.rwInactiveWindow .rwShadow .rwFooterCenter,
.rwInactiveWindow .rwShadow .rwTopResize,
.rwInactiveWindow .rwShadow .rwStatusbar div,
.rwInactiveWindow .rwShadow .rwStatusbar,
.rwInactiveWindow .rwShadow .rwPopupButton,
.rwInactiveWindow .rwShadow .rwPopupButton span,
.rwInactiveWindow .rwShadow.rwMinimizedWindow .rwCorner
{
    background-image: url('Window/WindowHorizontalSprites.gif') !important;
}

.rwInactiveWindow .rwShadow .rwBodyLeft,
.rwInactiveWindow .rwShadow .rwBodyRight,
.rwInactiveWindow .rwShadow .rwStatusbarRow .rwCorner
{
	background-image: url('Window/WindowVerticalSprites.gif') !important;
}

/** THEME: Cheyenne (IMPORTANT! DO NOT change, remove or move this line) **/
/*UI refresh*/
/*
 *
 *    Icons - Material Icons
 *
*/

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("MaterialIcons/MaterialIcons.woff2") format('woff2');
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

/*
 *
 *    Main Font - Roboto
 *
*/

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("Fonts/Roboto-Light.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: url("Fonts/Roboto-LightItalic.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("Fonts/Roboto-Regular.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url("Fonts/Roboto-Italic.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    src: url("Fonts/Roboto-Medium.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 600;
    src: url("Fonts/Roboto-MediumItalic.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("Fonts/Roboto-Bold.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: url("Fonts/Roboto-BoldItalic.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 800;
    src: url("Fonts/Roboto-Black.woff") format("woff");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 800;
    src: url("Fonts/Roboto-BlackItalic.woff") format("woff");
}


/*
 *
 *    Monospaced Font - Roboto Mono
 *
*/

@font-face {
    font-family: "RobotoMono";
    font-style: normal;
    font-weight: 300;
    src: url("Fonts/RobotoMono-Light.woff") format("woff");
}

@font-face {
    font-family: "RobotoMono";
    font-style: italic;
    font-weight: 300;
    src: url("Fonts/RobotoMono-LightItalic.woff") format("woff");
}

@font-face {
    font-family: "RobotoMono";
    font-style: normal;
    font-weight: 400;
    src: url("Fonts/RobotoMono-Regular.woff") format("woff");
}

@font-face {
    font-family: "RobotoMono";
    font-style: italic;
    font-weight: 400;
    src: url("Fonts/RobotoMono-Italic.woff") format("woff");
}

@font-face {
    font-family: "RobotoMono";
    font-style: normal;
    font-weight: 600;
    src: url("Fonts/RobotoMono-Medium.woff") format("woff");
}

@font-face {
    font-family: "RobotoMono";
    font-style: italic;
    font-weight: 600;
    src: url("Fonts/RobotoMono-MediumItalic.woff") format("woff");
}

@font-face {
    font-family: "RobotoMono";
    font-style: normal;
    font-weight: 700;
    src: url("Fonts/RobotoMono-Bold.woff") format("woff");
}

@font-face {
    font-family: "RobotoMono";
    font-style: italic;
    font-weight: 700;
    src: url("Fonts/RobotoMono-BoldItalic.woff") format("woff");
}

.chy-app-header, .chy-page-head, .chy-app-menu {
    display: none;
}

.chy body {
    font: 14px Roboto, sans-serif !important;
    background-color: #F0F0F0 !important;
    padding-bottom: 50px;
}

.chy {
    height: auto !important;
}

.chy .masterPageTopArea,
.chy .menu,
.chy .informationBar,
.chy .pageHeader,
.chy-menu-list {
    display: none;
}

.chy a, .chy a:link {
    text-decoration: none;
    cursor: pointer;
    color: #2658D0;
}

.chy a:hover {
    text-decoration: underline;
}

.chy .chy-app-header {
    background: linear-gradient(90deg, #5BC4A1 0%, hsl(160, 47%, 46%) 49.58%, #368695 100%);
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    min-height: 60px;
    height: 60px;
    flex-grow: 0;
    flex-shrink: 0;
    transition: all 100ms;
    align-items: center;
    box-shadow: none;
    color: #fff;
    z-index: 999999;
}

.chy .chy-app-header * {
    box-sizing: border-box;
}

.chy .chy-app-header section {
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.chy .chy-app-header section > div {
    height: 100%;
    cursor: pointer;
}

.chy .chy-logo {
    margin: 0 20px;
    width: 34px;
    height: 34px;
    line-height: 35px;
    background-position: center center;
    background-image: url(Images/HarrisLogoNew.svg);
    background-repeat: no-repeat;
}

.chy .chy-app-header .chy-app-nav-toggle {
    color: #fff;
    padding: 0 10px;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    width: 220px;
    line-height: 18px;
    padding-right: 30px;
    background-color: #72c8ab;
    transition: all 100ms;
}

.chy .chy-app-nav-toggle .chy-arrow-down {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.chy .chy-flex-spacer {
    flex-grow: 1;
}

.chy .chy-dropdown-menu {
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px;
    color: #FFFFFF;
}

.chy .chy-ml-20 {
    margin-left: 20px;
}

.chy .chy-ml-5 {
    margin-left: 5px;
}

.chy .white-icon {
    fill: #ffffff;
    color: #fff;
}

.chy .chy-d-flex {
    display: flex;
}

.chy .chy-flex-column {
    flex-direction: column;
}

.chy .chy-layers {
    padding: 0 10px 0 5px;
}

.chy .chy-project-name {
    border-right: 1px solid rgba(77, 165, 165, 1);
    border-left: 1px solid rgba(77, 165, 165, 1);
    padding: 18px 20px 18px 0;
    cursor: default;
}

    .chy .chy-project-name:hover {
        text-decoration: none;
    }

.chy .chy-title-menu {
    font-size: 14px;
    text-transform: capitalize;
    max-width: 140px;
}

.chy .chy-profile {
    background-image: url(Images/profile.svg);
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 6px;
}

.chy .chy-username {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    text-transform: none;
    text-decoration: none;
    max-width: 40vw;
}

.chy #chyProfileMenu {
    padding-right: 3px;
}

.chy .chy-page-head {
    height: 70px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(93, 93, 93, 0.2);
    padding: 0 20px;
    position: fixed;
    top: 60px;
    z-index: 99999;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #020405;
}

.chy .chy-page-head span {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}

.chy .contentBackground {
    background-color: unset;
    margin-top: 150px;
    /* padding-bottom: 30px; */
}

.chy .SNSPanelHeader {
    height: 50px;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    text-transform: uppercase;
    background: #ffffff;
    color: #585A5A;
    margin-bottom: 0;
    padding-left: 25px;
    margin-top: 20px;
}

.chy .SNSPanelContent,
.chy .chy-panel {
    border-top: 1px solid rgba(193, 193, 193, 0.5);
    padding: 20px 10px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.109539);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 20px;
}

.chy .button,
.chy .buttonRight {
    text-transform: uppercase;
    background-image: none;
    padding: 8px 10px;
    font-weight: 500;
    line-height: 14px;
    border-radius: 6px;
    font: 14px Roboto, sans-serif !important;
    margin: 10px 10px 10px 0;
}

.chy .buttonSearch,
.chy .green.buttonSearch,
.chy .blue.buttonSearch,
.chy input[type="button"].buttonSearch {
    padding-left: 36px;
    background-color: #2658D0;
    color: #ffffff;
    background-image: url(Images/searchNew.svg);
    background-position: 8px 6px;
    border: unset;
}

.chy input[type="button"].buttonAdd {
    background-color: #ffffff;
    color: #2658D0;
    border: 1px solid #2658D0;
    padding-left: 32px;
    background-image: url(Images/addNew.svg);
    background-position: 6px 5px;
}

.chy input[type="button"].buttonBack {
    padding-left: 32px;
    background-color: #2658D0;
    background-image: url(Images/arrowBack.svg);
    background-position: 6px 5px;
    background-color: #fff;
    border: 1px solid #2658D0;
}

.chy input[type="button"].buttonSave,
.chy input[type="button"].buttonContinue,
.chy input[type="button"].buttonSaveAndClose {
    padding-left: 36px;
    background-color: #2658D0;
    background-position: 10px 8px;
    border: unset;
    background-image: url(Images/saveNew.svg);
    color: #ffffff;
}

.chy input[type="button"].buttonDelete {
    padding-left: 32px;
    background-image: url(Images/deleteNew.svg);
    background-position: 10px 9px;
}

.chy input[type="button"].buttonPrint {
    padding-left: 36px;
    background-image: url(Images/printNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonCopy {
    padding-left: 36px;
    background-image: url(Images/copyNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonCalculate {
    padding-left: 36px;
    background-image: url(Images/calculateNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonNext {
    padding-right: 32px;
    background-image: url(Images/next_rightNew.svg);
    background-position: right 6px bottom 6px;
}

.chy input[type="button"].buttonConfigure {
    padding-left: 36px;
    background-image: url(Images/configureNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonCancel {
    padding-left: 36px;
    background-image: url(Images/cancelNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonCamera {
    padding-left: 36px;
    background-image: url(Images/cameraNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonEdit {
    padding-left: 36px;
    background-image: url(Images/editNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonProcessing {
    padding-left: 36px;
    background-image: url(Images/processingNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonRestart {
    padding-left: 34px;
    background-image: url(Images/restartNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonSaveAndClose {
    padding-left: 36px;
    background-image: url(Images/saveNew.svg);
    background-position: 10px 8px;
}

.chy input[type="button"].buttonHistory {
    padding-left: 34px;
    background-image: url(Images/historyNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonUnlink {
    padding-left: 36px;
    background-image: url(Images/unlinkNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonListen {
    padding-left: 36px;
    background-image: url(Images/listenNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonDetails {
    padding-left: 36px;
    background-image: url(Images/detailsNew.svg);
    background-position: 8px 6px;
}

.chy input[type="button"].buttonSearch:hover,
.chy input[type="button"].buttonSave:hover,
.chy input[type="button"].buttonSearch:hover,
.chy input[type="button"].buttonSaveAndClose:hover {
    background-color: #153B96;
}

.chy .chy-app-nav-drawer {
    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    max-height: 80vh;
    z-index: 9999;
    overflow: hidden;
    transition: all 100ms;
    height: 0;
}

.chy .chy-app-nav-toggle.chy-menu-active,
.chy #UIRefreshFavorites.chy-menu-active,
.chy #chyProfileMenu.chy-menu-active {
    color: #001C23 !important;
    background-color: #CBF3E6;
}

.chy .chy-menu-active .chy-username {
    color: #001C23;
}

.chy .chy-app-nav-drawer.chy-menu-active,
.chy #UIRefreshFavMenuDrawer.chy-menu-active,
.chy #chyProfileMenuDrawer.chy-menu-active {
    height: auto;
}

.chy .chy-nav-wrapper {
    box-shadow: 0 0 18px rgb(0 0 0 / 33%);
    background-color: #fff;
    margin-bottom: 20px;
    min-height: 190px;
    transform: translateY(-100%);
    transition: all 100ms;
    max-height: calc(80vh - 30px);
}

.chy .chy-app-nav-drawer.chy-menu-active .chy-nav-wrapper,
.chy #UIRefreshFavMenuDrawer.chy-menu-active ul,
.chy #chyProfileMenuDrawer.chy-menu-active ul {
    transform: translateY(0%);
}

.chy .chy-arrow-down::before {
    content: "arrow_drop_down";
}

.chy .chy-app-nav-toggle.chy-menu-active .chy-arrow-down {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

.chy .chy-nav-content {
    position: relative;
    margin: 0 -20px 0 -20px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}

.chy .chy-nav-modules {
    background-color: #f7f7f7;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    margin: 0;
    list-style-type: none;
    padding: 0;
    width: 294px;
    padding-top: 10px;
    flex-shrink: 0;
}

.chy .chy-nav-modules li {
    position: relative;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    line-height: 20px;
    cursor: pointer;
    color: #001c23;
}

.chy .chy-nav-modules li.active {
    font-weight: 600;
    color: #3eae89;
}

.chy .chy-app-nav-drawer .is-current-location {
    color: #3eae89 !important;
    font-weight: bold;
}

.chy .chy-nav-modules li:hover {
    background-color: #B7B7B7;
}

.chy .chy-nav-modules li.chy-is-selected {
    background-color: rgba(183,183,183,.2509803922);
}

.chy .chy-nav-modules li.chy-current::after {
    content: "arrow_forward";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Material Icons";
    position: absolute;
    right: 10px;
}

.chy .chy-nav-modules li.chy-current {
    font-weight: 600;
    background-color: rgba(183,183,183,.1254901961);
}

.chy .chy-app-nav-drawer .chy-is-selected {
    background-color: #f3f3f4;
}

.chy .chy-nav-items-wrapper {
    flex-grow: 1;
    display: none;
    flex-wrap: wrap;
    max-height: calc(80vh - 70px);
    overflow: auto
}

.chy .chy-nav-items-inner-wrapper {
    display: block;
    columns: 2;
    padding: 20px 0 0 20px;
}

.chy .chy-nav-items-wrapper.visible {
    display: flex;
}

.chy .chy-nav-items-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.chy .chy-nav-items-wrapper .chy-nav-items {
    font-size: 16px;
    color: #001c23;
    margin: 0 20px 20px 0;
    page-break-inside: avoid;
}

.chy .chy-nav-items-wrapper ul:empty {
    display: none;
}

.chy .chy-nav-items li {
    position: relative;
    padding: 5px 0;
}

.chy .chy-nav-items li.chy-title span {
    font-size: 14px;
    color: #020405;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0 10px;
}

.chy .chy-nav-items li.chy-title span.submenu-title {
    text-transform: unset;
    color: #0E3D54;
    font-size: 16px;
    font-weight: 400;
}

.chy .chy-nav-items li.chy-title ul {
    margin: 0;
}

.chy .chy-nav-items li a {
    display: block;
    color: #0E3D54;
    /* line-height: 30px; */
    line-height: 18px;
    border-radius: 4px;
    padding: 0 10px;
}

.chy .chy-nav-items li a:hover {
    text-decoration: underline;
}

.chy .chy-nav-items li a:active {
    color: #6708da;
}

.chy .chy-nav-item {
    color: #0E3D54;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.chy .chy-app-nav-drawer .chy-nav-side {
    width: 280px;
    flex-shrink: 0;
    border-left: solid 1px #e0e0e0;
    display: flex;
    flex-direction: column;
}

.chy .chy-nav-item.active {
    color: #3eae89;
}

.chy .chy-nav-items-wrapper .chy-nav-submenu a:before,
.chy .chy-nav-items-wrapper .chy-submenu-parent:before {
    font-family: 'Material Icons';
    content: "subdirectory_arrow_right";
    color: #B7B7B7;
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
}

.chy .chy-nav-items li a.chy-nav-submenu-link {
    padding: 0 25px;
}

.chy .chy-nav-items-wrapper .chy-nav-submenu-item {
    padding: 0 10px;
}

.chy .chy-nav-footer {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    background: rgba(219, 222, 225, 0.6);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 30px;
    gap: 30px;
}

.chy .chy-nav-footer a,
.chy .chy-nav-footer i {
    color: #2658D0 !important;
}

.chy .chy-help-icon::before {
    content: "help";
}

.chy .chy-support-icon::before {
    content: "\e94c";
}

.chy .chy-nav-footer div {
    display: flex;
    align-items: center;
    gap: 3px;
}

.chy .chy-nav-footer i {
    font-size: 20px;
}

.chy .chy-lightbulb-icon::before {
    content: "\e0f0"; /* "lightbulb" not working */
}

.chy .chy-info-icon::before {
    content: "info";
}

.chy #UIRefreshFavMenuDrawer,
.chy #chyProfileMenuDrawer {
    position: fixed;
    background-color: #FFFFFF;
    top: 62px;
    box-shadow: 0px 2px 18px rgb(0 0 0 / 12%);
    border-radius: 6px;
    color: #000000;
    height: 0;
    max-height: 80vh;
    overflow: hidden;
}

.chy #chyProfileMenuDrawer {
    right: 5px;
    min-width: 116px;
}

.chy #UIRefreshFavMenuDrawer ul,
.chy #chyProfileMenuDrawer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    transform: translateY(-100%);
}

.chy #UIRefreshFavMenuDrawer a {
    color: #000000;
    line-height: 44px;
}

.chy #UIRefreshFavMenuDrawer a:empty {
    display: none;
}

.chy #UIRefreshFavMenuDrawer li[data-visible="False"] {
    display: none;
}

.chy #chyProfileMenuDrawer a {
    color: #2658D0;
    line-height: 44px;
    text-transform: uppercase;
}

.chy #UIRefreshFavMenuDrawer li,
.chy #chyProfileMenuDrawer li {
    padding: 0 12px;
    border-bottom: 1px solid #B2B2B2;
}

.chy #UIRefreshFavMenuDrawer li:last-child,
.chy #chyProfileMenuDrawer li:last-child {
    border-bottom: none;
}

.chy #UIRefreshFavMenuDrawer.chy-menu-active,
.chy #chyProfileMenuDrawer.chy-menu-active {
    border: 1px solid #EFEFEF;
}

.chy #UIRefreshFavorites.chy-menu-active .chy-arrow-down,
.chy #chyProfileMenu.chy-menu-active .chy-arrow-down {
    transform: rotate(180deg);
}

.chy .chy-nav-wrapper .chy-nav-items a[data-depth="4"] {
    margin-left: 20px;
}

#frmSNSLogin {
    background-image: url("Images/login_background.jpg");
    font-family: Roboto, sans-serif;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#frmSNSLogin .chy-login-container {
    color: #fff;
    background-image: radial-gradient(circle at 99% -12%, #34656c, #113844 82%);
    box-shadow: 0 2px 18px 0 rgb(0 0 0 / 20%);
    width: 400px;
    padding: 30px 50px 0 50px;
    box-sizing: border-box;
    font-weight: 300;
    position: relative;
    border-radius: 4px;
}

.chy-login-container .loginBox {
    width: auto;
    margin: auto;
    position: relative;
    top: 0;
}

.chy-login-container input[type="text"],
.chy-login-container input[type="password"] {
    font-family: Roboto, sans-serif;
    border-radius: 6px;
    border: solid 1px rgba(2, 5, 4, 0.25);
    background-color: #ffffff;
    width: 100% !important;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-indent: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    box-sizing: border-box;
}

.chy-login-container input[type="text"]:focus,
.chy-login-container input[type="password"]:focus {
    outline: none;
    border-color: #3EAE89;
    box-shadow: 0 0px 0px 0.5px #0a6172, 0 0px 0px 2px #26ffaf;
}

.chy-login-container .formLabel {
    color: #FFFFFF;
}

.chy-login-container table,
.chy-login-container td {
    margin: 0;
    width: 100%;
}

.chy-login-container .loginLogo {
    height: 94px;
    margin-bottom: -18px;
    background-image: url('Images/LogoWhite.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.chy-login-container .textBox {
    padding-left: 0;
    font: unset;
}

.chy-login-container .loginBand {
    background-color: unset;
    width: 100%;
    text-align: left;
    font-size: 30px;
    line-height: 45px;
    font-weight: 300;
    margin: 0 0 20px 0;
}

#frmSNSLogin .chy-login-container td {
    padding: 0;
    position: relative;
}

#frmSNSLogin .buttonLogin,
#frmSNSLogin .buttonNext,
#frmSNSLogin .buttonDelete {
    border: navajowhite;
    padding: 10px 40px 10px 20px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 0px 1px 8px rgb(0 44 54 / 50%);
    border-radius: 6px;
    font-family: Roboto, sans-serif;
}

#frmSNSLogin .chy-login-container #UIRefreshLoginBtn {
    display: flex;
    align-items: center;
    margin-top: 13px;
    margin-bottom: 26px;
}

#frmSNSLogin .chy-login-footer {
    padding: 18px 0;
    width: 100%;
    display: flex;
    justify-content: end;
}

    #frmSNSLogin .chy-login-footer a {
        font-size: 14px;
        line-height: 14px;
        color: #9CD4FF;
        text-decoration: none;
    }

#frmSNSLogin .chy-footer-logo-container {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-evenly;
    background: #5BC4A110;
    margin: 0 -50px;
    padding: 30px 50px;
}

    #frmSNSLogin .chy-footer-logo-container img {
        max-width: 135px;
    }

.chy-user-logo {
    background-image: url(Images/person.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#frmSNSLogin .chy-login-container i {
    position: absolute;
    color: #02151A;
    right: 8px;
    font-size: 22px;
    top: 40%;
}

#frmSNSLogin .chy-lock-logo {
    background-image: url(Images/lock.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#frmSNSLogin .chy-login-container .chy-visibility-off-logo {
    right: 36px;
    cursor: pointer;
    background-image: url(Images/visibility_off.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#frmSNSLogin .chy-login-container .chy-visibility-off-logo.visibility {
    cursor: pointer;
    background-image: url(Images/visibility.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#frmSNSLogin #lblUserNameConfirmation {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

#frmSNSLogin #btnLogin:disabled,
#frmSNSLogin #btnContinue:disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

#frmSNSLogin #btnLogin,
#frmSNSLogin #btnContinue {
    background-image: url(Images/next_rightWhite.svg), linear-gradient(28.22deg, #53A288 -102.29%, #0A6172 172.22%);
    background-position: right 10px bottom 9px, 0 center;
    background-repeat: no-repeat;
    padding-right: 36px;
    padding-left: 14px;
}

#frmSNSLogin #btnCancel {
    background-image: url(Images/deleteNewWhite.svg), linear-gradient(28.22deg, #53A288 -102.29%, #0A6172 173.22%);
    background-position: right 10px bottom 13px, 0 center;
    background-repeat: no-repeat;
    padding-right: 34px;
    padding-left: 14px;
    margin-right: 10px;
}

#UIRrefreshError {
    margin: 0 -50px;
    display: flex;
    color: #280404;
    background-color: #E26060;
    padding: 9px 50px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    visibility: hidden;
}

    #UIRrefreshError td {
        display: flex;
        align-items: center;
        justify-content: center;
    }

#frmSNSLogin #UIRrefreshError i {
    position: unset;
    margin-right: 8px;
}

.chy .chy-hidden {
    display: none;
}

.chy-error-logo::before {
    content: "error";
}

#UserNameRequired, #PasswordRequired {
    visibility: hidden !important;
}

.chy input[type="text"],
.chy input[type="password"],
.chy textarea,
.chy .riTextBox {
    background: #FFFFFF !important;
    border: 1px solid rgba(2, 5, 4, 0.25) !important;
    border-radius: 6px !important;
    font-family: Roboto, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 15px !important;
    box-sizing: border-box !important;
    min-height: 30px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chy textarea {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 18px !important;
    overflow-y: auto;
    white-space: unset !important;
}

.chy input[type="text"]:focus,
.chy input[type="password"]:focus,
.chy textarea:focus {
    outline: none;
    border-color: #3EAE89 !important;
    box-shadow: 0 0px 0px 0.5px #0a6172, 0 0px 0px 2px #26ffaf;
}

.chy textarea.aspNetDisabled,
.chy input[type="text"]:disabled,
.chy input[type="password"]:disabled {
    background-color: #DADADA !important;
    color: #020504 !important;
    opacity: 0.7;
}

.chy .RadComboBox .rcbDisabled {
    opacity: 1;
}

.chy .RadComboBox .rcbArrowCell {
    display: none;
}

.chy .RadComboBox .rcbInputCell {
    padding: 0 !important;
}

    .chy .RadComboBox .rcbInputCell::after {
        font-family: Material Icons;
        content: "arrow_drop_down";
        position: absolute;
        right: 0px;
        padding-right: 3px;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
        cursor: pointer;
    }

.chy .RadComboBox.RadComboBox_SNS_Disabled .rcbInputCell::after {
    cursor: unset;
    opacity: 0.5;
    color: #020504;
}

.chy .RadComboBox {
    border: unset;
}

    .chy .RadComboBox td {
        height: 100%;
        position: relative;
    }

    .chy .RadComboBox input[type="text"] {
        padding-right: 20px !important;
        padding-left: 5px;
    }

html body.chy .riSingle .riTextBox, html body .riSingle .riTextBox[type="text"] {
    padding: 10px 0 10px 5px !important;
}

.chy .SNSPanelContent td span.RadInput,
.chy .SNSPanelContent td span ~ br ~ span {
    margin-left: 0;
}

.chy .formLabel {
    font-size: 13px;
}

.chy fieldset {
    border-radius: 4px;
    border: 1px solid #ccc;
}

.chy .contentShadow {
    display: none;
}

.chy .container.chy-main-footer {
    width: 100%;
    background-color: #FAFAFA;
    position: fixed;
    bottom: 0;
    border: 1px solid #E7E3E3;
}

.chy .container.chy-main-footer hr,
.chy .container.chy-main-footer br,
.chy .container.chy-main-footer #lbGoToE8 {
    display: none;
}

.chy .container.chy-main-footer .harrisLogoFooter {
    width: 15px;
    height: 14px;
    background-position: center center;
    background-image: url(Images/HarrisLogoFooter.svg);
    background-repeat: no-repeat;
}

.chy .container.chy-main-footer tr {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: start;
    padding: 8px;
}

.chy .container.chy-main-footer .masterFooterText {
    width: 100%;
    font-size: 11px;
}

.chy .container.chy-main-footer tr td:not(:first-child) {
    width: auto !important;
}

.chy .container.chy-main-footer tr td:last-child {
    padding-right: 5px !important;
}

.chy .container.chy-main-footer #lblCopyrightYear {
    margin-left: 6px;
}

.chy .rcbScroll .rcbHovered {
    color: #020405;
    background-color: #E0E6E8;
}

.chy .rcbSlide .RadComboBoxDropDown {
    background: #FFFFFF;
    border: 1px solid #D2D2D2 !important;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 11%);
    border-radius: 4px;
}

.chy .rcbScroll .rcbItem:hover,
.chy .rcbScroll .rcbHovered:hover {
    background-color: #C8F3D3;
}

.chy .rcbList li {
    padding: 8px 10px;
    border-bottom: 0.5px solid #C1C1C1;
}

.chy .RadComboBoxDropDown_SNS {
    font: 14px Roboto, sans-serif !important;
}

.chy .green,
.chy .blue,
.chy .button {
    background-color: #ffffff;
    color: #2658D0;
    border: 1px solid #2658D0;
    line-height: 14px !important;
}

.chy .green:hover,
.chy .blue:hover,
.chy input[type="button"]:hover {
    background-color: #DFE6F8;
}

.chy #UIRefreshPageButtons input[type="button"]:not(:last-child),
.chy .sectionButton input[type="button"]:not(:last-child) {
    margin-right: 10px;
}

.chy #cphBody_spnlEditFormSection table {
    margin-bottom: 0 !important;
}

.chy div.RadUploadSubmit,
.chy div.RadUpload_SNS .ruButton,
.chy div.RadUploadProgressArea_SNS .ruButton {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    border-radius: 6px;
    background-color: #2658D0;
    border: unset;
    padding: 12px 18px;
}

.chy .RadUpload_SNS .ruInputs .ruButtonHover,
.chy .RadUpload_SNS .ruActions .ruButtonHover,
.chy .RadUpload_SNS .ruFileWrap .ruButtonHover,
.chy .RadUploadProgressArea_SNS .ruActions .ruButtonHover {
    background-color: #153B96;
    cursor: pointer;
}

.chy .ruBrowse,
.chy .RadUpload .ruFileWrap {
    height: auto !important;
}

.chy .chy-button-hidden,
.chy .chy-button-top {
    display: none;
}

.chy #UIRefreshPageButtons .chy-button-top {
    display: inline-block;
}

.chy .sectionButton {
    overflow: hidden;
    float: unset !important;
    height: unset !important;
}

.chy .RadMultiPage {
    width: 100% !important;
}

.chy .RadGrid_SNS .rgHeader,
.chy .RadGrid_SNS th.rgResizeCol {
    border: 0;
    border-left: 1px solid rgba(2, 5, 4, .2);
    background-color: #FFFFFF;
    padding: 5px 10px;
}

.chy .RadGrid_SNS .rgHeader,
.chy .RadGrid_SNS .rgHeader a {
    font-weight: 500 !important;
    white-space: break-spaces;
    font-size: 14px;
    line-height: 14px;
    color: #6D777A;
}

.chy .RadGrid_SNS,
.chy .RadGrid_SNS .rgMasterTable,
.chy .RadGrid_SNS .rgPager table {
    font: 14px Roboto, sans-serif !important;
}

.chy .RadGrid_SNS {
    border: 1px solid rgba(2, 5, 4, .2);
    border-style: solid solid solid solid;
    border-radius: 4px;
    background-color: #FFFFFF;
    color: #262D38;
}

.chy .RadGrid_SNS .rgHeader:first-child,
.chy .RadGrid_SNS th.rgResizeCol:first-child,
.chy .RadGrid_SNS .rgFilterRow > td:first-child,
.chy .RadGrid_SNS .rgRow > td:first-child,
.chy .RadGrid_SNS .rgAltRow > td:first-child {
    border-left-width: 0;
    padding-left: 8px;
}

.chy .RadGrid_SNS .rgDataDiv {
    background-color: #FFFFFF;
}

.chy .RadGrid_SNS .rgAltRow {
    background-color: #F7F7F7;
}

.chy .RadGrid_SNS .rgPager {
    background-color: #FFFFFF;
    height: 28px;
}

.chy .RadGrid_SNS .rgNumPart a.rgCurrentPage,
.chy .RadGrid_SNS .rgNumPart a.rgCurrentPage:hover {
    border: none;
    color: #FFFFFF;
    background: #032028;
    border-radius: 4px;
}

.chy .RadGrid td.rgPagerCell {
    border-top: 1px solid rgba(2, 5, 4, .2);
    padding: 10px 18px 10px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chy .RadGrid .NumericPages .rgNumPart {
    padding: 3px 10px 3px 3px;
    border-radius: 8px;
    background: #E9EAEB80;
}

.chy .RadGrid_SNS .rgNumPart {
    border: none;
}

.chy .RadGrid_SNS .rgNumPart a:hover {
    color: #FFFFFF;
    background: #032028;
    border-radius: 4px;
}

.chy .RadGrid_SNS .rgNumPart a {
    border: none;
    padding: 7px 12px;
}

.chy .RadGrid_SNS .rgNumPart a span {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
}

.chy .RadGrid .rgWrap {
    padding: 0;
}

.chy .rgRow,
.chy .rgAltRow {
    font-weight: 400;
    font-size: 14px;
    height: 40px;
}

.chy .rgHeaderWrapper .rgHeaderDiv,
.chy #cphBody_pnlUsers .sectionButton input[type="button"],
.chy #cphBody_spnlSendMessage .sectionButton input[type="button"],
.chy #cphBody_btnQueueReport,
.chy #cphBody_spnlMonthlyEligibilitySection #cphBody_btnSearch,
.chy .chy-bottom-align-button input[type="button"] {
    margin-bottom: 0;
}

.chy .RadGrid div.rgHeaderWrapper {
    border-bottom: 1px solid rgba(2, 5, 4, .2);
}

.chy .RadGrid .rgRow > td,
.chy .RadGrid .rgAltRow > td,
.chy .RadGrid .rgEditRow > td,
.chy .RadGrid .rgFooter > td,
.chy .RadGrid .rgFilterRow > td,
.chy .RadGrid .rgHeader,
.chy .RadGrid .rgResizeCol,
.chy .RadGrid .rgGroupHeader td {
    padding-left: 5px;
}

.chy .SNSPanelContent .SNSPanelContent,
.chy .chy-edit-invoice-panel #cphBody_pnlDetails ~ .sectionButton {
    border-radius: unset;
    box-shadow: none;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.chy .SNSPanelContent .SNSPanelHeader {
    border-radius: unset;
    margin-top: 0;
}

.chy .mainContainer .SNSPanelHeader:first-of-type {
    margin-top: 0 !important;
}

.chy form[action="./Dashboard.aspx"] .pageHeader,
.chy form[action="./Alerts"] .pageHeader,
.chy form[action="./Messages"] .pageHeader,
.chy #cphBody_snsPatronPanel_pnlQuickJump .pageHeader {
    display: initial;
}

.chy form[action="./Dashboard.aspx"] .contentBackground,
.chy form[action="./Alerts"] .contentBackground,
.chy form[action="./Messages"] .contentBackground {
    margin-top: 160px;
    background-color: #FFFFFF;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.chy #cphBody_pnlQuickJump,
.chy #cphBody_snsPatronPanel_pnlQuickJump {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #020504;
    mix-blend-mode: normal;
    border-bottom: 1px solid #D8D8D8;
    padding: 16px 10px 10px;
    background-color: #FFFFFF;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

    .chy #cphBody_pnlQuickJump.chy-tabs-homepage {
        margin-left: -8px;
        margin-right: -8px;
    }

    .chy #cphBody_pnlQuickJump a,
    .chy #cphBody_snsPatronPanel_pnlQuickJump a {
        opacity: 0.65;
        color: #020504;
        padding: 0 5px;
        display: inline;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
    }

    .chy #cphBody_pnlQuickJump .aspNetDisabled,
    .chy #cphBody_snsPatronPanel_pnlQuickJump .pageHeader,
    .chy #cphBody_pnlQuickJump .pageHeader {
        opacity: unset;
        border-bottom: 4px solid #2658D0;
        padding-bottom: 6px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
    }

    .chy #cphBody_pnlQuickJump ~ #cphBody_pnlEditSection .SNSPanelHeader {
        margin-top: 0;
        border-radius: unset;
    }

.chy #cphBody_spnlPatron_SNSPanelHeader.SNSPanelHeader {
    border-radius: unset;
    margin-top: 0;
}

.chy input[type="text"]:not(.rcbInput):read-only {
    border: none !important;
    padding: 0px 0 0 3px !important;
    text-overflow: unset;
}

.chy input.show_border[type="text"]:not(.rcbInput):read-only {
    border: 1px solid rgba(2, 5, 4, 0.25) !important;
}

.chy input[type="text"]:not(.rcbInput):read-only:focus {
    box-shadow: none;
}

.chy input[type="text"]:not(.rcbInput):disabled {
    border: 1px solid rgba(2, 5, 4, 0.25) !important;
}

.chy fieldset .pageHeader {
    display: unset;
}

.chy #cphBody_snsPatronPanel_pnlQuickJump ~ .SNSPanelHeader {
    margin-top: 0;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

.chy #cphBody_pvLimits .sectionButton,
.chy .rmpView .RadGrid_SNS {
    margin-bottom: 20px;
}

.chy #cphBody_pvDiscounts .RadGrid_SNS {
    margin-bottom: 20px;
}

.chy #cphBody_pvTransactionHistory .RadGrid_SNS {
    margin-bottom: 0;
}

.chy #cphBody_pnlDetails ~ .sectionButton,
.chy #cphBody_pnlButtons .sectionButton,
.chy #cphBody_pnlButtons2 .sectionButton,
.chy #cphBody_pnlSessionList .sectionButton {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 20px;
}

.chy #cphBody_pnlDetails .tabsBackground {
    border: unset;
    border-radius: unset;
    padding: 10px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
}

.chy .rgRow td {
    border-bottom: 1px solid #eee;
}


.chy #cphBody_spnlDays_SNSPanelContent {
    border-radius: unset;
    margin-bottom: 0;
}

.chy #cphBody_spnlDays_SNSPanelContent ~ table ~ table {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.chy #cphBody_spnlDays_SNSPanelContent ~ table {
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
}

.chy .RadTabStripTop_SNS .rtsLevel .rtsLink,
.chy .RadTabStripTop_SNS .rtsLevel .rtsOut,
.chy .RadTabStripBottom_SNS .rtsLevel .rtsLink,
.chy .RadTabStripBottom_SNS .rtsLevel .rtsOut,
.chy .RadTabStripTop_SNS_Baseline .rtsLevel,
.chy .RadTabStripBottom_SNS_Baseline .rtsLevel {
    background-image: none;
}

.chy .RadTabStripTop_SNS .rtsLevel .rtsLink {
    padding: 10px;
}

.chy .RadTabStrip .rtsTxt,
.chy .RadTabStripVertical .rtsTxt {
    opacity: 0.65;
    color: #020504;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

.chy .RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {
    padding-left: 0;
}

.chy .RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {
    padding-right: 0;
}

.chy .RadTabStrip .rtsLevel1 .rtsTxt,
.chy .RadTabStripVertical .rtsLevel1 .rtsTxt,
.chy .RadTabStrip .rtsIn,
.chy .RadTabStripVertical .rtsIn {
    padding: 0;
}

.chy .tabsBackground {
    padding: 0 5px 0 5px;
    background-image: none;
    border: 1px solid #D8D8D8;
    border-top-right-radius: unset;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    height: auto !important;
    background-color: #FFFFFF;
    overflow: hidden;
}

.chy #cphBody_pnlHistory .tabsBackground,
.chy #cphBody_pnlPatron .tabsBackground {
    background-color: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
    padding: 20px;
    margin-top: -10px;
    border: unset;
}

.chy .RadAjaxPanel p:empty {
    display: none;
}

.chy .RadAjaxPanel #cphBody_dlAlerts p:empty {
    display: block;
}

.chy #cphBody_pnlCustomValues, .chy #cphBody_pnlHistory {
    margin-bottom: 20px;
}

.chy .RadTabStripTop_SNS .rtsLI .rtsSelected {
    border-bottom: 4px solid #2658D0;
    padding-bottom: 6px;
    opacity: unset;
}

.chy .RadTabStrip .rtsUL,
.chy .RadTabStripVertical .rtsUL {
    width: 100%;
    display: flex;
    align-items: center;
}

.chy .SNSPanelHeader:empty {
    display: none;
}

.chy .SNSPanelHeader:empty ~ .SNSPanelContent {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-top: 10px;
}

.chy .chy-nav-side-wrapper {
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    align-content: center;
    height: 56px;
    justify-content: center;
}

.chy #ChyMenuSearch {
    width: 250px;
}

    .chy #ChyMenuSearch::placeholder {
        font-weight: 300;
        font-size: 16px;
        line-height: 14px;
        font-style: italic;
    }

.chy .chy-nav-search-results {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    flex-grow: 1;
    max-height: calc(80vh - 126px);
}

.chy .chy-nav-search-results-header {
    font-size: 14px;
    line-height: 28px;
    border-bottom: solid 1px #e0e0e0;
}

    .chy .chy-nav-search-results-header:empty {
        display: none;
    }

.chy #cphBody_pnlQuickJump > div {
    display: flex;
}

.chy .RadTabStripTop_SNS .rtsLevel .rtsOut {
    white-space: break-spaces;
}

.chy .chy-nav-search-results li {
    color: #6d777a;
    padding: 0 20px;
}

.chy .SNSPanelContent + .sectionButton,
.chy #cphBody_pnlHistory ~ .sectionButton,
.chy .RadAjaxPanel ~ .sectionButton,
.chy #cphBody_pnlPatron .sectionButton:first-child,
.chy .chy-card-header ~ .sectionButton,
.chy #cphBody_pnlTypeOfUpdate ~ .sectionButton {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: -22px;
    margin-bottom: 20px;
    padding-left: 10px;
}

    .chy .chy-card-header ~ .sectionButton table {
        margin-top: 10px;
    }

.chy #cphBody_spnlPOSPatronInformation {
    height: 164px !important;
}

.chy .RadTabStrip,
.chy .RadTabStripVertical {
    border-bottom: 1px solid #D8D8D8;
    width: auto !important;
    background-color: #FFFFFF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.chy #UIRefreshFavMenuDrawer li[data-font="12px"] {
    cursor: default;
}

    .chy #UIRefreshFavMenuDrawer li[data-font="12px"] a {
        font-size: 12px;
        line-height: 24px;
        opacity: 0.65;
        color: #020504;
        font-style: italic;
        pointer-events: none;
        cursor: default;
    }

.chy .chy-nav-search-message {
    font-style: italic;
    margin-top: 10px;
}

.chy .chy-empty-search-results .chy-nav-search-message {
    display: none;
}

.chy .chy-nav-search-results .chy-nav-search-results-item {
    padding: 5px 20px;
}

.chy .chy-nav-search-results a {
    font-size: 16px;
    color: #001c23;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    position: relative;
}

.chy .chy-nav-search-results-item div {
    margin-bottom: -4px;
}

.chy .chy-nav-search-results a:hover {
    text-decoration: underline;
}

.chy #ChyNotificationBagde {
    width: auto;
    min-width: 16px;
    text-align: center;
    padding: 0 4px;
    height: 16px;
    border-radius: 16px;
    color: white;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    top: 12px;
    right: 18px;
    line-height: 16px;
    background: #E26060;
}

    .chy #ChyNotificationBagde:empty {
        display: none;
    }

.chy #ChyNotifications {
    height: 100%;
    cursor: pointer;
    position: relative;
}

    .chy #ChyNotifications:hover {
        text-decoration: unset;
    }

.chy .RadGrid_SNS .rgGroupHeader,
.chy .RadGrid_SNS .rgMasterTable td.rgGroupCol {
    background: #F0F0F0;
}

.chy .SNSWindowPosition {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    outline: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.chy .SNSWindowOverlay {
    z-index: 999999;
}

.chy .SNSWindowTable {
    background-color: #FFFFFF;
    max-height: calc(100% - 120px);
    border: none;
    border-radius: 4px;
    max-width: 90vw;
    z-index: 999999 !important;
}

.chy .SNSWindowHeader {
    background-color: #25525f;
    color: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font: 16px Roboto, sans-serif;
    font-weight: bold;
    line-height: 30px;
}

.chy .SNSWindowContent {
    margin: 10px 20px;
    border: unset;
    padding: 0;
}

    .chy .SNSWindowContent .sectionButton:last-child {
        border-top: 1px solid rgba(193, 193, 193, 0.5);
        margin: 20px -20px 0;
        padding: 10px 20px 0 !important;
    }

.chy .rcbSlide {
    z-index: 9999999 !important;
}

.chy .breadcrumbback,
.chy .breadcrumbback:link,
.chy .breadcrumbback:active {
    font-size: 14px;
    line-height: 16px;
    color: #020504;
    opacity: 0.6;
    height: auto;
    font-weight: 400;
    float: none;
}

.chy .chy-breadcrumb-separator::after {
    content: " / ";
    margin-right: 2px;
}

.chy .breadcrumbback:hover {
    text-decoration: underline;
}

.chy input[type="checkbox"] {
    position: relative;
    bottom: -2px;
    visibility: hidden;
    cursor: pointer;
}

@-moz-document url-prefix() {
    .chy input[type="checkbox"] {
        visibility: visible;
    }
}

.chy input[type="checkbox"]:checked {
    visibility: visible;
}

.chy input[type="checkbox"] + label {
    cursor: pointer;
    color: #404040;
    font-weight: normal;
    line-height: 22px;
    font-size: 14px;
}

.chy input[type="checkbox"]:disabled {
    visibility: visible;
    cursor: not-allowed;
}

.chy .sectionButton input[type="button"] {
    margin-bottom: 10px;
    margin-top: 0;
}

.chy #cphBody_snsPatronPanel_pnlApplicationInformation td,
.chy #cphBody_pnlApplicationInformation td,
.chy fieldset td {
    max-width: unset !important;
}

.chy span.rlbButtonBL,
.chy span.rlbButtonBL span {
    margin-left: unset !important;
}

.chy input[type="checkbox"]::after {
    width: 10px;
    height: 10px;
    border: 1px solid #2658D0;
    content: "";
    border-radius: 2px;
    display: inline-block;
    visibility: visible;
}

.chy input[type="checkbox"]:disabled::after {
    visibility: hidden;
}

.chy .RadCalendarPopup {
    z-index: 9999999 !important;
}

.chy .RadCalendarTimeView th,
.chy .RadCalendar .rcTitlebar {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.chy table.RadCalendarTimeView_SNS,
.chy .RadCalendar {
    border-radius: 4px;
}

.chy .RadCalendarPopupShadows > .rcShadTR,
.chy .RadCalendarPopupShadows > .rcShadBL,
.chy .RadCalendarPopupShadows > .rcShadBR {
    display: none;
}

.chy .RadCalendarFastNavPopup {
    z-index: 99999999 !important;
}

.chy body > .RadCalendarPopupShadows {
    padding: 0;
    box-shadow: 0px 2px 18px rgb(0 0 0 / 12%);
}

.chy .RadCalendar .rcMain {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.chy table.RadCalendarMonthView {
    border-radius: 4px;
    font: inherit;
}

.chy .RadCalendarMonthView_SNS input {
    border-radius: 4px;
    background: unset;
    background-color: #2658D0;
    padding: 3px 6px;
    font: inherit;
}

    .chy .RadCalendarMonthView_SNS input:hover {
        background-color: #153B96;
        color: #eee;
    }

.chy #swTimeClock_SNSWindowTable .sectionButton {
    display: flex;
    justify-content: center;
}

    .chy #swTimeClock_SNSWindowTable .sectionButton input[type="button"]:first-child {
        margin-left: 0;
    }

.chy #cphBody_pnlDetails .tabsBackground {
    box-shadow: none;
}

.chy .chy-dropdown-menu:visited {
    text-decoration: none;
}

.chy #ChyClockIn {
    display: none;
}

    .chy #ChyClockIn:hover {
        text-decoration: none;
    }

    .chy #ChyClockIn.visible-item {
        display: flex;
        border-left: 1px solid rgba(77, 165, 165, 1);
        height: 100%;
    }

.chy .chy-right-sectionButton {
    float: unset !important;
    display: flex;
    justify-content: end;
    gap: 10px;
}

.chy #cphBody_spnlPurchaseOrderHeader .sectionButton {
    box-shadow: none;
}

.chy #cphBody_spnlPurchaseOrderHeader .sectionButton {
    box-shadow: none;
    padding-left: 0;
    margin-top: 0;
}

.chy #cphBody_pnlItemToUpdate .sectionButton,
.chy #cphBody_pnlPatronsToUpdate .sectionButton {
    display: flex;
    justify-content: end;
}

.chy #cphBody_spnlPatronInformation #cphBody_psPatronSearch_pnlMultiSelectSearchSection > div:first-child {
    display: flex;
    justify-content: space-between;
}

.chy .chy-card-header-dropdown {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
    border-radius: 4px;
    padding: 0 10px;
    float: none !important;
}

.chy .chy-d-block,
.chy .chy-d-block > tbody {
    display: block;
}

.chy .chy-card-header-dropdown > table > tbody > tr {
    display: flex;
    align-items: center;
}

.chy .chy-templates-dropdown-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

    .chy .chy-templates-dropdown-container .formLabel {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        color: #585A5A;
    }

.chy .chy-card-header-dropdown br {
    display: none;
}

.chy .chy-templates-dropdown-container .RadComboBox_SNS {
    margin: 10px 0;
}

.chy form[action="./TransactionJournalScreen.aspx"] .chy-card-header-dropdown {
    top: 8px;
}

.chy .chy-card-header {
    position: relative;
    height: auto !important;
}

.chy .chy-card-header-dropdown .favorites-box-definition {
    margin-bottom: 2px;
}

.chy #cphBody_rpvControl .sectionButton,
.chy #cphBody_rpvBudgets .sectionButton,
.chy #cphBody_rpvBudgetTypes .sectionButton,
.chy #cphBody_rpvPeriodsSetup .sectionButton,
.chy #cphBody_rpvGLAccountSetup .sectionButton {
    box-shadow: none;
    padding-left: 3px;
    padding-bottom: 0;
    margin: 10px 0 0;
}

.chy #cphBody_pnlApplication {
    background-color: #FFF;
}

.chy #cphBody_snsPatronPanel_spnlPatron_SNSPanelContent {
    margin-bottom: 0;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

.chy #cphBody_pnlApplication .sectionButton {
    margin-top: 0;
    padding: 10px;
    box-shadow: none;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

.chy #cphBody_pnlSaveStatus ~ .sectionButton {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.chy #cphBody_pnlApplication .sectionButton div {
    float: none !important;
}

.chy #cphBody_pnlApplication .sectionButton .RadComboBox {
    margin-right: 10px;
}

.chy #cphBody_spnlItemGroupCountAsMeal .RadGrid {
    height: auto !important;
}

.chy form[action="./LevelSetup.aspx"] #pnlContent {
    background: #fff;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-bottom: 20px;
}

.chy #cphBody_cbShowInactive {
    margin-left: 10px;
}

.chy form[action="./LevelSetup.aspx"] #cphBody_spnlSearch_SNSPanelContent {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    box-shadow: none;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.chy #cphBody_psPatronSearch_swPatronSearchWindow .RadGrid_SNS {
    height: 200px !important;
    overflow: auto;
}

.chy #cphBody_srsRecipeSearch_pnlRecipeSearch .RadGrid_SNS {
    height: 300px !important;
    overflow: auto;
}

.chy #cphBody_psPatronSearch_pnlPatronSearch .sectionButton {
    height: auto !important;
    display: block;
}

@media screen and (min-width: 1400px) {
    .chy .chy-nav-items-inner-wrapper {
        columns: 3;
    }
}

.chy td .button {
    margin-bottom: 0;
}

.chy #cphBody_spnlSurveyList_SNSPanelContent,
.chy #cphBody_spnlQuestions_SNSPanelContent,
.chy #cphBody_spnlChoices_SNSPanelContent,
.chy #cphBody_spnlSessionList_SNSPanelContent {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.chy .SNSWindowPositionRaised {
    z-index: 999999;
}

.chy #cphBody_swReport .sectionButton {
    max-width: 740px;
}

.chy #cphBody_swAttachment_SNSWindowTable .SNSWindowContent {
    margin-bottom: 0;
}

.chy input[type="file"] {
    cursor: pointer;
    font-size: 0 !important;
    height: 40px;
}

.chy input[type="file"]:disabled {
    cursor: not-allowed;
}

.chy #cphBody_pnlDetailSection,
.chy #cphBody_pnlBatchPostNote,
.chy #cphBody_cphReport_rbReport,
.chy #cphBody_cphReport_rblAdjustmentType,
.chy #cphBody_cphReport_rbReportType {
    padding: 20px 10px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.109539);
    border-radius: 4px;
    margin: 20px 0;
}

.chy #cphBody_cphReport_rbReport,
.chy #cphBody_cphReport_rblAdjustmentType,
.chy #cphBody_cphReport_rbReportType {
    width: 100%;
    display: flex;
}

.chy #cphBody_ssSchoolSearch_swSchoolSearchWindow .sectionButton {
    flex-wrap: wrap;
    justify-content: start;
}

.chy .SNSWindowContent #cphBody_pnlListFavorites .RadGrid_SNS {
    max-height: 80vh;
}

/*
.chy .chy-edit-invoice-panel {
    width: 1040px;
}
*/

.chy #cphBody_tmQuickAdd_psProductionSearch_swWindow .RadGrid_SNS {
    margin-bottom: 10px;
}

.chy #cphBody_tmQuickAdd_psProductionSearch_swWindow .sectionButton:last-of-type,
.chy #cphBody_iisItem_swWindow .sectionButton:last-of-type {
    padding-left: 20px;
}

.chy #cphBody_ssSchool_swSchoolSearchWindow {
    width: 900px !important;
}

.chy .chy-panel {
    border-top: 1px solid rgba(193, 193, 193, 0.5);
    padding: 20px 10px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
    border-radius: 4px;
}

.chy #cphBody_psPatronSearch_pnlSelectedPatrons .RadGrid_SNS {
    /* width: auto !important; */
}

.chy #cphBody_pnlExport .sectionButton input[ type="button"] {
    margin-top: 10px;
}

.chy #cphBody_snsRouteSearch_SNSPanelContent,
.chy #cphBody_snsDriverSearch_SNSPanelContent {
    box-shadow: none;
    padding-bottom: 0;
}

.chy #cphBody_snsRouteEdit_SNSPanelContent,
.chy #cphBody_snsDriverEdit_SNSPanelContent {
    box-shadow: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.chy #cphBody_snsRouteEdit .sectionButton {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
    padding-left: 0;
    box-shadow: none;
}

.chy #cphBody_rpvInventoryClass .sectionButton,
.chy #cphBody_rpvGLIntegration .sectionButton {
    margin-top: 10px;
    box-shadow: none;
    padding-left: 3px;
    margin-bottom: 0;
}

.chy #cphBody_rpvGLIntegration .SNSWindowContent .sectionButton {
    padding-left: 10px;
}

.chy #cphBody_spnlFilter #cphBody_btnApplyFilter {
    margin-right: 0;
}

.chy .chy-section-button-panel {
    padding: 10px 10px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 11%);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 20px;
    margin-top: -40px;
    margin-left: 0 !important;
}

.chy #cphBody_pnlEditNotification .RadEditor {
    width: 955px !important;
}

.chy #cphBody_pnlEditNotification {
    padding: 20px 10px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.109539);
    border-radius: 4px;
    margin-bottom: 20px;
}

.chy .chy-tabs-auto-height .RadMultiPage {
    height: auto !important;
}

.chy table[summary="combobox"] {
    margin-top: 0 !important;
}

.chy #cphBody_btnQueueReport {
    margin-left: 10px;
}

.chy #cphBody_cphReport_psPatronSearch_pnlSelectedPatrons > div,
.chy #cphBody_cphReport_psPatron_pnlSelectedPatrons > div {
    width: 100%;
}

.chy #cphBody_pnlMonthlyEligibility .RadGrid_SNS .rgHeader {
    white-space: unset;
}

.chy #cphBody_pnlMonthlyEligibility .rgFooterWrapper > div {
    height: 32px;
    padding-right: 17px;
    margin-right: 0 !important;
}

.chy form[action="./SalesDataScreen.aspx"] .chy-card-header-dropdown {
    top: 24px;
}

.chy .validationGroup {
    background: url(Images/warningNew.png) no-repeat 32px 50%, linear-gradient(88.81deg, #C1334C -13.38%, #AF484E 109.3%);
    padding: 16px 30px 16px 108px;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    min-height: 46px;
    margin: 0px 0px 20px 0px;
}

.chy .validationGroup ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chy .pageHeader#cphBody_lblLastSyncStatus {
    display: unset;
}

.chy [id^=ralpSNS] {
    /* override the loader overlay to display fullscreen */
    z-index: 9999999 !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
}

.chy .noDisplayInModernTheme {
    display: none;
}

.chy .gdsn-link {
    margin-top: -63px !important;
}


@font-face {
    font-family: 'simple-line-icons';
    src: url('AmCharts/Metronics/icons/fonts/Simple-Line-Icons.eot?v=2.4.0');
    src: url('AmCharts/Metronics/icons/fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('AmCharts/Metronics/icons/fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('AmCharts/Metronics/icons/fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('AmCharts/Metronics/icons/fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('AmCharts/Metronics/icons/fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
 Use the following CSS code if you want to have a class per icon.
 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
*/
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .icon-user:before {
        content: "\e005";
    }

    .icon-people:before {
        content: "\e001";
    }

    .icon-user-female:before {
        content: "\e000";
    }

    .icon-user-follow:before {
        content: "\e002";
    }

    .icon-user-following:before {
        content: "\e003";
    }

    .icon-user-unfollow:before {
        content: "\e004";
    }

    .icon-login:before {
        content: "\e066";
    }

    .icon-logout:before {
        content: "\e065";
    }

    .icon-emotsmile:before {
        content: "\e021";
    }

    .icon-phone:before {
        content: "\e600";
    }

    .icon-call-end:before {
        content: "\e048";
    }

    .icon-call-in:before {
        content: "\e047";
    }

    .icon-call-out:before {
        content: "\e046";
    }

    .icon-map:before {
        content: "\e033";
    }

    .icon-location-pin:before {
        content: "\e096";
    }

    .icon-direction:before {
        content: "\e042";
    }

    .icon-directions:before {
        content: "\e041";
    }

    .icon-compass:before {
        content: "\e045";
    }

    .icon-layers:before {
        content: "\e034";
    }

    .icon-menu:before {
        content: "\e601";
    }

    .icon-list:before {
        content: "\e067";
    }

    .icon-options-vertical:before {
        content: "\e602";
    }

    .icon-options:before {
        content: "\e603";
    }

    .icon-arrow-down:before {
        content: "\e604";
    }

    .icon-arrow-left:before {
        content: "\e605";
    }

    .icon-arrow-right:before {
        content: "\e606";
    }

    .icon-arrow-up:before {
        content: "\e607";
    }

    .icon-arrow-up-circle:before {
        content: "\e078";
    }

    .icon-arrow-left-circle:before {
        content: "\e07a";
    }

    .icon-arrow-right-circle:before {
        content: "\e079";
    }

    .icon-arrow-down-circle:before {
        content: "\e07b";
    }

    .icon-check:before {
        content: "\e080";
    }

    .icon-clock:before {
        content: "\e081";
    }

    .icon-plus:before {
        content: "\e095";
    }

    .icon-minus:before {
        content: "\e615";
    }

    .icon-close:before {
        content: "\e082";
    }

    .icon-event:before {
        content: "\e619";
    }

    .icon-exclamation:before {
        content: "\e617";
    }

    .icon-organization:before {
        content: "\e616";
    }

    .icon-trophy:before {
        content: "\e006";
    }

    .icon-screen-smartphone:before {
        content: "\e010";
    }

    .icon-screen-desktop:before {
        content: "\e011";
    }

    .icon-plane:before {
        content: "\e012";
    }

    .icon-notebook:before {
        content: "\e013";
    }

    .icon-mustache:before {
        content: "\e014";
    }

    .icon-mouse:before {
        content: "\e015";
    }

    .icon-magnet:before {
        content: "\e016";
    }

    .icon-energy:before {
        content: "\e020";
    }

    .icon-disc:before {
        content: "\e022";
    }

    .icon-cursor:before {
        content: "\e06e";
    }

    .icon-cursor-move:before {
        content: "\e023";
    }

    .icon-crop:before {
        content: "\e024";
    }

    .icon-chemistry:before {
        content: "\e026";
    }

    .icon-speedometer:before {
        content: "\e007";
    }

    .icon-shield:before {
        content: "\e00e";
    }

    .icon-screen-tablet:before {
        content: "\e00f";
    }

    .icon-magic-wand:before {
        content: "\e017";
    }

    .icon-hourglass:before {
        content: "\e018";
    }

    .icon-graduation:before {
        content: "\e019";
    }

    .icon-ghost:before {
        content: "\e01a";
    }

    .icon-game-controller:before {
        content: "\e01b";
    }

    .icon-fire:before {
        content: "\e01c";
    }

    .icon-eyeglass:before {
        content: "\e01d";
    }

    .icon-envelope-open:before {
        content: "\e01e";
    }

    .icon-envelope-letter:before {
        content: "\e01f";
    }

    .icon-bell:before {
        content: "\e027";
    }

    .icon-badge:before {
        content: "\e028";
    }

    .icon-anchor:before {
        content: "\e029";
    }

    .icon-wallet:before {
        content: "\e02a";
    }

    .icon-vector:before {
        content: "\e02b";
    }

    .icon-speech:before {
        content: "\e02c";
    }

    .icon-puzzle:before {
        content: "\e02d";
    }

    .icon-printer:before {
        content: "\e02e";
    }

    .icon-present:before {
        content: "\e02f";
    }

    .icon-playlist:before {
        content: "\e030";
    }

    .icon-pin:before {
        content: "\e031";
    }

    .icon-picture:before {
        content: "\e032";
    }

    .icon-handbag:before {
        content: "\e035";
    }

    .icon-globe-alt:before {
        content: "\e036";
    }

    .icon-globe:before {
        content: "\e037";
    }

    .icon-folder-alt:before {
        content: "\e039";
    }

    .icon-folder:before {
        content: "\e089";
    }

    .icon-film:before {
        content: "\e03a";
    }

    .icon-feed:before {
        content: "\e03b";
    }

    .icon-drop:before {
        content: "\e03e";
    }

    .icon-drawer:before {
        content: "\e03f";
    }

    .icon-docs:before {
        content: "\e040";
    }

    .icon-doc:before {
        content: "\e085";
    }

    .icon-diamond:before {
        content: "\e043";
    }

    .icon-cup:before {
        content: "\e044";
    }

    .icon-calculator:before {
        content: "\e049";
    }

    .icon-bubbles:before {
        content: "\e04a";
    }

    .icon-briefcase:before {
        content: "\e04b";
    }

    .icon-book-open:before {
        content: "\e04c";
    }

    .icon-basket-loaded:before {
        content: "\e04d";
    }

    .icon-basket:before {
        content: "\e04e";
    }

    .icon-bag:before {
        content: "\e04f";
    }

    .icon-action-undo:before {
        content: "\e050";
    }

    .icon-action-redo:before {
        content: "\e051";
    }

    .icon-wrench:before {
        content: "\e052";
    }

    .icon-umbrella:before {
        content: "\e053";
    }

    .icon-trash:before {
        content: "\e054";
    }

    .icon-tag:before {
        content: "\e055";
    }

    .icon-support:before {
        content: "\e056";
    }

    .icon-frame:before {
        content: "\e038";
    }

    .icon-size-fullscreen:before {
        content: "\e057";
    }

    .icon-size-actual:before {
        content: "\e058";
    }

    .icon-shuffle:before {
        content: "\e059";
    }

    .icon-share-alt:before {
        content: "\e05a";
    }

    .icon-share:before {
        content: "\e05b";
    }

    .icon-rocket:before {
        content: "\e05c";
    }

    .icon-question:before {
        content: "\e05d";
    }

    .icon-pie-chart:before {
        content: "\e05e";
    }

    .icon-pencil:before {
        content: "\e05f";
    }

    .icon-note:before {
        content: "\e060";
    }

    .icon-loop:before {
        content: "\e064";
    }

    .icon-home:before {
        content: "\e069";
    }

    .icon-grid:before {
        content: "\e06a";
    }

    .icon-graph:before {
        content: "\e06b";
    }

    .icon-microphone:before {
        content: "\e063";
    }

    .icon-music-tone-alt:before {
        content: "\e061";
    }

    .icon-music-tone:before {
        content: "\e062";
    }

    .icon-earphones-alt:before {
        content: "\e03c";
    }

    .icon-earphones:before {
        content: "\e03d";
    }

    .icon-equalizer:before {
        content: "\e06c";
    }

    .icon-like:before {
        content: "\e068";
    }

    .icon-dislike:before {
        content: "\e06d";
    }

    .icon-control-start:before {
        content: "\e06f";
    }

    .icon-control-rewind:before {
        content: "\e070";
    }

    .icon-control-play:before {
        content: "\e071";
    }

    .icon-control-pause:before {
        content: "\e072";
    }

    .icon-control-forward:before {
        content: "\e073";
    }

    .icon-control-end:before {
        content: "\e074";
    }

    .icon-volume-1:before {
        content: "\e09f";
    }

    .icon-volume-2:before {
        content: "\e0a0";
    }

    .icon-volume-off:before {
        content: "\e0a1";
    }

    .icon-calendar:before {
        content: "\e075";
    }

    .icon-bulb:before {
        content: "\e076";
    }

    .icon-chart:before {
        content: "\e077";
    }

    .icon-ban:before {
        content: "\e07c";
    }

    .icon-bubble:before {
        content: "\e07d";
    }

    .icon-camrecorder:before {
        content: "\e07e";
    }

    .icon-camera:before {
        content: "\e07f";
    }

    .icon-cloud-download:before {
        content: "\e083";
    }

    .icon-cloud-upload:before {
        content: "\e084";
    }

    .icon-envelope:before {
        content: "\e086";
    }

    .icon-eye:before {
        content: "\e087";
    }

    .icon-flag:before {
        content: "\e088";
    }

    .icon-heart:before {
        content: "\e08a";
    }

    .icon-info:before {
        content: "\e08b";
    }

    .icon-key:before {
        content: "\e08c";
    }

    .icon-link:before {
        content: "\e08d";
    }

    .icon-lock:before {
        content: "\e08e";
    }

    .icon-lock-open:before {
        content: "\e08f";
    }

    .icon-magnifier:before {
        content: "\e090";
    }

    .icon-magnifier-add:before {
        content: "\e091";
    }

    .icon-magnifier-remove:before {
        content: "\e092";
    }

    .icon-paper-clip:before {
        content: "\e093";
    }

    .icon-paper-plane:before {
        content: "\e094";
    }

    .icon-power:before {
        content: "\e097";
    }

    .icon-refresh:before {
        content: "\e098";
    }

    .icon-reload:before {
        content: "\e099";
    }

    .icon-settings:before {
        content: "\e09a";
    }

    .icon-star:before {
        content: "\e09b";
    }

    .icon-symbol-female:before {
        content: "\e09c";
    }

    .icon-symbol-male:before {
        content: "\e09d";
    }

    .icon-target:before {
        content: "\e09e";
    }

    .icon-credit-card:before {
        content: "\e025";
    }

    .icon-paypal:before {
        content: "\e608";
    }

    .icon-social-tumblr:before {
        content: "\e00a";
    }

    .icon-social-twitter:before {
        content: "\e009";
    }

    .icon-social-facebook:before {
        content: "\e00b";
    }

    .icon-social-instagram:before {
        content: "\e609";
    }

    .icon-social-linkedin:before {
        content: "\e60a";
    }

    .icon-social-pinterest:before {
        content: "\e60b";
    }

    .icon-social-github:before {
        content: "\e60c";
    }

    .icon-social-google:before {
        content: "\e60d";
    }

    .icon-social-reddit:before {
        content: "\e60e";
    }

    .icon-social-skype:before {
        content: "\e60f";
    }

    .icon-social-dribbble:before {
        content: "\e00d";
    }

    .icon-social-behance:before {
        content: "\e610";
    }

    .icon-social-foursqare:before {
        content: "\e611";
    }

    .icon-social-soundcloud:before {
        content: "\e612";
    }

    .icon-social-spotify:before {
        content: "\e613";
    }

    .icon-social-stumbleupon:before {
        content: "\e614";
    }

    .icon-social-youtube:before {
        content: "\e008";
    }

    .icon-social-dropbox:before {
        content: "\e00c";
    }

    .icon-social-vkontakte:before {
        content: "\e618";
    }

    .icon-social-steam:before {
        content: "\e620";
    }