/* Eventbrite Styleguide - IE Safe */
@import "styleguide-ie-safe.3.css";
@import "styleguide-ie-safe.2.css";
@import "styleguide-ie-safe.1.css";

.form__select {
  background: -webkit-linear-gradient( white 0%, #EFF2F5 100%);
  background: linear-gradient( white 0%, #EFF2F5 100%);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: -2.5px;
  border: 1px #D2D6DF solid;
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px white;
  color: #45494E;
  margin-left: -2.5px;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
}

.form__select:active {
  background: white;
}

.form__select:focus {
  outline: none;
}

.form__select select {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  position: relative;
  top: -2px;
  left: 0;
  z-index: 1;
  height: 32px;
  display: block;
  font-size: 16px;
  background: white;
  overflow: hidden;
  display: block;
  zoom: 1;
  border-right: 10px solid transparent;
  -webkit-appearance: menulist-button;
}

.form__select .custom-select-value {
  position: absolute;
  overflow: hidden;
  display: block;
  height: 24px;
  top: 10px;
  left: 12px;
}

.form__select .custom-select-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #45494E;
  position: absolute;
  right: 10px;
  top: 11px;
}

.form__select .custom-select-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #45494E;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@-moz-document url-prefix()  {
  .form__select .custom-select-arrow:before {
    right: 9px;
  }
}

.ie8 .form__select .custom-select-arrow:before {
  right: 9px;
}

.ie8 .form__select .custom-select-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #45494E;
}

.form__footer {
  display: block;
  padding: 0;
}

.form__footer * {
  vertical-align: top;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.pod {
  background: white;
  border: 1px solid #D2D6DF;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px white;
}

@media only screen and (max-width: 600px) {
  .is-responsive .pod {
    border-radius: 0;
  }
}

.pod.is-hidden:first-child + * {
  margin-top: 0;
}

.pod > *:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.pod > *:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.pod.pod--primary {
  background: #F8F8FA;
  border: 1px solid #D2D6DF;
}

.pod.pod--card {
  box-shadow: 1px 1px 1px #F8F8FA;
}

.pod.pod--tabbed {
  position: relative;
  z-index: 0;
  display: none;
  margin-top: -1px;
  border-radius: 0 5px 5px 5px;
}

.pod.pod--tabbed.is-tab-selected {
  display: block;
}

.pod.pod--empty {
  border: 4px dashed #EFF2F5;
}

.pod.pod--editable:hover > * {
  cursor: pointer;
  background-color: #F8F8FA;
}

.pod.pod--editable div,
.pod.pod--editable h3 {
  word-wrap: break-word;
}

.pod.pod--scrollable {
  height: 165px;
  overflow-y: auto;
  overflow-x: hidden;
}

@media only screen and (max-width: 600px) {
  .is-responsive .pod.pod--consumer-content {
    margin-top: 0;
    border: none;
  }
}

.pod.pod--consumer-profile {
  border: none;
  background: transparent;
  box-shadow: none;
}

@media only screen and (max-width: 600px) {
  .is-responsive .pod.pod--consumer-profile {
    margin-top: 0;
  }
}

.tab-list {
  position: relative;
  z-index: 1;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 0;
}

.tab-list__tab {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  vertical-align: top;
  margin-right: 10px;
  border-top: 1px solid #D2D6DF;
  background: #F8F8FA;
}

.tab-list__tab:hover {
  cursor: pointer;
  background: #D2D6DF;
}

.tab-list__tab > span {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  padding: 5px 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  color: #45494E;
  border-right: 1px solid #D2D6DF;
  border-left: 1px solid #D2D6DF;
}

.tab-list__tab.is-tab-selected {
  border-top: 3px solid #00a1ee;
  background: white;
}

.tab-list__tab.is-tab-selected:hover {
  cursor: default;
  background: white;
}

.tab-list__tab.is-tab-selected > span {
  padding: 4px 10px 5px;
}

.layout-padded--list-item {
  background: #F8F8FA;
  padding: 15px 20px;
  margin-bottom: 2.5px;
}

.layout-stackable__aside {
  float: right;
  margin-top: 0;
}

.image-pod {
  border-radius: 5px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.report {
  width: 100%;
  text-align: left;
  background: white;
  border-collapse: separate;
  *border-collapse: collapse;
}

.report td,
.report th {
  padding: 10px;
  border-right: 1px solid #D2D6DF;
  border-bottom: 1px solid #D2D6DF;
  text-align: left;
}

.report td:first-child,
.report th:first-child {
  border-left: 1px solid #D2D6DF;
}

.report caption {
  border: 1px solid #D2D6DF;
  padding: 10px;
  background-color: #EFF2F5;
  color: #282C35;
  font-weight: 600;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.report thead:first-child tr:first-child td,
.report thead:first-child tr:first-child th,
.report tbody:first-child tr:first-child td,
.report tbody:first-child tr:first-child th,
.report tfoot:first-child + tbody tr:first-child td,
.report tfoot:first-child + tbody tr:first-child th {
  border-top: 1px solid #D2D6DF;
}

.report thead:first-child tr:first-child td:first-child,
.report thead:first-child tr:first-child th:first-child,
.report tbody:first-child tr:first-child td:first-child,
.report tbody:first-child tr:first-child th:first-child,
.report tfoot:first-child + tbody tr:first-child td:first-child,
.report tfoot:first-child + tbody tr:first-child th:first-child {
  border-top-left-radius: 5px;
}

.report thead:first-child tr:first-child td:last-child,
.report thead:first-child tr:first-child th:last-child,
.report tbody:first-child tr:first-child td:last-child,
.report tbody:first-child tr:first-child th:last-child,
.report tfoot:first-child + tbody tr:first-child td:last-child,
.report tfoot:first-child + tbody tr:first-child th:last-child {
  border-top-right-radius: 5px;
}

.report tfoot tr:last-child td:first-child,
.report tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}

.report tfoot tr:last-child td:last-child,
.report tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

.report tfoot ~ tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}

.report tfoot ~ tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}

.report--zebra tr:nth-child(2n) {
  background: #F8F8FA;
}

.report--no-grid,
.report--section-grid,
.report--item-value {
  border-bottom: 1px solid #D2D6DF;
  border-radius: 5px;
}

.report--no-grid td,
.report--section-grid td,
.report--item-value td,
.report--no-grid th,
.report--section-grid th,
.report--item-value th {
  border: 0;
}

.report--no-grid td:last-child,
.report--section-grid td:last-child,
.report--item-value td:last-child,
.report--no-grid th:last-child,
.report--section-grid th:last-child,
.report--item-value th:last-child {
  border-right: 1px solid #D2D6DF;
}

.ie8 .report--no-grid,
.ie8 .report--section-grid,
.ie8 .report--item-value {
  border-right: 1px solid #D2D6DF;
}

.report--no-grid tfoot > tr:last-child > td,
.report--section-grid tfoot > tr:last-child > td,
.report--item-value tfoot > tr:last-child > td {
  padding-bottom: 15px;
}

.report--horizontal-grid td,
.report--horizontal-grid th {
  border: 0;
  border-bottom: 1px solid #D2D6DF;
}

.report--horizontal-grid td:last-child,
.report--horizontal-grid th:last-child {
  border-right: 1px solid #D2D6DF;
}

.ie8 .report--horizontal-grid {
  border-right: 1px solid #D2D6DF;
}

.report--section-grid caption {
  border-bottom: 0;
}

.report--section-grid thead tr:first-child td,
.report--section-grid thead tr:first-child th,
.report--section-grid tfoot tr:first-child td,
.report--section-grid tfoot tr:first-child th,
.report--section-grid tbody tr:first-child td,
.report--section-grid tbody tr:first-child th {
  border-top: 1px solid #D2D6DF;
}

.report--section-grid tfoot > tr:last-child > td {
  padding-bottom: 10px;
}

.report--item-value td,
.report--item-value th {
  text-align: right;
}

.report--item-value td:first-child,
.report--item-value th:first-child {
  padding-right: 0;
  text-align: left;
}

.report--scrollable {
  border: 0;
}

.report--scrollable td:first-child,
.report--scrollable th:first-child {
  border-left: 0;
}

.report--scrollable td:last-child,
.report--scrollable th:last-child {
  border-right: 0;
}

.report--scrollable tbody:last-child tr:last-child td {
  border-bottom: 0;
}

.report--scrollable tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}

.report--scrollable tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}

.report--scrollable tbody:first-child tr:first-child td,
.report--scrollable tbody:first-child tr:first-child th {
  border-top: 0;
}

.report--scrollable--fixed-header {
  table-layout: fixed;
}

.report--scrollable--fixed-header thead tr {
  display: block;
  position: relative;
}

.report--scrollable--fixed-header tbody {
  display: block;
  overflow: auto;
  width: 100%;
  max-height: 165px;
}

.report--scrollable--fixed-header tbody tr:first-child td {
  border-top: 0;
}

.report--scrollable--fixed-header tbody tr:last-child td {
  border-bottom: 0;
}

.report--scrollable--fixed-header tfoot tr:first-child td {
  border-top: 1px solid #D2D6DF;
}

.ie9 .report--scrollable--fixed-header {
  table-layout: auto;
}

.report--compact td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.report--compact tbody > tr:first-child > td {
  padding-top: 10px;
}

.report--compact tfoot > tr:last-child > td {
  padding-bottom: 10px;
}

.report__row--heading td,
.report__row--heading th {
  background: #EFF2F5;
}

.report__row--emphasized {
  font-weight: 600;
  color: #282C35;
}

.report__row--even {
  background: #F8F8FA;
}

.report__row--activable:hover {
  cursor: pointer;
}

.report__row--active {
  color: #282C35;
  background: #fce19a;
}

.report__row--active:hover {
  cursor: pointer;
}

.report__row--expandable td:first-child,
.report__row--expandable th:first-child {
  padding-left: 30px;
  background: url(../../../../images/arrows/promo_table_rightarrow.png) no-repeat 10px 50%;
}

.report__row--expandable.is-row-expanded td:first-child,
.report__row--expandable.is-row-expanded th:first-child {
  background: url(../../../../images/arrows/promo_table_downarrow.png) no-repeat 10px 50%;
}

.report__row--expandable__sub-row {
  margin-bottom: 10px;
}

.report__row--expandable__sub-row td,
.report__row--expandable__sub-row td:first-child {
  color: #666A73;
  margin-left: 20px;
  padding-left: 0;
  border-left: 2px solid #D2D6DF;
}

td.report__cell--selected,
th.report__cell--selected {
  border-bottom: 3px solid #b8b8b8;
}

td.report__cell--restricted,
th.report__cell--restricted {
  width: 1px;
  text-align: center;
  white-space: nowrap;
}

.report__cell__icon {
  vertical-align: middle;
}

/* if this doesnt fire then we have run out of CSS rules in the file.
   this will only be applicable within the styleguide */

.css-rule-limit-check {
  display: none;
}