﻿/* Variables
================================== */
/* Tables
================================== */
.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%; }

.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.6em 0.8em;
  overflow: hidden;
  list-style: none;
  border: solid 1px #6c757d;
  background: fade(slategrey, 20%);
  background-color: white;
  color: #000000;
  display: flex;
  align-items: center;
  word-break: break-word; }
  .Rtable-cell > h1, .Rtable-cell > h2, .Rtable-cell > h3, .Rtable-cell > h4, .Rtable-cell > h5, .Rtable-cell > h6 {
    margin: 0; }
  .Rtable-cell .btn-primary {
    color: #fff;
    background-color: #115A86;
    border-color: #115A86; }

.Rtable-cell--head {
  background-color: slategrey;
  color: #ffffff;
  white-space: nowrap; }

.oddRow {
  background-color: #f2f2f2; }

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%; }

.Rtable--3cols > .Rtable-cell {
  width: 33.33%; }

.Rtable--4cols > .Rtable-cell {
  width: 25%; }

.Rtable--5cols > .Rtable-cell {
  width: 20%; }

.Rtable--6cols > .Rtable-cell {
  width: 16.6%; }

.Rtable--7cols > .Rtable-cell {
  width: 14.2%; }

.Rtable--8cols > .Rtable-cell {
  width: 12.5%; }

.Rtable--9cols > .Rtable-cell {
  width: 11.1%; }

.Rtable--10cols > .Rtable-cell {
  width: 10%; }

.Rtable--11cols > .Rtable-cell {
  width: 9%; }

.Rtable--12cols > .Rtable-cell {
  width: 8.3%; }

.Rtable--13cols > .Rtable-cell {
  width: 8.3%; }

.Rtable--14cols > .Rtable-cell {
  width: 8.3%; }

.Rtable--15cols > .Rtable-cell {
  width: 100px; }

.Rtable--16cols > .Rtable-cell {
  width: 8.3%; }

.Rtable--17cols > .Rtable-cell {
  width: 8.3%; }

.Rtable--18cols > .Rtable-cell {
  width: 8.3%; }

.Rtable--19cols > .Rtable-cell {
  width: 8.3%; }

.Rtable--20cols > .Rtable-cell {
  width: 8.3%; }

.custom-grid-footer {
  margin-bottom: 20px;
  display: flex;
  justify-content: center; }
  .custom-grid-footer a.page-item {
    color: #000;
    padding: 10px;
    cursor: pointer; }
  .custom-grid-footer .selected {
    background-color: #71ae51;
    border-radius: 7px; }

.custom-flex-grid {
  width: 100%;
  display: flex;
  overflow: hidden; }
  .custom-flex-grid .Rtable-noflex {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 20px; }
    .custom-flex-grid .Rtable-noflex .table-row {
      white-space: nowrap;
      display: table-row; }
      .custom-flex-grid .Rtable-noflex .table-row .Rtable-cell {
        min-width: 200px;
        display: table-cell;
        height: 100%;
        vertical-align: middle; }
