/**
 * w2ui-grid
*/
.w2ui-grid .w2ui-grid-toolbar {
    background-color: #66727d;
}
.w2ui-grid .w2ui-grid-footer {
    background: #bfcad3;
    color: #fff;
}

.w2ui-grid .w2ui-grid-body table .w2ui-head {
    background: #778591 !important;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    color: #000;
    background-image: -webkit-linear-gradient(#f9f9f9,#e4e4e4);
    background-image: -moz-linear-gradient(#f9f9f9,#e4e4e4);
    background-image: -ms-linear-gradient(#f9f9f9,#e4e4e4);
    background-image: -o-linear-gradient(#f9f9f9,#e4e4e4);
    background-image: linear-gradient(#f9f9f9,#e4e4e4);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe4e4e4', GradientType=0);
}
.w2ui-grid .w2ui-grid-body table .w2ui-head {
    color: #FFFFFF;
}
.w2ui-toolbar table.w2ui-button .w2ui-tb-caption {
    color: #FFF;
    padding: 0 4px 0 2px;
}
[class^=w2ui-icon-]:before, [class*=" w2ui-icon-"]:before {
    font-family: w2ui-font;
    color: white;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.w2ui-column-check.w2ui-icon-check:before {
    font-family: w2ui-font;
    color: #66727d;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**
 *
 */
 .w2ui-grid {
  width: 100%;
  height: 250px;
  .w2ui-grid-toolbar {
    background-color: #66727d !important;
    table {
      .w2ui-button {
        .w2ui-tb-image > span {
          color: $white;
        }
        .w2ui-tb-caption {
          color: $white;
        }
      }
    }
  }
  .w2ui-col-header {
    text-align: center;
  }
  .w2ui-grid-body {
    table {
      .w2ui-head {
        color: $white;
        background: #778591;
      }
    }
    .w2ui-grid-records, .w2ui-grid-frecords {
      table {
        tr {
          &.w2ui-even {
            color: inherit;
            background-color: $white;
            &.w2ui-empty-record {
              &:hover {
                background: $white;
              }
            }
            &.w2ui-record-hover {
              background: #faf7cf;
            }
            &:hover {
              background: #faf7cf;
            }
          }
          &.w2ui-odd  {
            color: inherit;
            background-color: #f5f5f5;
            &.w2ui-empty-record {
              &:hover {
                background: #f5f5f5;
              }
            }
            &.w2ui-record-hover {
              background: #faf7cf;
            }
            &:hover {
              background: #faf7cf;
            }
          }
        }
      }
    }
  }
  .w2ui-grid-data {
    text-align: center;
    a {
      //color: inherit;
      &:hover {
        color: inherit;
      }
    }
  }
  .w2ui-selected {
    a {
      color: #000;
    }
  }
  .w2ui-grid-footer {
    background: #bfcad3;
    color: $white;
  }
}