.RadGrid_Metro {
  border: 1px solid #000000;
  background: #ffffff;
  color: #000000;
  /*font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;*/
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px; }
  .RadGrid_Metro .rgMasterTable,
  .RadGrid_Metro .rgDetailTable,
  .RadGrid_Metro .rgGroupPanel table,
  .RadGrid_Metro .rgCommandRow table,
  .RadGrid_Metro .rgEditForm table,
  .RadGrid_Metro .rgPager table {
    font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;
    line-height: 16px; }
  .RadGrid_Metro .rgSave,
  .RadGrid_Metro .rgAdd,
  .RadGrid_Metro .rgRefresh,
  .RadGrid_Metro .rgEdit,
  .RadGrid_Metro .rgDel,
  .RadGrid_Metro .rgFilter,
  .RadGrid_Metro .rgPagePrev,
  .RadGrid_Metro .rgPageNext,
  .RadGrid_Metro .rgPageFirst,
  .RadGrid_Metro .rgPageLast,
  .RadGrid_Metro .rgExpand,
  .RadGrid_Metro .rgCollapse,
  .RadGrid_Metro .rgSortAsc,
  .RadGrid_Metro .rgSortDesc,
  .RadGrid_Metro .rgUpdate,
  .RadGrid_Metro .rgCancel,
  .RadGrid_Metro .rgUngroup {
    background-image: url('Grid/sprite.gif'); }
  .RadGrid_Metro .rgInput {
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000; }

.GridToolTip_Metro {
  font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 16px; }

.RadGrid_Metro .rgHeader:first-child,
.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid_Metro .rgFilterRow > td:first-child,
.RadGrid_Metro .rgRow > td:first-child,
.RadGrid_Metro .rgAltRow > td:first-child {
  border-left-width: 0;
  padding-left: 8px; }
.RadGrid_Metro .rgHeader,
.RadGrid_Metro th.rgResizeCol,
.RadGrid_Metro .rgHeaderWrapper {
  border: 0;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000; 
  /*added for header*/
  background-color: #333366;
  font-weight:bold;}
.RadGrid_Metro .rgHeaderDiv {
  border-right-color: #000000; }
.RadGrid_Metro .rgMultiHeaderRow th.rgHeader, .RadGrid_Metro .rgMultiHeaderRow th.rgResizeCol {
  border: 0;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000; }
.RadGrid_Metro th.rgSorted {
  /*background-color: #92cfec; } */
  background-color: #333366; }
.RadGrid_Metro .rgHeader {
  color: white; }
  .RadGrid_Metro .rgHeader a {
    color: white; }
.RadGrid_Metro th.rgSorted {
  color: white; }
  .RadGrid_Metro th.rgSorted a {
    color: white; }
.RadGrid_Metro .rgRow > td,
.RadGrid_Metro .rgAltRow > td,
.RadGrid_Metro .rgEditRow > td {
  border-style: solid;
  border-width: 0 0 1px 1px; }
.RadGrid_Metro .rgRow > td {
  border-color: #fff Green; }
.RadGrid_Metro .rgAltRow {
  background: #ededed; }
  .RadGrid_Metro .rgAltRow > td {
    border-color: #000000; }
.RadGrid_Metro .rgSelectedRow .rgSorted,
.RadGrid_Metro .rgActiveRow .rgSorted,
.RadGrid_Metro .rgHoveredRow .rgSorted,
.RadGrid_Metro .rgEditRow .rgSorted {
  background-color: transparent; }
.RadGrid_Metro .rgRow a,
.RadGrid_Metro .rgAltRow a, .RadGrid_Metro tr.rgEditRow a,
.RadGrid_Metro .rgFooter a,
.RadGrid_Metro .rgEditForm a {
  color: #000; }
.RadGrid_Metro .rgHoveredRow {
  background: #000000; }
.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid_Metro .rgSelectedRow {
  color: #fff;
  background: #25a0da; }
.RadGrid_Metro .rgSelectedCell a,
.RadGrid_Metro .rgSelectedRow a {
  color: #fff; }
.RadGrid_Metro .rgMasterTable .rgActiveCell,
.RadGrid_Metro .rgActiveRow {
  background: white 0 -5200px repeat-x url('Grid/sprite.gif');
  color: #000; }
.RadGrid_Metro .rgMasterTable .rgActiveCell {
  border-color: #25a0da;
  border-right-width: 1px; }
.RadGrid_Metro .rgActiveCell a {
  color: #000; }
.RadGrid_Metro .rgActiveRow input, .RadGrid_Metro .rgActiveRow a {
  color: #000; }

* + html .RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #ffa517; }
* html .RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #ffa517; }
* html .RadGrid_Metro .rgActiveRow .rgSorted,
* html .RadGrid_Metro .rgHoveredRow .rgSorted {
  background-color: #ffe79c; }
* + html .RadGrid_Metro .rgActiveRow .rgSorted,
* + html .RadGrid_Metro .rgHoveredRow .rgSorted {
  background-color: #ffe79c; }

.RadGrid_Metro .rgEditRow {
  background: white 0 -4900px repeat-x url('Grid/sprite.gif'); }

* + html .RadGrid_Metro .rgEditRow .rgSorted,
* html .RadGrid_Metro .rgEditRow .rgSorted {
  background-color: #fff; }

.RadGrid_Metro .rgHoveredRow > td {
  border-color: #c3c3c3; }
  .RadGrid_Metro .rgHoveredRow > td.rgSorted {
    border-color: #c3c3c3; }
.RadGrid_Metro .rgActiveRow > td,
.RadGrid_Metro .rgSelectedRow > td {
  border-color: #25a0da; }
  .RadGrid_Metro .rgActiveRow > td.rgSorted,
  .RadGrid_Metro .rgSelectedRow > td.rgSorted {
    border-color: #25a0da; }
.RadGrid_Metro .rgEditRow > td {
  border-color: #616161 #c3c3c3; }
  .RadGrid_Metro .rgEditRow > td.rgSorted {
    border-color: #616161 #c3c3c3; }
.RadGrid_Metro .rgDrag {
  background-image: url('Grid/rgDrag.gif'); }
.RadGrid_Metro .rgFooterDiv,
.RadGrid_Metro .rgFooter,
.RadGrid_Metro .rgFooterWrapper {
  /*background: #ffffff;*/
   background: #333366;}
.RadGrid_Metro .rgFooter > td,
.RadGrid_Metro .rgFooterWrapper {
  border-top: 1px solid #000000; }
.RadGrid_Metro .rgFooterWrapper .rgFooter > td {
  border-bottom: 0; }
.RadGrid_Metro .rgPager .rgStatus {
  border: 0px solid;
  border-color: #000000;
  border-left-width: 0; }
.RadGrid_Metro .rgStatus div {
  background-image: url('Common/loading_small.gif'); }
.RadGrid_Metro td.rgPagerCell {
  border: 0px solid;
  border-color: #000000;
  border-right-width: 0; }
.RadGrid_Metro .rgInfoPart {
  color: #777; }
  .RadGrid_Metro .rgInfoPart strong {
    color: #000; }
.RadGrid_Metro .rgPageFirst {
  background-position: 0 -550px; }
  .RadGrid_Metro .rgPageFirst:hover {
    background-position: 0 -600px; }
.RadGrid_Metro .rgPagePrev {
  background-position: 0 -700px; }
  .RadGrid_Metro .rgPagePrev:hover {
    background-position: 0 -750px; }
.RadGrid_Metro .rgPageNext {
  background-position: 0 -850px; }
  .RadGrid_Metro .rgPageNext:hover {
    background-position: 0 -900px; }
.RadGrid_Metro .rgPageLast {
  background-position: 0 -1000px; }
  .RadGrid_Metro .rgPageLast:hover {
    background-position: 0 -1050px; }
.RadGrid_Metro .rgPager .rgPagerButton {
  border-color: #25a0da;
  background: #25a0da;
  color: #fff;
  font: 12px / 12px "segoe ui", arial, sans-serif; }
.RadGrid_Metro .rgNumPart a {
  border: 1px solid #fff;
  line-height: 20px;
  color: #767676; }
  .RadGrid_Metro .rgNumPart a:hover {
    color: #000;
    background-color: #e5e5e5; }
  .RadGrid_Metro .rgNumPart a.rgCurrentPage {
   border-color: White;
   font-size:medium;   
    color: #333366;
    background: transparent; }
    .RadGrid_Metro .rgNumPart a.rgCurrentPage:hover {
      border-color: White;
       font-size:medium;
        color: #333366;
      background: transparent; }
.RadGrid_Metro .rgHeader .rgSortAsc {
  background-position: 3px -248px;
  height: 10px; }
.RadGrid_Metro .rgHeader .rgSortDesc {
  background-position: 3px -198px;
  height: 10px; }
.RadGrid_Metro .rgCommandRow .rgPrev,
.RadGrid_Metro .rgCommandRow .rgNext {
  padding: 0 10px;
  line-height: 20px;
  border-color: #000000;
  color: #000000;
  background-color: #f9f9f9;
  margin-right: 10px; }
  .RadGrid_Metro .rgCommandRow .rgPrev span,
  .RadGrid_Metro .rgCommandRow .rgNext span {
    width: 10px;
    height: 10px;
    background-image: url('Common/radActionsSprite.png'); }
  .RadGrid_Metro .rgCommandRow .rgPrev:hover,
  .RadGrid_Metro .rgCommandRow .rgNext:hover {
    border-color: #000000;
    color: #000000;
    background-color: #e5e5e5; }
  .RadGrid_Metro .rgCommandRow .rgPrev.rgDisabled:hover,
  .RadGrid_Metro .rgCommandRow .rgNext.rgDisabled:hover {
    border-color: #000000;
    color: #000000;
    background-color: #f9f9f9; }
.RadGrid_Metro .rgPrev span {
  margin-right: 10px;
  background-position: -5px -45px; }
.RadGrid_Metro .rgNext span {
  margin-left: 10px;
  background-position: -5px -65px; }

.GridReorderTop_Metro {
  background: 0 0 no-repeat url('Grid/sprite.gif'); }

.GridReorderBottom_Metro {
  background: 0 0 no-repeat url('Grid/sprite.gif');
  background-position: 0 -50px; }

.RadGrid_Metro .rgFilterRow > td {
  border-bottom: 1px solid #000000; }
.RadGrid_Metro .rgFilter {
  border: 1px solid #000000;
  background-position: -1px -301px; }
  .RadGrid_Metro .rgFilter:hover {
    background-color: #e5e5e5;
    background-position: -1px -351px; }
.RadGrid_Metro .rgFiltered,
.RadGrid_Metro .rgFiltered:hover {
  background-position: -1px -326px; }
.RadGrid_Metro .rgFilterActive,
.RadGrid_Metro .rgFilterActive:hover {
  background-position: -1px -401px;
  border-color: #25a0da;
  background-color: #25a0da; }
.RadGrid_Metro .rgFilterBox {
  border-color: #000000;
  font: 12px "segoe ui",arial,sans-serif;
  color: #000;
  height: 15px; }

.RadMenu_Metro .rgHCMClear,
.RadMenu_Metro .rgHCMFilter {
  border-color: #7e7e7e;
  background: #25a0da;
  color: #000;
  font-family: "segoe ui",arial,sans-serif;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
.RadMenu_Metro .rgHCMClear:hover,
.RadMenu_Metro .rgHCMFilter:hover {
  border-color: #c98400;
  background-color: #ffe79c;
  color: #882501; }

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

.RadGrid_Metro .rgGroupPanel {
  border: 0;
  border-bottom: 1px solid #7c7c7c; }
  .RadGrid_Metro .rgGroupPanel,
  .RadGrid_Metro .rgGroupPanel caption {
    background: #25a0da;
    color: #ffffff; }
  .RadGrid_Metro .rgGroupPanel td {
    border: 0;
    padding: 3px 4px; }
    .RadGrid_Metro .rgGroupPanel td td {
      padding: 0; }
  .RadGrid_Metro .rgGroupPanel .rgSortAsc {
    background-position: 4px -144px; }
  .RadGrid_Metro .rgGroupPanel .rgSortDesc {
    background-position: 4px -94px; }
.RadGrid_Metro .rgUngroup {
  background-position: 0 -6999px; }
.RadGrid_Metro .rgGroupItem {
  border: 1px solid #7e7e7e;
  background: #fff;
  color: #000; }
.RadGrid_Metro .rgMasterTable > td.rgGroupCol, .RadGrid_Metro .rgMasterTable > td.rgExpandCol {
  border-color: #c9c9c9;
  background: #c9c9c9 none; }
.RadGrid_Metro .rgGroupHeader {
  background: #c9c9c9;
  font-size: 1.1em;
  line-height: 22px;
  color: #000; }
  .RadGrid_Metro .rgGroupHeader td {
    padding-left: 8px;
    padding-bottom: 2px; }
.RadGrid_Metro .rgExpand {
  background-position: 5px -496px; }
.RadGrid_Metro .rgCollapse {
  background-position: 3px -444px; }
.RadGrid_Metro .rgEditForm {
  border-bottom: 1px solid #999; }
.RadGrid_Metro .rgUpdate {
  background-position: 0 -1800px; }
.RadGrid_Metro .rgCancel {
  background-position: 0 -1850px; }
.RadGrid_Metro .rgCommandRow .rgCancel {
  background-position: -1px -1850px; }
.RadGrid_Metro .rgDetailTable {
  border-color: #999; }
.RadGrid_Metro .rgCommandRow {
  color: #767676;
  text-decoration: none; }
  .RadGrid_Metro .rgCommandRow a {
    color: #767676;
    text-decoration: none; }
.RadGrid_Metro .rgCommandCell {
  border: 0;
  border-bottom: 1px solid #000000;
  padding: 0; }
.RadGrid_Metro tfoot .rgCommandCell,
.RadGrid_Metro .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
  border-top: 1px solid #000000;
  border-bottom: 0; }
.RadGrid_Metro .rgCommandTable {
  border: 0; }
  .RadGrid_Metro .rgCommandTable td {
    border: 0;
    padding: 2px 7px; }
.RadGrid_Metro input.rgAdd {
  margin-right: 3px;
  background-position: 0 -1650px; }
.RadGrid_Metro input.rgRefresh {
  margin-right: 3px;
  background-position: 0 -1600px; }
.RadGrid_Metro .rgSave {
  background-position: 3px -1825px; }
.RadGrid_Metro .rgEdit {
  margin-right: 3px;
  background-position: 0 -1700px; }
.RadGrid_Metro .rgDel {
  margin-right: 3px;
  background-position: 0 -1750px; }
.RadGrid_Metro .rgExpXLS,
.RadGrid_Metro .rgExpDOC,
.RadGrid_Metro .rgExpPDF,
.RadGrid_Metro .rgExpCSV {
  background-image: url('../Common/Grid/export.gif'); }
.RadGrid_Metro .rgExpXLS {
  background-position: 0 0; }
.RadGrid_Metro .rgExpDOC {
  background-position: 0 -50px; }
.RadGrid_Metro .rgExpPDF {
  background-position: 0 -100px; }
.RadGrid_Metro .rgExpCSV {
  background-position: 0 -150px; }

/*editing*/
/*hierarchy*/
/*command row*/
/*multirow select*/
.rgCellSelectorArea_Metro,
.GridRowSelector_Metro {
  background: #4c4e54; }

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

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

.RadGridRTL_Metro .rgHeader:first-child, .RadGridRTL_Metro th.rgResizeCol:first-child,
.RadGridRTL_Metro .rgFilterRow > td:first-child,
.RadGridRTL_Metro .rgRow > td:first-child,
.RadGridRTL_Metro .rgAltRow > td:first-child {
  border-left-width: 1px;
  padding-left: 7px; }
.RadGridRTL_Metro .rgPageFirst {
  background-position: 0 -1000px; }
  .RadGridRTL_Metro .rgPageFirst:hover {
    background-position: 0 -1050px; }
.RadGridRTL_Metro .rgPagePrev {
  background-position: 0 -850px; }
  .RadGridRTL_Metro .rgPagePrev:hover {
    background-position: 0 -900px; }
.RadGridRTL_Metro .rgPageNext {
  background-position: 0 -700px; }
  .RadGridRTL_Metro .rgPageNext:hover {
    background-position: 0 -750px; }
.RadGridRTL_Metro .rgPageLast {
  background-position: 0 -550px; }
  .RadGridRTL_Metro .rgPageLast:hover {
    background-position: 0 -600px; }
.RadGridRTL_Metro .rgExpand {
  background-position: -20px -496px; }
  
  
  
  .TestButton
  {
    border-color: #0f1d48;
    color: #333366;
    background-color: #333366;
   /* background-image: linear-gradient(#8d9dd2 0,#5762a3 50%,#3c4d8f 50%,#687dc1 100%); */
    border-radius: .25em;
    padding: .16667em .83333em;
    line-height: 1.3333;
    border-width: 1px;
    border-style: solid;
    vertical-align: top;
  }