input,
textarea {
  font-size: 16px !important;
}
.Collection,
.Grid {
  will-change: transform;
}
* {
  font-family: Roboto, sans-serif;
}
textarea {
  padding: 6px 0 0 5px !important;
  color: #000 !important;
}
.col-1-2 {
  width: 50%;
}
.col-1-3 {
  width: 33.33%;
}
.col-2-3 {
  width: 66.66%;
}
.col-1-4 {
  width: 25%;
}
.col-1-1,
.grid {
  width: 100%;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
}
[class*='col-'] {
  float: left;
  min-height: 1px;
  padding-right: 10px;
}
.grid {
  max-width: 1300px;
  min-width: 748px;
  margin: 0 auto;
}
.grid:after {
  content: '';
  display: table;
  clear: both;
}
.grid-pad {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 0;
}
.push-right {
  float: right;
}
.col-2-3,
.col-8-12 {
  width: 66.66%;
}
.col-1-2,
.col-6-12 {
  width: 50%;
}
.col-1-3,
.col-4-12 {
  width: 33.33%;
}
.col-1-4,
.col-3-12 {
  width: 25%;
}
.col-1-5 {
  width: 20%;
}
.col-1-6,
.col-2-12 {
  width: 16.667%;
}
.col-1-7 {
  width: 14.28%;
}
.col-2-7 {
  width: 28.56%;
}
.col-3-4 {
  width: 75%;
}
.col-3-7 {
  width: 42.84%;
}
.col-4-7 {
  width: 57.12%;
}
.col-1-8 {
  width: 12.5%;
}
.col-1-9 {
  width: 11.1%;
}
.col-1-10 {
  width: 10%;
}
.col-1-11 {
  width: 9.09%;
}
.col-1-12 {
  width: 8.33%;
}
.col-11-12 {
  width: 91.66%;
}
.col-10-12 {
  width: 83.333%;
}
.col-9-12 {
  width: 75%;
}
.col-5-12 {
  width: 41.66%;
}
.col-7-12 {
  width: 58.33%;
}
.push-2-3,
.push-8-12 {
  margin-left: 66.66%;
}
.push-1-2,
.push-6-12 {
  margin-left: 50%;
}
.push-1-3,
.push-4-12 {
  margin-left: 33.33%;
}
.push-1-4,
.push-3-12 {
  margin-left: 25%;
}
.push-1-5 {
  margin-left: 20%;
}
.push-1-6,
.push-2-12 {
  margin-left: 16.667%;
}
.push-1-7 {
  margin-left: 14.28%;
}
.push-1-8 {
  margin-left: 12.5%;
}
.push-1-9 {
  margin-left: 11.1%;
}
.push-1-10 {
  margin-left: 10%;
}
.push-1-11 {
  margin-left: 9.09%;
}
.push-1-12 {
  margin-left: 8.33%;
}
@media handheld, only screen and (max-width: 767px) {
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 10px;
  }
  [class*='col-'] {
    width: auto;
    float: none;
    margin: 10px 0;
    padding-left: 0;
    padding-right: 10px;
  }
  [class*='mobile-col-'] {
    float: left;
    margin: 0 0 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-bottom: 0;
  }
  .mobile-col-1-1 {
    width: 100%;
  }
  .mobile-col-2-3,
  .mobile-col-8-12 {
    width: 66.66%;
  }
  .mobile-col-1-2,
  .mobile-col-6-12 {
    width: 50%;
  }
  .mobile-col-1-3,
  .mobile-col-4-12 {
    width: 33.33%;
  }
  .mobile-col-1-4,
  .mobile-col-3-12 {
    width: 25%;
  }
  .mobile-col-1-5 {
    width: 20%;
  }
  .mobile-col-1-6,
  .mobile-col-2-12 {
    width: 16.667%;
  }
  .mobile-col-1-7 {
    width: 14.28%;
  }
  .mobile-col-1-8 {
    width: 12.5%;
  }
  .mobile-col-1-9 {
    width: 11.1%;
  }
  .mobile-col-1-10 {
    width: 10%;
  }
  .mobile-col-1-11 {
    width: 9.09%;
  }
  .mobile-col-1-12 {
    width: 8.33%;
  }
  .mobile-col-11-12 {
    width: 91.66%;
  }
  .mobile-col-10-12 {
    width: 83.333%;
  }
  .mobile-col-9-12 {
    width: 75%;
  }
  .mobile-col-5-12 {
    width: 41.66%;
  }
  .mobile-col-7-12 {
    width: 58.33%;
  }
  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}
.Collection {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.Collection__innerScrollContainer {
  box-sizing: border-box;
  overflow: hidden;
}
.Collection__cell {
  position: absolute;
}
.Grid {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.Grid__innerScrollContainer {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.Grid__cell {
  position: absolute;
}
.FlexTable__Grid {
  overflow-x: hidden;
  box-sizing: border-box;
}
.FlexTable__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}
.FlexTable__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  color: #000;
}
.FlexTable__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.FlexTable__headerColumn,
.FlexTable__rowColumn {
  margin-right: 10px;
  min-width: 0;
  color: #000;
}
.FlexTable__rowColumn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
.FlexTable__headerColumn:first-of-type,
.FlexTable__rowColumn:first-of-type {
  margin-left: 10px;
}
.FlexTable__sortableHeaderColumn {
  cursor: pointer;
}
.FlexTable__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}
.FlexTable__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}
.VirtualScroll {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.NoteVirtualizedTable .FlexTable__headerRow {
  background-color: #0d5db8;
}
.NoteVirtualizedTable .FlexTable__headerColumn {
  color: #fff;
}
.NoteVirtualizedTable .FlexTable__rowColumn {
  overflow: hidden;
  text-overflow: inherit;
  white-space: normal;
}
.NoteVirtualizedTable .FlexTable__row {
  align-items: flex-start;
  height: auto !important;
  font-size: 14px;
}
.NoteVirtualizedTable .Grid__cell:nth-child(odd) {
  background: #dadfe1;
}
.NoteVirtualizedTable .Grid__cell:nth-child(even) {
  background: #ccc;
}
.NoteVirtualizedTable .Grid__cell {
  position: initial !important;
  height: auto !important;
}
.NoteVirtualizedTable .Grid__innerScrollContainer {
  height: auto !important;
}