﻿
.icon-account::before {
  content: "";
}
.account {
  position: absolute;
  top: 8.6em;
  bottom: 3.9em;
  left: 0;
  right: 0;
  overflow: auto;
  overflow-y: auto;
  overflow-x: auto;
}
.account > .content {
  padding: 15px;
}
.icon-print::before {
  content: "";
}
.icon-refresh::before {
  content: "";
}
 header {
              padding: 0.5em 0.833em 0;
              width: calc(100% - 0.833em*2);
              background: #e8eff5;
              z-index: 34;
            }
  .accountTable .tableBody .tableRow{
            display:table;
            width:100%;
            table-layout:fixed;
            background:#c6d4f1;
            border-bottom-width:1px;
            border:0 solid #bbbbbb;

        }
    .accountTable div{
            vertical-align:middle;
        }
    .tableBody.tableRow>div{
            display: table-cell;
            padding: 0.5em;
            box-sizing: border-box;
        }
    .accountTable .date-small{
            width:16%;
        }
    .accountTable .team {
            color: #01122b;
            font-weight: bold;
        }
    .accountTable .points{
            text-align: center;
            width: 8em;
            max-width: 8em !important;
            color: #01122b;
            font-weight: bold;
        }
    .accountTable .team div{
            /*font-family: "iconFont";*/
            float:left;

        }
    header.logoNavigationOnly {
          height: 8.1em;
          box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.4);
        }
    .header-belt {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          height: 100%;
        }
    .caption {
          padding: 0.833em;
          margin-bottom: 0.5em;
        }
    .header-belt, .header-topBar {
            min-width: calc(100% - 0.833em*2);
            max-width: calc(90% - 0.833em*2);
            margin: 0 auto;
        }
    .mainLayout .mainArea .caption {
          padding-top: 0.3em;
          padding-bottom: 0.3em;
        }
    .caption .mainTitle {
          font-size: 1.267em;
          font-weight: bold;
          margin-top: .2em;
          display: inline-block;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
    .caption .mainTitle::before {
          margin-right: 0.3em;
          margin-top: -.1em;
          float: left;
        }
    .account .caption .mainTitle.icon-betList::before, .account .caption .mainTitle.icon-statement::before,
    .account .caption .mainTitle.icon-result::before, .account .caption .mainTitle.icon-message::before,
    .account .caption .mainTitle.icon-preferences::before {
          background-image: none;
          display: block;
          font-size: 1.5em;
          margin-top: -.24em;
        }
    footer .copyright, footer .nav li, footer .nav + .copyright {
              text-align: center;
              padding: 1.3em 0 1em;
            }
    .noInfo {
          background: #dfdfdf;
          color: #7c7c7c;
          padding: 0.833em;
          text-align: center;
          font-weight: bold;
        }
    ul {
            list-style: none;
        }
 
    .accountTable .tableHead{
              border-radius: 3px 3px 0 0;
              background: #5574a7;
              border-top: solid 1px #5574a7;
            }
        .accountTable .tableHead {
          display: table;
          width: 100%;
          table-layout: fixed;
        }
        .accountTable .tableHead  div {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          border-radius: inherit inherit 0 0;
          max-width: 0;
          font-weight: normal;
          border-left: 1px solid #3b5174;
          color:#e8eff5;
        }
        .accountTable .tableHead{
          border-radius: 3px 3px 0 0;
          background: #5574a7;
          border-top: solid 1px #5574a7;
        }
        .leagueName {
          display: block;
          background: #b1b1b1;
          border-bottom: 1px solid #a3a3a3;
          padding: 0.5em;
          color: black;
        } 
        .tableHead div{
              /*white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;*/
              display: table-cell;
              padding: 0.5em;
              box-sizing: border-box;
        }
        .accountTable .tableHead,.accountTable .tableBody .tableRow, .accountTable .tableBody .tableRow-pointer, .accountTable .tableFooter .tableFooterRow {
          display: table;
          width: 100%;
          table-layout: fixed;
        }

        .accountTable .tableHead > div,
        .accountTable .tableHead-sub > div,
        .accountTable .tableBody .tableRow > div, 
        .accountTable .tableBody .tableRow-pointer > div
        .accountTable .tableBody .tableRow .tableGroup > div
        .accountTable .tableBody .tableRow-pointer .tableGroup > div, 
        .accountTable .tableFooter .tableFooterRow > div {
          display: table-cell;
          padding: 0.5em;
          box-sizing: border-box;
          height:30px;
        }

        .accountTable .tableBody .tableRow .tableGroup, 
        .accountTable-verticalAlignTop .tableBody .tableRow .tableGroup,
        .accountTable .tableBody .tableRow-pointer .tableGroup,
        .accountTable-verticalAlignTop .tableBody .tableRow-pointer .tableGroup {
          display: table;
          table-layout: fixed;
          width: 100%;
          padding: 0;
          height:30px;
        }

        .accountTable .tableBody .tableRow,
        .accountTable .tableBody .tableRow-pointer,
        .accountTable .tableBody .tableRow > div + div
        .accountTable .tableBody .tableRow-pointer > div + div,
        .accountTable .tableBody .tableRow .tableGroup + .tableGroup,
        .accountTable .tableBody .tableRow-pointer .tableGroup + .tableGroup,
        .accountTable .tableBody .tableRow .tableGroup > div + div,
        .accountTable .tableBody .tableRow-pointer .tableGroup > div + div,
        .accountTable .tableBody .expandArea{
          border: 0 solid #bbbbbb;
        }

        .accountTable .tableBody .tableRow, .accountTable-verticalAlignTop .tableBody .tableRow, .accountTable .tableBody .tableRow-pointer, .accountTable-verticalAlignTop .tableBody .tableRow-pointer {
          background: #c6d4f1;
          border-bottom-width: 1px;
        }
        .accountTable .tableBody .tableRow > div + div, .accountTable-verticalAlignTop .tableBody .tableRow > div + div, .accountTable .tableBody .tableRow-pointer > div + div, .accountTable-verticalAlignTop .tableBody .tableRow-pointer > div + div {
      border-left-width: 1px;
    }

        .accountTable .tableBody .tableRow .tableGroup, .accountTable-verticalAlignTop .tableBody .tableRow .tableGroup, .accountTable .tableBody .tableRow-pointer .tableGroup, .accountTable-verticalAlignTop .tableBody .tableRow-pointer .tableGroup {
          display: table;
          table-layout: fixed;
          width: 100%;
          padding: 0;
        }


        .accountTable .tableBody .tableRow:nth-of-type(2n+0), .accountTable-verticalAlignTop .tableBody .tableRow:nth-of-type(2n+0), .accountTable .tableBody .tableRow-pointer:nth-of-type(2n+0), .accountTable-verticalAlignTop .tableBody .tableRow-pointer:nth-of-type(2n+0) {
          background: #e4e4e4;
        }

        .accountTable .tableBody .tableRow:hover, .accountTable-verticalAlignTop .tableBody .tableRow:hover, .accountTable .tableBody .tableRow-pointer:hover, .accountTable-verticalAlignTop .tableBody .tableRow-pointer:hover {
          background: #f5eeb8;
        }
        .accountTable .tableBody .tableRow .tableGroup + .tableGroup, .accountTable-verticalAlignTop .tableBody .tableRow .tableGroup + .tableGroup, .accountTable .tableBody .tableRow-pointer .tableGroup + .tableGroup, .accountTable-verticalAlignTop .tableBody .tableRow-pointer .tableGroup + .tableGroup {
          border-top-width: 1px;
          border-left-width: 1px;
        }
        .accountTable .tableBody .expandAreaLayout li, .accountTable-verticalAlignTop .tableBody .expandAreaLayout li {
          display: block;
          float: left;
          width: calc( (100% - 4em)/4);
          padding: 0.5em;
        }
        .accountTable .tableBody .expandArea, .accountTable-verticalAlignTop .tableBody .expandArea {
          display: block;
          background: #dfdfdf;
          padding: 0.833em;
          border-bottom-width: 1px;
        }

            .accountTable .tableHead > div, .accountTable-verticalAlignTop .tableHead > div, .accountTable .tableHead-sub > div,
            .accountTable-verticalAlignTop .tableHead-sub > div, .accountTable .tableBody .tableRow > div, 
            .accountTable-verticalAlignTop .tableBody .tableRow > div, .accountTable .tableBody .tableRow-pointer > div,
            .accountTable-verticalAlignTop .tableBody .tableRow-pointer > div, .accountTable .tableBody .tableRow .tableGroup > div,
            .accountTable-verticalAlignTop .tableBody .tableRow .tableGroup > div, .accountTable .tableBody .tableRow-pointer .tableGroup > div,
            .accountTable-verticalAlignTop .tableBody .tableRow-pointer .tableGroup > div, .accountTable .tableFooter .tableFooterRow > div,
            .accountTable-verticalAlignTop .tableFooter .tableFooterRow > div {
          display: table-cell;
          padding: 0.5em;
          box-sizing: border-box;
        }

        .accountTable .tableBody .tableRow, .accountTable-verticalAlignTop .tableBody .tableRow, .accountTable .tableBody .tableRow-pointer, .accountTable-verticalAlignTop .tableBody .tableRow-pointer, .accountTable .tableBody .tableRow > div + div, .accountTable-verticalAlignTop .tableBody .tableRow > div + div, .accountTable .tableBody .tableRow-pointer > div + div, .accountTable-verticalAlignTop .tableBody .tableRow-pointer > div + div, .accountTable .tableBody .tableRow .tableGroup + .tableGroup, .accountTable-verticalAlignTop .tableBody .tableRow .tableGroup + .tableGroup, .accountTable .tableBody .tableRow-pointer .tableGroup + .tableGroup, .accountTable-verticalAlignTop .tableBody .tableRow-pointer .tableGroup + .tableGroup, .accountTable .tableBody .tableRow .tableGroup > div + div, .accountTable-verticalAlignTop .tableBody .tableRow .tableGroup > div + div, .accountTable .tableBody .tableRow-pointer .tableGroup > div + div, .accountTable-verticalAlignTop .tableBody .tableRow-pointer .tableGroup > div + div, .accountTable .tableBody .expandArea, .accountTable-verticalAlignTop .tableBody .expandArea {
          border: 0 solid #bbbbbb;
        }
        .accountTable .tableBody .tableRow, .accountTable-verticalAlignTop .tableBody .tableRow, .accountTable .tableBody .tableRow-pointer, .accountTable-verticalAlignTop .tableBody .tableRow-pointer {
          background: #c6d4f1;
          border-bottom-width: 1px;
        }
        .accountTable .tableBody .tableRow > div + div, .accountTable-verticalAlignTop .tableBody .tableRow > div + div, .accountTable .tableBody .tableRow-pointer > div + div, .accountTable-verticalAlignTop .tableBody .tableRow-pointer > div + div {
          border-left-width: 1px;
        }

 table {
            border-collapse: collapse;
            border-spacing: 0;
        }
.CGrid{
    width:100%;
}
.CGrid_th tr td{
  height:30px;
  padding: 0.5em;
  color:#ffffff;
  box-sizing: border-box;
  background: #5574a7;
  border-top: solid 1px #5574a7;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: inherit inherit 0 0;
  max-width: 0;
  font-weight: normal;
  border-left: 1px solid #3b5174;
  border-right: 1px solid #3b5174;
  border-bottom: solid 1px #5574a7;
  text-align: center;
  line-height:30px;
  font-size:12px;
}
.CGrid_db tr td{
      height:30px;
      padding: 0.5em;
      box-sizing: border-box;
      border-top: solid 1px #5574a7;
      white-space: nowrap;
      text-overflow: ellipsis;
      background:#c6d4f1;
      overflow: hidden;
      border-radius: inherit inherit 0 0;
      max-width: 0;
      font-weight: normal;
      border-left: 1px solid #3b5174;
      border-right: 1px solid #3b5174;
      border-bottom: solid 1px #5574a7;
      text-align: center;
      line-height:20px;
      font-size:12px;
}
.CGrid_db td:hover{
      background:#c6d4f1;
     
}

