.RadGrid_MetroTouch {
  border: 1px solid #cdcdcd;
  color: black;
  background-color: white;
  /*header*/
  /*rows*/
  /*footer*/
  /*status*/
  /*pager*/
  /*sorting, reordering*/
  /*filtering*/
  /*grouping*/
  /*editing*/
  /*hierarchy*/
  /*command row*/
}
.RadGrid_MetroTouch,
.RadGrid_MetroTouch .rgMasterTable,
.RadGrid_MetroTouch .rgDetailTable,
.RadGrid_MetroTouch .rgGroupPanel table,
.RadGrid_MetroTouch .rgCommandRow table,
.RadGrid_MetroTouch .rgEditForm table,
.RadGrid_MetroTouch .rgPager table {
  /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
  font-weight: 100;
  font-size: 16px;
  line-height: 34px;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
}
.RadGrid_MetroTouch .rgHeader:first-child,
.RadGrid_MetroTouch th.rgResizeCol:first-child,
.RadGrid_MetroTouch .rgFilterRow > td:first-child,
.RadGrid_MetroTouch .rgRow > td:first-child,
.RadGrid_MetroTouch .rgAltRow > td:first-child {
  border-left-width: 0;
  padding-left: 8px;
}
.RadGrid_MetroTouch .rgUpdate,
.RadGrid_MetroTouch .rgCancel,
.RadGrid_MetroTouch .rgEdit,
.RadGrid_MetroTouch .rgDel,
.RadGrid_MetroTouch .rgExpand,
.RadGrid_MetroTouch .rgCollapse,
.RadGrid_MetroTouch .rgFilter,
.RadGrid_MetroTouch .rgAdd,
.RadGrid_MetroTouch .rgRefresh,
.RadGrid_MetroTouch .rgSortAsc,
.RadGrid_MetroTouch .rgSortDesc,
.RadGrid_MetroTouch .rgUngroup,
.RadGrid_MetroTouch .rgPagePrev,
.RadGrid_MetroTouch .rgPageNext,
.RadGrid_MetroTouch .rgPageFirst,
.RadGrid_MetroTouch .rgPageLast {
  background-image: url('../Common/metrotouch-sprite.png') !important;
  width: 21px;
  height: 21px;
}
.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol {
  border: 0;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  background-color: #f5f5f5;
}
.RadGrid_MetroTouch th.rgSorted {
  background-color: #25a0da;
}
.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
  color: #555555 !important;
  text-transform:  uppercase;
  font-weight:normal !important;
}
.RadGrid_MetroTouch th.rgSorted,
.RadGrid_MetroTouch th.rgSorted a {
  color: white;
}
.RadGrid_MetroTouch .rgRow td,
.RadGrid_MetroTouch .rgAltRow td,
.RadGrid_MetroTouch .rgFooter td {
  border: 0;
}
.RadGrid_MetroTouch .rgEditRow td {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #e8e8e8;
}
.RadGrid_MetroTouch .rgRow td {
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-color: white;
}
.RadGrid_MetroTouch .rgAltRow {
  background: #f5f5f5;
}
.RadGrid_MetroTouch .rgAltRow td {
  border-color: #f5f5f5;
}
.RadGrid_MetroTouch td.rgSorted {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}
.RadGrid_MetroTouch .rgAltRow td.rgSorted {
  background-color: #e9e9e9;
  border-color: #e9e9e9;
}
.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
.RadGrid_MetroTouch .rgActiveRow .rgSorted,
.RadGrid_MetroTouch .rgHoveredRow .rgSorted,
.RadGrid_MetroTouch .rgEditRow .rgSorted {
  background-color: transparent;
  border-color: transparent;
}
.RadGrid_MetroTouch .rgRow a,
.RadGrid_MetroTouch .rgAltRow a,
.RadGrid_MetroTouch tr.rgEditRow a,
.RadGrid_MetroTouch .rgFooter a,
.RadGrid_MetroTouch .rgEditForm a {
  color: black;
}
.RadGrid_MetroTouch .rgHoveredRow {
  background: #e8e8e8;
  border-color: #e8e8e8;
}
.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
  color: white;
  background: #25a0da;
}
.RadGrid_MetroTouch .rgSelectedCell a,
.RadGrid_MetroTouch .rgSelectedRow a {
  color: white;
}
.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
.RadGrid_MetroTouch .rgActiveRow {
  background: #fff;
  color: black;
}
.RadGrid_MetroTouch .rgMasterTable .rgActiveCell {
  border-color: #25a0da;
  border-right-width: 1px;
}
.RadGrid_MetroTouch .rgActiveCell a,
.RadGrid_MetroTouch .rgActiveRow input,
.RadGrid_MetroTouch .rgActiveRow a {
  color: black;
}
* + html .RadGrid_MetroTouch .rgSelectedRow .rgSorted {
  background-color: #25a0da;
}
* html .RadGrid_MetroTouch .rgSelectedRow .rgSorted {
  background-color: #25a0da;
}
* + html .RadGrid_MetroTouch .rgActiveRow .rgSorted, * + html .RadGrid_MetroTouch .rgHoveredRow .rgSorted {
  background-color: #e8e8e8;
}
* html .RadGrid_MetroTouch .rgActiveRow .rgSorted, * html .RadGrid_MetroTouch .rgHoveredRow .rgSorted {
  background-color: #e8e8e8;
}
.RadGrid_MetroTouch .rgEditRow {
  background: #cdcdcd;
}
* + html .RadGrid_MetroTouch .rgEditRow .rgSorted {
  background-color: #cdcdcd;
}
* html .RadGrid_MetroTouch .rgEditRow .rgSorted {
  background-color: #cdcdcd;
}
.RadGrid_MetroTouch .rgHoveredRow td,
.RadGrid_MetroTouch .rgHoveredRow td.rgSorted {
  border-color: #e8e8e8;
}
.RadGrid_MetroTouch .rgActiveRow td,
.RadGrid_MetroTouch .rgActiveRow td.rgSorted,
.RadGrid_MetroTouch .rgSelectedRow td,
.RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
  border-color: #25a0da;
}
.RadGrid_MetroTouch .rgEditRow td,
.RadGrid_MetroTouch .rgEditRow td.rgSorted {
  border-color: #cdcdcd;
}
.RadGrid_MetroTouch .rgDrag {
  background-image: url('Grid/rgDrag.gif') !important;
}
.RadGrid_MetroTouch .rgFooterDiv,
.RadGrid_MetroTouch .rgFooter {
  background: white;
}
.RadGrid_MetroTouch .rgFooter td {
  border-top: 1px solid;
  border-color: #999 #e4e4e4;
}
.RadGrid_MetroTouch .rgPager .rgStatus {
  border: solid;
  border-color: #cdcdcd;
  border-width: 1px 0 0 0;
}
.RadGrid_MetroTouch .rgStatus div {
  background-image: url('../Common/ajax-loader.gif') !important;
  width: 40px;
}
.RadGrid_MetroTouch td.rgPagerCell {
  border: solid;
  border-color: #cdcdcd;
  border-width: 1px 0 0 1px;
}
.RadGrid_MetroTouch .rgPager > td > table {
  height: 50px;
}
.RadGrid_MetroTouch .rgPager .riTextBox {
  height: 29px;
  height: 29px;
}
.RadGrid_MetroTouch .rgPager .riSingle .riTextBox {
  height: 36px;
}
.RadGrid_MetroTouch .rgInfoPart {
  color: #777;
}
.RadGrid_MetroTouch .rgInfoPart strong {
  color: black;
}
.RadGrid_MetroTouch .rgWrap {
  line-height: 34px;
}
.RadGrid_MetroTouch .rgPagePrev,
.RadGrid_MetroTouch .rgPageNext,
.RadGrid_MetroTouch .rgPageFirst,
.RadGrid_MetroTouch .rgPageLast {
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  width: 30px;
  height: 30px;
  border: 1px solid #cdcdcd;
  background-color: #f9f9f9;
}
.RadGrid_MetroTouch .rgPagePrev:hover,
.RadGrid_MetroTouch .rgPageNext:hover,
.RadGrid_MetroTouch .rgPageFirst:hover,
.RadGrid_MetroTouch .rgPageLast:hover {
  background-color: #e8e8e8;
}
.RadGrid_MetroTouch .rgPagePrev:active,
.RadGrid_MetroTouch .rgPageNext:active,
.RadGrid_MetroTouch .rgPageFirst:active,
.RadGrid_MetroTouch .rgPageLast:active {
  border-coor: #25a0da;
  color: black;
  background-color: #25a0da;
}
.RadGrid_MetroTouch .rgPageFirst {
  background-position: -11px -311px;
}
.RadGrid_MetroTouch .rgPageFirst:active {
  background-position: -111px -311px;
}
.RadGrid_MetroTouch .rgPagePrev {
  background-position: -11px -111px;
}
.RadGrid_MetroTouch .rgPagePrev:active {
  background-position: -111px -111px;
}
.RadGrid_MetroTouch .rgPageNext {
  background-position: -11px -161px;
}
.RadGrid_MetroTouch .rgPageNext:active {
  background-position: -111px -161px;
}
.RadGrid_MetroTouch .rgPageLast {
  background-position: -11px -361px;
}
.RadGrid_MetroTouch .rgPageLast:active {
  background-position: -111px -361px;
}
.RadGrid_MetroTouch .rgPager .rgPagerButton {
  border-color: #25a0da;
  background: #25a0da;
  color: white;
  height: 36px;
  /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
  font-weight: 100;
  font-size: 16px;
  line-height: 34px;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
}
.RadGrid_MetroTouch .rgNumPart a {
  border: 1px solid white;
  line-height: 28px;
  min-width: 28px;
  padding: 0;
  color: black;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  text-align: center;
}
.RadGrid_MetroTouch .rgNumPart span {
  float: none;
  padding: 0;
}
.RadGrid_MetroTouch .rgNumPart a:hover {
  background-color: #f9f9f9;
  border-color: #cdcdcd;
}
.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage,
.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover {
  background-color: #25a0da;
  border: 1px solid #25a0da;
  color: white;
}
.RadGrid_MetroTouch .rgPager .riTextBox {
  vertical-align: top;
}
.RadGrid_MetroTouch .rgHeader .rgSortAsc,
.RadGrid_MetroTouch .rgHeader .rgSortDesc {
  height: 10px;
  float: left;
  margin: 12px 2px 0 0;
}
.RadGrid_MetroTouch .rgHeader .rgSortAsc {
  background-position: -120px -20px;
}
.RadGrid_MetroTouch .rgHeader .rgSortDesc {
  background-position: -120px -70px;
}
.RadGrid_MetroTouch .rgFilterRow td {
  border-bottom: 1px solid #cdcdcd;
}
.RadGrid_MetroTouch .rgFilter {
  width: 36px;
  height: 36px;
  background-position: -7px -3507px;
  border: 1px solid #cdcdcd;
}
.RadGrid_MetroTouch .rgFilterActive,
.RadGrid_MetroTouch .rgFilterActive:hover {
  background-position: -8px -3508px;
}
.RadGrid_MetroTouch .rgFilterBox {
  border-color: #cdcdcd;
  /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
  font-weight: 100;
  font-size: 16px;
  line-height: 34px;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
  color: black;
  height: 29px;
}
.RadGrid_MetroTouch .rgFilterRow .riSingle .riTextBox {
  height: 36px;
  vertical-align: top;
}
.RadGrid_MetroTouch .rgGroupPanel {
  border: 0;
  border-bottom: 1px solid white;
  background: #25a0da;
  color: white;
  padding: 10px;
  height: 34px;
}
.RadGrid_MetroTouch .rgGroupPanel td {
  border: 0;
  padding: 3px 4px;
}
.RadGrid_MetroTouch .rgGroupPanel td td {
  padding: 0;
  color: white;
  line-height: 1px;
}
* + html .RadGrid_MetroTouch .rgGroupPanel td td {
  line-height: 20px;
}
.RadGrid_MetroTouch .rgGroupPanel .rgSortAsc {
  background-position: -114.5px -14.5px;
}
.RadGrid_MetroTouch .rgGroupPanel .rgSortDesc {
  background-position: -114.5px -64.5px;
}
.RadGrid_MetroTouch .rgUngroup {
  background-position: -114.5px -2664.5px;
}
.RadGrid_MetroTouch .rgGroupItem {
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border: 1px solid white;
  color: white;
  padding: 0 5px 1px 10px;
}
.RadGrid_MetroTouch .rgMasterTable td.rgGroupCol,
.RadGrid_MetroTouch .rgMasterTable td.rgExpandCol {
  border-color: #e8e8e8;
  background: #e8e8e8 none;
}
.RadGrid_MetroTouch .rgGroupHeader {
  background: #e8e8e8;
  font-size: 1.1em;
  line-height: 34px;
  color: black;
}
.RadGrid_MetroTouch .rgGroupHeader td {
  padding-left: 8px;
  padding-bottom: 2px;
  border-top: 1px solid white;
}
.RadGrid_MetroTouch .rgExpand {
  background-position: -12px -168px;
}
.RadGrid_MetroTouch .rgCollapse {
  background-position: -62px -68px;
}
.RadGrid_MetroTouch .rgEditForm {
  border-bottom: 1px solid #cdcdcd;
}
.RadGrid_MetroTouch .rgUpdate {
  background-position: -12px -2112px;
}
.RadGrid_MetroTouch .rgUpdate:active {
  background-position: -112px -2112px;
}
.RadGrid_MetroTouch .rgCancel {
  background-position: -12px -2212px;
}
.RadGrid_MetroTouch .rgCancel:active {
  background-position: -112px -2212px;
}
.RadGrid_MetroTouch .rgDetailTable {
  border-color: #cdcdcd;
}
.RadGrid_MetroTouch .rgCommandRow {
  background-color: black;
}
.RadGrid_MetroTouch .rgCommandRow,
.RadGrid_MetroTouch .rgCommandRow a {
  color: white;
  text-decoration: none;
}
.RadGrid_MetroTouch .rgCommandCell {
  border: 0;
  border-bottom: 1px solid #cdcdcd;
  padding: 0;
}
.RadGrid_MetroTouch tfoot .rgCommandCell,
.RadGrid_MetroTouch .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
  border-top: 1px solid #cdcdcd;
  border-bottom: 0;
}
.RadGrid_MetroTouch .rgCommandTable td {
  border: 0;
  padding: 2px 7px;
}
.RadGrid_MetroTouch .rgCommandTable {
  border: 0;
}
.RadGrid_MetroTouch .rgAdd,
.RadGrid_MetroTouch .rgRefresh {
  vertical-align: middle;
}
.RadGrid_MetroTouch input.rgAdd,
.RadGrid_MetroTouch input.rgRefresh {
  margin-right: 3px;
  width: 28px;
  height: 28px;
}
.RadGrid_MetroTouch input.rgAdd {
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border: 1px solid black;
  background-position: -112px -2312px;
}
.RadGrid_MetroTouch input.rgAdd:hover, .RadGrid_MetroTouch input.rgAdd:active {
  border: 1px solid white;
}
.RadGrid_MetroTouch input.rgRefresh {
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border: 1px solid black;
  background-position: -112px -1012px;
}
.RadGrid_MetroTouch input.rgRefresh:hover, .RadGrid_MetroTouch input.rgRefresh:active {
  border: 1px solid white;
}
.RadGrid_MetroTouch .rgEdit {
  margin-right: 3px;
  background-position: -12px -2412px;
}
.RadGrid_MetroTouch .rgEdit:active {
  background-position: -112px -2412px;
}
.RadGrid_MetroTouch .rgDel {
  margin-right: 3px;
  background-position: -12px -2612px;
}
.RadGrid_MetroTouch .rgDel:active {
  background-position: -12px -2612px;
}
.RadGrid_MetroTouch .rgExpXLS,
.RadGrid_MetroTouch .rgExpDOC,
.RadGrid_MetroTouch .rgExpPDF,
.RadGrid_MetroTouch .rgExpCSV {
  background-image: url('../Common/Grid/export.gif') !important;
}
.RadGrid_MetroTouch .rgExpXLS {
  background-position: 0 0;
}
.RadGrid_MetroTouch .rgExpDOC {
  background-position: 0 -50px;
}
.RadGrid_MetroTouch .rgExpPDF {
  background-position: 0 -100px;
}
.RadGrid_MetroTouch .rgExpCSV {
  background-position: 0 -150px;
}

/*filter context menu*/
.RadMenu_MetroTouch .rgHCMClear,
.RadMenu_MetroTouch .rgHCMFilter {
  border-color: #7e7e7e;
  background: #25a0da;
  color: black;
  font-family: Segoe Ui,arial,sans-serif;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

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

/*context menu*/
.GridContextMenu_MetroTouch .rmLeftImage {
  background-image: url('../Common/Grid/contextMenu.gif') !important;
}
.GridContextMenu_MetroTouch .rgHCMSortAsc .rmLeftImage {
  background-position: 0 0;
}
.GridContextMenu_MetroTouch .rgHCMSortDesc .rmLeftImage {
  background-position: 0 -40px;
}
.GridContextMenu_MetroTouch .rgHCMUnsort .rmLeftImage {
  background-position: 0 -80px;
}
.GridContextMenu_MetroTouch .rgHCMGroup .rmLeftImage {
  background-position: 0 -120px;
}
.GridContextMenu_MetroTouch .rgHCMUngroup .rmLeftImage {
  background-position: 0 -160px;
}
.GridContextMenu_MetroTouch .rgHCMCols .rmLeftImage {
  background-position: 0 -200px;
}
.GridContextMenu_MetroTouch .rgHCMFilter .rmLeftImage {
  background-position: 0 -240px;
}
.GridContextMenu_MetroTouch .rgHCMUnfilter .rmLeftImage {
  background-position: 0 -280px;
}

.GridReorderTop_MetroTouch,
.GridReorderBottom_MetroTouch {
  width: 1px;
  height: 30px;
  margin: 24px 0 0 -2px;
  border-right: 1px solid #808080;
  border-left: 1px solid #808080;
  border-color: rgba(255, 255, 255, 0.5);
  background: black !important;
}

.GridReorderBottom_MetroTouch {
  margin: -24px 0 0 -2px;
}

.GridReorderBottom_MetroTouch:after,
.GridReorderTop_MetroTouch:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin-left: -5px;
  margin-top: -6px;
  background: black;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border: 1px solid #808080;
  border-bottom-width: 0;
  border-color: rgba(255, 255, 255, 0.5);
}

.GridReorderBottom_MetroTouch:after {
  border-top-width: 0;
  border-bottom-width: 1px;
  margin-top: 29px;
}

/*multirow select*/
.rgCellSelectorArea_MetroTouch,
.GridRowSelector_MetroTouch {
  background: #4c4e54;
}

/*row drag n drop*/
.GridItemDropIndicator_MetroTouch {
  border-top: 1px dashed #666;
}

/*tooltip*/
.GridToolTip_MetroTouch {
  border: 1px solid #c98400;
  padding: 3px;
  background: #ffefbd;
  color: #333;
}

/*rtl*/
.RadGridRTL_MetroTouch .rgHeader:first-child,
.RadGridRTL_MetroTouch th.rgResizeCol:first-child,
.RadGridRTL_MetroTouch .rgFilterRow > td:first-child,
.RadGridRTL_MetroTouch .rgRow > td:first-child,
.RadGridRTL_MetroTouch .rgAltRow > td:first-child {
  border-left-width: 1px;
  padding-left: 7px;
}
.RadGridRTL_MetroTouch .rgPageFirst {
  background-position: -11px -361px;
}
.RadGridRTL_MetroTouch .rgPageFirst:active {
  background-position: -111px -361px;
}
.RadGridRTL_MetroTouch .rgPagePrev {
  background-position: -11px -161px;
}
.RadGridRTL_MetroTouch .rgPagePrev:active {
  background-position: -111px -161px;
}
.RadGridRTL_MetroTouch .rgPageNext {
  background-position: -11px -111px;
}
.RadGridRTL_MetroTouch .rgPageNext:active {
  background-position: -111px -111px;
}
.RadGridRTL_MetroTouch .rgPageLast {
  background-position: -11px -311px;
}
.RadGridRTL_MetroTouch .rgPageLast:active {
  background-position: -111px -311px;
}
.RadGridRTL_MetroTouch .rgExpand {
  background-position: -12px -112px;
}