/* Copyright 2018-2019 Epic Systems Corporation */
.grid {
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 0px;
  display: block;
  font-size: 0px;
}

.grid > .row {
  width: 100%;
  font-size: 0px;
  padding-left: 0px;
  max-width: none;
  display: flex;
  flex-wrap: wrap;
}

@media print {
  .grid > .row:not(.noprint):not(.hidden):not(ul) {
    overflow: visible !important;
    display: table !important;
  }
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  margin-right: 12px;
  word-wrap: break-word;
  font-size: 1rem;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.col-1 {
  width: calc(8.33333% - 12px);
}

.grid.compact > .row > .col-1 {
  width: 8.33333%;
}

.grid.insulated > .row > .col-1 {
  width: calc(8.33333% - 24px);
}

.col-2 {
  width: calc(16.66667% - 12px);
}

.grid.compact > .row > .col-2 {
  width: 16.66667%;
}

.grid.insulated > .row > .col-2 {
  width: calc(16.66667% - 24px);
}

.col-3 {
  width: calc(25% - 12.01px);
}

.grid.compact > .row > .col-3 {
  width: 25%;
}

.grid.insulated > .row > .col-3 {
  width: calc(25% - 24.01px);
}

.col-4 {
  width: calc(33.33333% - 12px);
}

.grid.compact > .row > .col-4 {
  width: 33.33333%;
}

.grid.insulated > .row > .col-4 {
  width: calc(33.33333% - 24px);
}

.col-5 {
  width: calc(41.66667% - 12px);
}

.grid.compact > .row > .col-5 {
  width: 41.66667%;
}

.grid.insulated > .row > .col-5 {
  width: calc(41.66667% - 24px);
}

.col-6 {
  width: calc(50% - 12.01px);
}

.grid.compact > .row > .col-6 {
  width: 50%;
}

.grid.insulated > .row > .col-6 {
  width: calc(50% - 24.01px);
}

.col-7 {
  width: calc(58.33333% - 12px);
}

.grid.compact > .row > .col-7 {
  width: 58.33333%;
}

.grid.insulated > .row > .col-7 {
  width: calc(58.33333% - 24px);
}

.col-8 {
  width: calc(66.66667% - 12px);
}

.grid.compact > .row > .col-8 {
  width: 66.66667%;
}

.grid.insulated > .row > .col-8 {
  width: calc(66.66667% - 24px);
}

.col-9 {
  width: calc(75% - 12px);
}

.grid.compact > .row > .col-9 {
  width: 75%;
}

.grid.insulated > .row > .col-9 {
  width: calc(75% - 24px);
}

.col-10 {
  width: calc(83.33333% - 12px);
}

.grid.compact > .row > .col-10 {
  width: 83.33333%;
}

.grid.insulated > .row > .col-10 {
  width: calc(83.33333% - 24px);
}

.col-11 {
  width: calc(91.66667% - 12px);
}

.grid.compact > .row > .col-11 {
  width: 91.66667%;
}

.grid.insulated > .row > .col-11 {
  width: calc(91.66667% - 24px);
}

.col-12 {
  width: calc(100% - 12px);
}

.grid.compact > .row > .col-12 {
  width: 100%;
}

.grid.insulated > .row > .col-12 {
  width: calc(100% - 24px);
}

.grid .grid {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.grid,
ol.grid {
  padding: 0px;
}

.grid {
  margin-bottom: 24px;
  margin-top: 12px;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  margin-right: 12px;
  margin-bottom: 12px;
}

.grid > .row {
  width: calc(100% + 12px);
}

.grid > .row:last-child {
  padding-bottom: 0px;
  margin-bottom: -12px;
}

.grid.compact > .row > .col, .grid.compact > .row > .col-1, .grid.compact > .row > .col-2, .grid.compact > .row > .col-3, .grid.compact > .row > .col-4, .grid.compact > .row > .col-5, .grid.compact > .row > .col-6, .grid.compact > .row > .col-7, .grid.compact > .row > .col-8, .grid.compact > .row > .col-9, .grid.compact > .row > .col-10, .grid.compact > .row > .col-11, .grid.compact > .row > .col-12 {
  margin-right: 0px;
  margin-bottom: 0px;
}

.grid.compact > .row {
  width: 100%;
  margin-bottom: 0px;
}

.grid.insulated > .row > .col, .grid.insulated > .row > .col-1, .grid.insulated > .row > .col-2, .grid.insulated > .row > .col-3, .grid.insulated > .row > .col-4, .grid.insulated > .row > .col-5, .grid.insulated > .row > .col-6, .grid.insulated > .row > .col-7, .grid.insulated > .row > .col-8, .grid.insulated > .row > .col-9, .grid.insulated > .row > .col-10, .grid.insulated > .row > .col-11, .grid.insulated > .row > .col-12 {
  margin-right: 24px;
  margin-bottom: 24px;
}

.grid.insulated {
  padding: 0px;
}

.grid.insulated > .row {
  width: calc(100% + 24px);
}

.grid.insulated > .row:last-child {
  margin-bottom: -24px;
}

@media screen and (max-width: 768px) {
  .grid > .row:not(.fixed),
  .grid.insulated > .row:not(.fixed),
  .grid.compact > .row:not(.fixed) {
    width: 100%;
    display: block;
  }
  .grid > .row:not(.fixed) > [class*="col"],
  .grid.insulated > .row:not(.fixed) > [class*="col"],
  .grid.compact > .row:not(.fixed) > [class*="col"] {
    width: 100%;
    margin-right: 0px;
  }
}

.alignEnd {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.alignStart {
  text-align: left;
}

.insulated {
  padding: 24px;
}

.compact {
  padding: 0px;
}

.expandable {
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .sm-hide,
  .lg-only {
    display: none;
  }
  .sm-alignEnd {
    text-align: right;
  }
  .sm-alignCenter {
    text-align: center;
  }
  .sm-alignStart {
    text-align: left;
  }
}

@media screen and (min-width: 769px) {
  .lg-hide,
  .sm-only {
    display: none;
  }
}