@charset "UTF-8";
/* line 1, app/assets/stylesheets/lib/_config.css.scss */
:root {
  --palette1:  #1abc9c;
  --palette2:  #16a085;
  --palette3:  #2ecc71;
  --palette4:  #27ae60;
  --palette5:  #3498db;
  --palette6:  #2980B9;
  --palette7:  #9b59b6;
  --palette8:  #8e44ad;
  --palette9:  #34495e;
  --palette10: #2c3e50;
  --palette11: #f1c40f;
  --palette12: #f39c12;
  --palette13: #e67e22;
  --palette14: #d35400;
  --palette15: #e74c3c;
  --palette16: #c0392b;
  --palette17: #ecf0f1;
  --palette18: #bdc3c7;
  --palette19: #95a5a6;
  --palette20: #7c8c8d;
  --lightBlueBackground: #e6f4ff;
  --blueSelectedBackground: #d9e9fe;
  --brightBlueBorder: #81C6FF;
  /* vvvvv  from intellij dark */
  --gray1: #1E1F22;
  --gray2: #2B2D30;
  --gray3: #393B40;
  --gray4: #43454A;
  --gray5: #4E5157;
  --gray6: #5A5D63;
  --gray7: #6F737A;
  --gray8: #868A91;
  --gray9: #9DA0A8;
  --gray10: #B4B8BF;
  --gray11: #CED0D6;
  --gray12: #DFE1E5;
  --gray13: #F0F1F2;
  --gray14: #FFFFFF;
  /* ^^^^^  from intellij dark */
  --midGray: var(--gray8);
  --rarityC: var(--gray1);
  --rarityU: var(--gray7);
  --rarityR: #a58e4a;
  --rarityM: #bf4427;
}

/* line 255, app/assets/stylesheets/lib/_config.css.scss */
.t_light:root {
  color-scheme: light;
  --punbbDesaturatedBlue1: #517ca1;
  --punbbDesaturatedBlue2: #dfe6ed;
  --bgVerySubtle: #fefeee;
  /* input bg, deck notes */
  --linkColor: #00579C;
  --fgColor: var(--gray4);
  --fgColorEmphasis: var(--gray1);
  --bgColor: var(--gray14);
  --bgOutsideWrapper: var(--gray13);
  /* blue-grey-er ? #f2f4f7; */
  --subtleBorder: var(--gray13);
  --borderColor: var(--gray11);
  --blueBackground: var(--lightBlueBackground);
  --hoverBackground: var(--lightBlueBackground);
  --inactiveBackground: var(--gray12);
  --shadowColor: #bbb;
  --subtleBlueBorder: #D1DFFC;
  --subtleBlueBackground: #f7Fafc;
  --tableWithControlsOuter: var(--punbbDesaturatedBlue1);
  --tableWithControlsBg: var(--punbbDesaturatedBlue2);
  --checklistHighlight2: #ffeecc;
  /* darker version of 'normal' hilight, for contrast */
  --wishlistCount: #ffffbb;
  --bgWarning: #ffffcc;
  --bgError: #f9e4e3;
  --bgNotice: #cdfcd2;
  --editableHover: var(--bgWarning);
  --blue-dark: #1F537B;
  --section-head-bg: var(--blue-dark);
  --section-head-fg: #ddd;
  --dark-head-bg: #313D47;
  --dark-head-fg: #eee;
  --dark-head-border: #113C5E;
  --grey-3: #333;
  --grey-d: #ddd;
  --grey-f4: #f4f4f4;
  --blue-link-fg: #00579C;
  --red-link-hover: #b42000;
  --border-2: #DDE4EB;
  --border-3: #DFE6ED;
  --border-4: #CBD1D8;
  --bg-1: #fff;
  --bg-2: #F9F9F9;
  --bg-3: #EDF1F5;
  --fg-1: #335577;
  --subhead-fg: var(--grey-3);
  --subhead-bg: var(--grey-f4);
  --subhead-border: var(--border-3) var(--border-3) var(--border-4) var(--border-3);
  --table-bg: #fbfbfb;
  --table-bg-sticky: #F2F4FA;
  --table-border: var(--border-3);
  --table-border-bottom: var(--border-4);
  --prism-1: #EDF1F5;
  --prism-2: #DDE0E4;
  --prism-3: #C6CBD3;
  --prism-4: #BABFC6;
  --prism-unread-1: #2B75AD;
  --prism-unread-2: #235E8C;
  --prism-unread-3: #1F537B;
  --prism-unread-4: #266799;
  --prism-sticky-1: #D7E5F3;
  --prism-sticky-2: #C3CFDC;
  --prism-sticky-3: #9FB3C7;
  --prism-sticky-4: #90A2B4;
  --prism-closed-1: #ACACAC;
  --prism-closed-2: #979797;
  --prism-closed-3: #898989;
  --prism-closed-4: #7A7A7A;
  --prism-redirect: var(--grey-f4);
}

/* line 259, app/assets/stylesheets/lib/_config.css.scss */
.t_dark:root {
  color-scheme: dark;
  --blue1: #111a23;
  --blue2: #2E436E;
  --linkColor: #65a2FF;
  --fgColor: var(--gray12);
  --fgColorEmphasis: var(--gray14);
  --bgColor: var(--gray1);
  --bgOutsideWrapper: var(--gray2);
  --borderColor: var(--gray5);
  --subtleBorder: var(--gray4);
  --subtleBlueBorder: #2E436E;
  --blueBackground: var(--blue2);
  --hoverBackground: var(--blue2);
  --inactiveBackground: var(--gray4);
  --shadowColor: #000;
  --subtleBlueBackground: var(--blue1);
  --bgVerySubtle: var(--subtleBlueBackground);
  /* input bg, deck notes */
  --tableWithControlsOuter: var(--borderColor);
  --tableWithControlsBg: var(--inactiveBackground);
  --checklistHighlight2: var(--blue2);
  --wishlistCount: var(--bgWarning);
  --bgWarning: #34351e;
  --bgError: #341b1e;
  --bgNotice: #1b351e;
  /* --fgOnColorBackground: #d5b673; intellij dark uses this */
  --editableHover: var(--inactiveBackground);
  --blue-dark: #1F537B;
  --section-head-bg: var(--blue-dark);
  --section-head-fg: #ddd;
  --dark-head-bg: #313D47;
  --dark-head-fg: #eee;
  --dark-head-border: #113C5E;
  --grey-3: var(--gray12);
  --grey-d: var(--gray6);
  --grey-f4: var(--gray3);
  --blue-link-fg: var(--linkColor);
  --red-link-hover: #ff6b47;
  --border-2: var(--gray5);
  --border-3: var(--gray4);
  --border-4: var(--gray6);
  --bg-1: var(--gray2);
  --bg-2: var(--gray1);
  --bg-3: var(--gray2);
  --fg-1: var(--gray11);
  --subhead-fg: var(--grey-3);
  --subhead-bg: var(--grey-f4);
  --subhead-border: var(--border-3) var(--border-3) var(--border-4) var(--border-3);
  --table-bg: var(--gray2);
  --table-bg-sticky: var(--gray1);
  --table-border: var(--border-3);
  --table-border-bottom: var(--border-4);
  --prism-1: var(--gray4);
  --prism-2: var(--gray5);
  --prism-3: var(--gray6);
  --prism-4: var(--gray7);
  --prism-unread-1: #4A90E2;
  --prism-unread-2: #357ABD;
  --prism-unread-3: #2E6AA3;
  --prism-unread-4: #3D7BC7;
  --prism-sticky-1: #4E6B8A;
  --prism-sticky-2: #3F5B7A;
  --prism-sticky-3: #2F4B6A;
  --prism-sticky-4: #1F3B5A;
  --prism-closed-1: var(--gray6);
  --prism-closed-2: var(--gray7);
  --prism-closed-3: var(--gray8);
  --prism-closed-4: var(--gray9);
  --prism-redirect: var(--grey-f4);
}

/* line 267, app/assets/stylesheets/lib/_config.css.scss */
.t_light:root img.t_dark,
.t_dark:root img.t_light {
  display: none;
}

@media (prefers-color-scheme: light) {
  /* line 272, app/assets/stylesheets/lib/_config.css.scss */
  :root:not(.t_light):not(.t_dark) {
    color-scheme: light;
    --punbbDesaturatedBlue1: #517ca1;
    --punbbDesaturatedBlue2: #dfe6ed;
    --bgVerySubtle: #fefeee;
    /* input bg, deck notes */
    --linkColor: #00579C;
    --fgColor: var(--gray4);
    --fgColorEmphasis: var(--gray1);
    --bgColor: var(--gray14);
    --bgOutsideWrapper: var(--gray13);
    /* blue-grey-er ? #f2f4f7; */
    --subtleBorder: var(--gray13);
    --borderColor: var(--gray11);
    --blueBackground: var(--lightBlueBackground);
    --hoverBackground: var(--lightBlueBackground);
    --inactiveBackground: var(--gray12);
    --shadowColor: #bbb;
    --subtleBlueBorder: #D1DFFC;
    --subtleBlueBackground: #f7Fafc;
    --tableWithControlsOuter: var(--punbbDesaturatedBlue1);
    --tableWithControlsBg: var(--punbbDesaturatedBlue2);
    --checklistHighlight2: #ffeecc;
    /* darker version of 'normal' hilight, for contrast */
    --wishlistCount: #ffffbb;
    --bgWarning: #ffffcc;
    --bgError: #f9e4e3;
    --bgNotice: #cdfcd2;
    --editableHover: var(--bgWarning);
    --blue-dark: #1F537B;
    --section-head-bg: var(--blue-dark);
    --section-head-fg: #ddd;
    --dark-head-bg: #313D47;
    --dark-head-fg: #eee;
    --dark-head-border: #113C5E;
    --grey-3: #333;
    --grey-d: #ddd;
    --grey-f4: #f4f4f4;
    --blue-link-fg: #00579C;
    --red-link-hover: #b42000;
    --border-2: #DDE4EB;
    --border-3: #DFE6ED;
    --border-4: #CBD1D8;
    --bg-1: #fff;
    --bg-2: #F9F9F9;
    --bg-3: #EDF1F5;
    --fg-1: #335577;
    --subhead-fg: var(--grey-3);
    --subhead-bg: var(--grey-f4);
    --subhead-border: var(--border-3) var(--border-3) var(--border-4) var(--border-3);
    --table-bg: #fbfbfb;
    --table-bg-sticky: #F2F4FA;
    --table-border: var(--border-3);
    --table-border-bottom: var(--border-4);
    --prism-1: #EDF1F5;
    --prism-2: #DDE0E4;
    --prism-3: #C6CBD3;
    --prism-4: #BABFC6;
    --prism-unread-1: #2B75AD;
    --prism-unread-2: #235E8C;
    --prism-unread-3: #1F537B;
    --prism-unread-4: #266799;
    --prism-sticky-1: #D7E5F3;
    --prism-sticky-2: #C3CFDC;
    --prism-sticky-3: #9FB3C7;
    --prism-sticky-4: #90A2B4;
    --prism-closed-1: #ACACAC;
    --prism-closed-2: #979797;
    --prism-closed-3: #898989;
    --prism-closed-4: #7A7A7A;
    --prism-redirect: var(--grey-f4);
  }
  /* line 276, app/assets/stylesheets/lib/_config.css.scss */
  :root:not(.t_light):not(.t_dark) img.t_dark {
    display: none;
  }
}

@media (prefers-color-scheme: dark) {
  /* line 272, app/assets/stylesheets/lib/_config.css.scss */
  :root:not(.t_light):not(.t_dark) {
    color-scheme: dark;
    --blue1: #111a23;
    --blue2: #2E436E;
    --linkColor: #65a2FF;
    --fgColor: var(--gray12);
    --fgColorEmphasis: var(--gray14);
    --bgColor: var(--gray1);
    --bgOutsideWrapper: var(--gray2);
    --borderColor: var(--gray5);
    --subtleBorder: var(--gray4);
    --subtleBlueBorder: #2E436E;
    --blueBackground: var(--blue2);
    --hoverBackground: var(--blue2);
    --inactiveBackground: var(--gray4);
    --shadowColor: #000;
    --subtleBlueBackground: var(--blue1);
    --bgVerySubtle: var(--subtleBlueBackground);
    /* input bg, deck notes */
    --tableWithControlsOuter: var(--borderColor);
    --tableWithControlsBg: var(--inactiveBackground);
    --checklistHighlight2: var(--blue2);
    --wishlistCount: var(--bgWarning);
    --bgWarning: #34351e;
    --bgError: #341b1e;
    --bgNotice: #1b351e;
    /* --fgOnColorBackground: #d5b673; intellij dark uses this */
    --editableHover: var(--inactiveBackground);
    --blue-dark: #1F537B;
    --section-head-bg: var(--blue-dark);
    --section-head-fg: #ddd;
    --dark-head-bg: #313D47;
    --dark-head-fg: #eee;
    --dark-head-border: #113C5E;
    --grey-3: var(--gray12);
    --grey-d: var(--gray6);
    --grey-f4: var(--gray3);
    --blue-link-fg: var(--linkColor);
    --red-link-hover: #ff6b47;
    --border-2: var(--gray5);
    --border-3: var(--gray4);
    --border-4: var(--gray6);
    --bg-1: var(--gray2);
    --bg-2: var(--gray1);
    --bg-3: var(--gray2);
    --fg-1: var(--gray11);
    --subhead-fg: var(--grey-3);
    --subhead-bg: var(--grey-f4);
    --subhead-border: var(--border-3) var(--border-3) var(--border-4) var(--border-3);
    --table-bg: var(--gray2);
    --table-bg-sticky: var(--gray1);
    --table-border: var(--border-3);
    --table-border-bottom: var(--border-4);
    --prism-1: var(--gray4);
    --prism-2: var(--gray5);
    --prism-3: var(--gray6);
    --prism-4: var(--gray7);
    --prism-unread-1: #4A90E2;
    --prism-unread-2: #357ABD;
    --prism-unread-3: #2E6AA3;
    --prism-unread-4: #3D7BC7;
    --prism-sticky-1: #4E6B8A;
    --prism-sticky-2: #3F5B7A;
    --prism-sticky-3: #2F4B6A;
    --prism-sticky-4: #1F3B5A;
    --prism-closed-1: var(--gray6);
    --prism-closed-2: var(--gray7);
    --prism-closed-3: var(--gray8);
    --prism-closed-4: var(--gray9);
    --prism-redirect: var(--grey-f4);
  }
  /* line 282, app/assets/stylesheets/lib/_config.css.scss */
  :root:not(.t_light):not(.t_dark) img.t_light {
    display: none;
  }
}

/* Border Radius */
/* line 294, app/assets/stylesheets/lib/_config.css.scss */
.blueBkgr {
  background-color: var(--blueBackground);
}

/* line 297, app/assets/stylesheets/lib/_config.css.scss */
.greenBkgr {
  background-color: var(--bgNotice);
}

/* line 300, app/assets/stylesheets/lib/_config.css.scss */
.checklistHi2 {
  background-color: var(--checklistHighlight2);
}

/* line 303, app/assets/stylesheets/lib/_config.css.scss */
.wishlistCount {
  background-color: var(--wishlistCount);
}

/* works on both dark & light */
/* line 308, app/assets/stylesheets/lib/_config.css.scss */
.vibrantEmphasis {
  color: orangered;
}

/* line 19, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.t_light .deckbox_t_tooltip {
  border: 1px solid #517CA1;
  background-color: white;
  color: grey;
}

@media (prefers-color-scheme: light) {
  /* line 20, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
  .deckbox_t_tooltip {
    border: 1px solid #517CA1;
    background-color: white;
    color: grey;
  }
}

/* line 21, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.t_dark .deckbox_t_tooltip {
  border: 1px solid #2E436E;
  background-color: #2B2D30;
  color: grey;
}

@media (prefers-color-scheme: dark) {
  /* line 22, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
  .deckbox_t_tooltip {
    border: 1px solid #2E436E;
    background-color: #2B2D30;
    color: grey;
  }
}

/* line 24, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.t_light .deckbox_i_tooltip {
  border: 1px solid #ccc;
  background-color: #F7F7F7;
}

@media (prefers-color-scheme: light) {
  /* line 25, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
  .deckbox_i_tooltip {
    border: 1px solid #ccc;
    background-color: #F7F7F7;
  }
}

/* line 26, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.t_dark .deckbox_i_tooltip {
  border: 1px solid #4E5157;
  background-color: #2B2D30;
}

@media (prefers-color-scheme: dark) {
  /* line 27, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
  .deckbox_i_tooltip {
    border: 1px solid #4E5157;
    background-color: #2B2D30;
  }
}

/* line 29, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_i_tooltip {
  position: absolute;
  z-index: 1000;
  padding: 10px;
}

/* line 35, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_i_tooltip img {
  max-height: 310px !important;
  max-width: 310px !important;
  border-radius: 4.75% / 3.5%;
}

/* line 41, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_t_tooltip {
  position: absolute;
  z-index: 200;
  padding: 3px 4px;
  font-size: 12px;
  overflow: hidden;
}

/* line 48, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_t_tooltip.text {
  border-radius: 3px;
  font-style: italic;
  color: grey;
  width: max-content;
  max-width: 300px;
}

/* line 56, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .inline_block {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
}

/* line 61, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip {
  position: absolute;
  z-index: 65000;
  color: white;
  font-family: Verdana,sans-serif;
}

/* line 68, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip table {
  border: 0 none !important;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}

/* line 75, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip tr {
  background: transparent none repeat scroll 0 0 !important;
  border: 0 none !important;
}

/* line 80, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip td {
  padding: 8px 4px 1px 9px;
  text-align: left;
}

/* line 85, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip th {
  height: auto;
  padding: 3px;
  text-align: right;
  white-space: nowrap;
}

/* line 92, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip td, .deckbox_tooltip th {
  background: transparent url(http://localhost:3002/images/deckbox_tooltip.png) repeat scroll 0 0;
  color: white;
  font-family: Verdana,sans-serif;
  font-size: 12px;
  line-height: 17px;
}

/* line 100, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip td td, .deckbox_tooltip td th {
  background: transparent none repeat scroll 0 0;
  padding: 3px;
  vertical-align: middle;
}

/* line 106, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip td th {
  padding-left: 30px;
}

/* line 111, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip b {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}

/* line 117, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .rules {
  color: #E5CC80;
}

/* line 119, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip b.title {
  color: #0070DD;
}

/* line 121, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_C {
  color: #fff;
}

/* line 122, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_R {
  color: #0070DD;
}

/* line 123, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_U {
  color: #1Eff00;
}

/* line 124, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_E {
  color: #A335EE;
}

/* line 125, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_L {
  color: #FF8000;
}

/* line 127, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_icon {
  width: 27px;
  height: 27px;
}

/* line 131, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_class_icon {
  width: 20px;
  height: 20px;
}

/* line 136, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_arrow {
  width: 14px;
  height: 14px;
  background: transparent url(http://localhost:3002/images/wow/arrow_inv.gif) no-repeat scroll 0 2px !important;
}

/* line 141, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_edition {
  color: var(--borderColor);
}

/* line 145, app/assets/stylesheets/external/deckbox_tooltip.scss.erb */
.deckbox_tooltip .wow_exhaust {
  width: 15px;
  height: 15px;
  background: transparent url(http://localhost:3002/images/wow/exhaust.gif) no-repeat scroll 0 0;
}

/* line 2, app/assets/stylesheets/src/dialog.scss.erb */
.modal_open {
  overflow: hidden;
}

/* line 6, app/assets/stylesheets/src/dialog.scss.erb */
#modalBackground {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  outline: 0;
  overflow: auto;
  z-index: 9;
  background-color: transparent;
  display: none;
}

/* line 20, app/assets/stylesheets/src/dialog.scss.erb */
#modalBackdrop {
  opacity: 0.50;
  z-index: 8;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
}

/* line 31, app/assets/stylesheets/src/dialog.scss.erb */
#modalWindow {
  position: relative;
  margin: 1.75rem auto;
  z-index: 10;
  background-color: var(--bgColor);
  display: none;
  padding: 15px;
  width: auto;
  overflow: auto;
  border: 1px solid var(--borderColor);
  box-shadow: var(--shadowColor) 0 1px 5px;
  border-radius: 5px;
  opacity: 1;
}

/* line 50, app/assets/stylesheets/src/dialog.scss.erb */
#modalWindow h3 {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ebebeb;
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 20px;
}

/* line 58, app/assets/stylesheets/src/dialog.scss.erb */
#modalWindow .section_header {
  margin-top: 0;
}

/* line 61, app/assets/stylesheets/src/dialog.scss.erb */
#modalWindow .section_title {
  padding-top: 0;
}

/* line 1, app/assets/stylesheets/src/sprites.scss.erb */
.sprite {
  background-image: url(/assets/icons/icons_sprite-2addd84cc85fd346bb1b4e2ddee1d00a798b32d117d7eb00e3aadc27ff0732f0.png);
  vertical-align: middle;
  margin-right: 5px;
  border: 0;
}

/* line 7, app/assets/stylesheets/src/sprites.scss.erb */
.sprite_off {
  opacity: 0.25;
}

/* line 10, app/assets/stylesheets/src/sprites.scss.erb */
.s_add {
  background-position: 0 0;
}

/* line 11, app/assets/stylesheets/src/sprites.scss.erb */
.s_add_friend {
  background-position: 0 -17px;
}

/* line 12, app/assets/stylesheets/src/sprites.scss.erb */
.s_apply {
  background-position: 0 -34px;
}

/* line 13, app/assets/stylesheets/src/sprites.scss.erb */
.s_arrow_down {
  background-position: 0 -51px;
}

/* line 14, app/assets/stylesheets/src/sprites.scss.erb */
.s_arrow_undo {
  background-position: 0 -68px;
}

/* line 15, app/assets/stylesheets/src/sprites.scss.erb */
.s_arrow_up {
  background-position: 0 -85px;
}

/* line 16, app/assets/stylesheets/src/sprites.scss.erb */
.s_cancel {
  background-position: 0 -102px;
}

/* line 17, app/assets/stylesheets/src/sprites.scss.erb */
.s_chart_bar {
  background-position: 0 -119px;
}

/* line 18, app/assets/stylesheets/src/sprites.scss.erb */
.s_controls {
  background-position: 0 -136px;
}

/* line 19, app/assets/stylesheets/src/sprites.scss.erb */
.s_copy {
  background-position: 0 -153px;
}

/* line 20, app/assets/stylesheets/src/sprites.scss.erb */
.s_deck {
  background-position: 0 -170px;
}

/* line 21, app/assets/stylesheets/src/sprites.scss.erb */
.s_delete {
  background-position: 0 -187px;
}

/* line 22, app/assets/stylesheets/src/sprites.scss.erb */
.s_edit {
  background-position: 0 -204px;
}

/* line 23, app/assets/stylesheets/src/sprites.scss.erb */
.s_email {
  background-position: 0 -221px;
}

/* line 24, app/assets/stylesheets/src/sprites.scss.erb */
.s_exclamation {
  background-position: 0 -238px;
}

/* line 25, app/assets/stylesheets/src/sprites.scss.erb */
.s_folder {
  background-position: 0 -255px;
}

/* line 26, app/assets/stylesheets/src/sprites.scss.erb */
.s_friends {
  background-position: 0 -272px;
}

/* line 27, app/assets/stylesheets/src/sprites.scss.erb */
.s_key {
  background-position: 0 -289px;
}

/* line 28, app/assets/stylesheets/src/sprites.scss.erb */
.s_mtg {
  background-position: 0 -306px;
}

/* line 29, app/assets/stylesheets/src/sprites.scss.erb */
.s_newspaper {
  background-position: 0 -323px;
}

/* line 30, app/assets/stylesheets/src/sprites.scss.erb */
.s_picture {
  background-position: 0 -340px;
}

/* line 31, app/assets/stylesheets/src/sprites.scss.erb */
.s_question {
  background-position: 0 -357px;
}

/* line 32, app/assets/stylesheets/src/sprites.scss.erb */
.s_refresh {
  background-position: 0 -374px;
}

/* line 33, app/assets/stylesheets/src/sprites.scss.erb */
.s_reload {
  background-position: 0 -391px;
}

/* line 34, app/assets/stylesheets/src/sprites.scss.erb */
.s_remove {
  background-position: 0 -408px;
}

/* line 35, app/assets/stylesheets/src/sprites.scss.erb */
.s_minus {
  background-position: 0 -408px;
}

/* line 36, app/assets/stylesheets/src/sprites.scss.erb */
.s_rename {
  background-position: 0 -425px;
}

/* line 37, app/assets/stylesheets/src/sprites.scss.erb */
.s_save {
  background-position: 0 -442px;
}

/* line 38, app/assets/stylesheets/src/sprites.scss.erb */
.s_star {
  background-position: 0 -459px;
}

/* line 39, app/assets/stylesheets/src/sprites.scss.erb */
.s_table {
  background-position: 0 -476px;
}

/* line 40, app/assets/stylesheets/src/sprites.scss.erb */
.s_trade {
  background-position: 0 -493px;
}

/* line 41, app/assets/stylesheets/src/sprites.scss.erb */
.s_user {
  background-position: 0 -510px;
}

/* line 42, app/assets/stylesheets/src/sprites.scss.erb */
.s_wow {
  background-position: 0 -527px;
}

/* line 43, app/assets/stylesheets/src/sprites.scss.erb */
.s_zoom {
  background-position: 0 -544px;
}

/* line 44, app/assets/stylesheets/src/sprites.scss.erb */
.s_zoom_in {
  background-position: 0 -561px;
}

/* line 45, app/assets/stylesheets/src/sprites.scss.erb */
.s_time {
  background-position: 0 -577px;
}

/* line 46, app/assets/stylesheets/src/sprites.scss.erb */
.s_switch {
  background-position: 0 -594px;
}

/* line 47, app/assets/stylesheets/src/sprites.scss.erb */
.s_info {
  background-position: 0 -611px;
}

/* line 48, app/assets/stylesheets/src/sprites.scss.erb */
.s_online {
  background-position: 0 -628px;
}

/* line 49, app/assets/stylesheets/src/sprites.scss.erb */
.s_offline {
  background-position: 0 -645px;
}

/* line 50, app/assets/stylesheets/src/sprites.scss.erb */
.s_warning {
  background-position: 0 -662px;
}

/* line 51, app/assets/stylesheets/src/sprites.scss.erb */
.s_comment {
  background-position: 0 -679px;
}

/* line 52, app/assets/stylesheets/src/sprites.scss.erb */
.s_box_picture {
  background-position: 0 -696px;
}

/* line 53, app/assets/stylesheets/src/sprites.scss.erb */
.s_folder_add {
  background-position: 0 -713px;
}

/* line 54, app/assets/stylesheets/src/sprites.scss.erb */
.s_deck_add {
  background-position: 0 -730px;
}

/* line 55, app/assets/stylesheets/src/sprites.scss.erb */
.s_dollar {
  background-position: 0 -747px;
}

/* line 56, app/assets/stylesheets/src/sprites.scss.erb */
.s_whi {
  background-position: 0 -764px;
}

/* line 57, app/assets/stylesheets/src/sprites.scss.erb */
.s_shield {
  background-position: 0 -781px;
}

/* line 58, app/assets/stylesheets/src/sprites.scss.erb */
.s_smile {
  background-position: 0 -797px;
}

/* line 59, app/assets/stylesheets/src/sprites.scss.erb */
.s_colors {
  background-position: 0 -814px;
}

/* line 60, app/assets/stylesheets/src/sprites.scss.erb */
.s_square {
  background-position: 0 -830px;
}

/* line 61, app/assets/stylesheets/src/sprites.scss.erb */
.s_calendar {
  background-position: 0 -845px;
}

/* line 62, app/assets/stylesheets/src/sprites.scss.erb */
.s_calendar_add {
  background-position: 0 -860px;
}

/* line 63, app/assets/stylesheets/src/sprites.scss.erb */
.s_back {
  background-position: 0 -876px;
}

/* line 64, app/assets/stylesheets/src/sprites.scss.erb */
.s_forward {
  background-position: 0 -892px;
}

/* line 65, app/assets/stylesheets/src/sprites.scss.erb */
.s_door_in {
  background-position: 0 -908px;
}

/* line 66, app/assets/stylesheets/src/sprites.scss.erb */
.s_door_out {
  background-position: 0 -925px;
}

/* line 67, app/assets/stylesheets/src/sprites.scss.erb */
.s_group_add {
  background-position: 0 -942px;
}

/* line 68, app/assets/stylesheets/src/sprites.scss.erb */
.s_group_edit {
  background-position: 0 -959px;
}

/* line 69, app/assets/stylesheets/src/sprites.scss.erb */
.s_group {
  background-position: 0 -976px;
}

/* line 70, app/assets/stylesheets/src/sprites.scss.erb */
.s_question_yellow {
  background-position: 0 -993px;
}

/* line 71, app/assets/stylesheets/src/sprites.scss.erb */
.s_script {
  background-position: 0 -1010px;
}

/* line 72, app/assets/stylesheets/src/sprites.scss.erb */
.s_user_add {
  background-position: 0 -1026px;
}

/* line 73, app/assets/stylesheets/src/sprites.scss.erb */
.s_world {
  background-position: 0 -1042px;
}

/* line 74, app/assets/stylesheets/src/sprites.scss.erb */
.s_chart_bar_edit {
  background-position: 0 -1059px;
}

/* line 75, app/assets/stylesheets/src/sprites.scss.erb */
.s_medal_1 {
  background-position: 0 -1078px;
}

/* line 76, app/assets/stylesheets/src/sprites.scss.erb */
.s_medal_2 {
  background-position: 0 -1098px;
}

/* line 77, app/assets/stylesheets/src/sprites.scss.erb */
.s_medal_3 {
  background-position: 0 -1117px;
}

/* line 78, app/assets/stylesheets/src/sprites.scss.erb */
.s_cart_add {
  background-position: 0 -1134px;
}

/* line 79, app/assets/stylesheets/src/sprites.scss.erb */
.s_fforward {
  background-position: 0 -1170px;
}

/* line 80, app/assets/stylesheets/src/sprites.scss.erb */
.s_rewind {
  background-position: 0 -1153px;
}

/* line 81, app/assets/stylesheets/src/sprites.scss.erb */
.s_reply {
  background-position: 0 -1187px;
}

/* line 82, app/assets/stylesheets/src/sprites.scss.erb */
.s_link {
  background-position: 0 -1200px;
}

/* line 83, app/assets/stylesheets/src/sprites.scss.erb */
.s_lock {
  background-position: 0 -1214px;
}

/* line 84, app/assets/stylesheets/src/sprites.scss.erb */
.s_cog {
  background-position: 0 -1231px;
}

/* line 85, app/assets/stylesheets/src/sprites.scss.erb */
.s_arrow_right {
  background-position: 0 -1247px;
}

/* line 86, app/assets/stylesheets/src/sprites.scss.erb */
.s_hourglass {
  background-position: 0 -1264px;
}

/* line 87, app/assets/stylesheets/src/sprites.scss.erb */
.s_pencil {
  background-position: 0 -1280px;
}

/* line 88, app/assets/stylesheets/src/sprites.scss.erb */
.s_house {
  background-position: 0 -1296px;
}

/* line 89, app/assets/stylesheets/src/sprites.scss.erb */
.s_lorry {
  background-position: 0 -1312px;
}

/* line 90, app/assets/stylesheets/src/sprites.scss.erb */
.s_package {
  background-position: 0 -1329px;
}

/* line 91, app/assets/stylesheets/src/sprites.scss.erb */
.s_star1 {
  background-position: 0 -1345px;
}

/* line 92, app/assets/stylesheets/src/sprites.scss.erb */
.s_star2 {
  background-position: 0 -1361px;
}

/* line 93, app/assets/stylesheets/src/sprites.scss.erb */
.s_star3 {
  background-position: 0 -1377px;
}

/* line 94, app/assets/stylesheets/src/sprites.scss.erb */
.s_star4 {
  background-position: 0 -1393px;
}

/* line 95, app/assets/stylesheets/src/sprites.scss.erb */
.s_star5 {
  background-position: 0 -1409px;
}

/* line 96, app/assets/stylesheets/src/sprites.scss.erb */
.s_star6 {
  background-position: 0 -1425px;
}

/* line 97, app/assets/stylesheets/src/sprites.scss.erb */
.s_dropdown {
  background-position: 0 -1441px;
}

/* line 98, app/assets/stylesheets/src/sprites.scss.erb */
.s_letter {
  background-position: 0 -1456px;
}

/* line 99, app/assets/stylesheets/src/sprites.scss.erb */
.s_rosette {
  background-position: 0 -1473px;
}

/* line 100, app/assets/stylesheets/src/sprites.scss.erb */
.s_lightbulb {
  background-position: 0 -1490px;
}

/* line 101, app/assets/stylesheets/src/sprites.scss.erb */
.s_split {
  background-position: 0 -1507px;
}

/* line 102, app/assets/stylesheets/src/sprites.scss.erb */
.s_link_break {
  background-position: 0 -1523px;
}

/* line 103, app/assets/stylesheets/src/sprites.scss.erb */
.s_flag_red {
  background-position: 0 -1540px;
}

/* line 104, app/assets/stylesheets/src/sprites.scss.erb */
.s_cart {
  background-position: 0 -1556px;
}

/* line 105, app/assets/stylesheets/src/sprites.scss.erb */
.s_up {
  background-position: 0 -1572px;
}

/* line 106, app/assets/stylesheets/src/sprites.scss.erb */
.s_down {
  background-position: 0 -1584px;
}

/* line 107, app/assets/stylesheets/src/sprites.scss.erb */
.s_new {
  background-position: 0 -1597px;
}

/* line 108, app/assets/stylesheets/src/sprites.scss.erb */
.s_book {
  background-position: 0 -1614px;
}

/* line 109, app/assets/stylesheets/src/sprites.scss.erb */
.s_gold {
  background-position: 0 -1632px;
}

/* line 110, app/assets/stylesheets/src/sprites.scss.erb */
.s_note {
  background-position: 0 -1649px;
}

/* line 111, app/assets/stylesheets/src/sprites.scss.erb */
.s_attachment {
  background-position: 0 -1585px;
}

/* line 112, app/assets/stylesheets/src/sprites.scss.erb */
.s_cake {
  background-position: 0 -1585px;
}

/* line 113, app/assets/stylesheets/src/sprites.scss.erb */
.s_car {
  background-position: 0 -1585px;
}

/* line 114, app/assets/stylesheets/src/sprites.scss.erb */
.s_graph {
  background-position: 0 -1716px;
}

/* line 115, app/assets/stylesheets/src/sprites.scss.erb */
.s_clock_blue {
  background-position: 0 -1735px;
}

/* line 116, app/assets/stylesheets/src/sprites.scss.erb */
.s_clock_red {
  background-position: 0 -1754px;
}

/* line 117, app/assets/stylesheets/src/sprites.scss.erb */
.s_gold_add {
  background-position: 0 -1585px;
}

/* line 118, app/assets/stylesheets/src/sprites.scss.erb */
.s_picture_simple {
  background-position: 0 -1790px;
}

/* line 119, app/assets/stylesheets/src/sprites.scss.erb */
.s_pictures_simple {
  background-position: 0 -1809px;
}

/* line 120, app/assets/stylesheets/src/sprites.scss.erb */
.s_binoculars {
  background-position: 0 -1826px;
}

/* line 121, app/assets/stylesheets/src/sprites.scss.erb */
.s_page_white_picture {
  background-position: 0 -1840px;
}

/* line 122, app/assets/stylesheets/src/sprites.scss.erb */
.s_search {
  background-position: 0 -1856px;
}

/* line 123, app/assets/stylesheets/src/sprites.scss.erb */
.s_palette {
  background-position: 0 -1874px;
}

/* line 124, app/assets/stylesheets/src/sprites.scss.erb */
.s_printer_error {
  background-position: 0 -1893px;
}

/* line 125, app/assets/stylesheets/src/sprites.scss.erb */
.s_brick {
  background-position: 0 -1911px;
}

/* line 126, app/assets/stylesheets/src/sprites.scss.erb */
.s_private_note {
  background-position: 0 -1928px;
}

/* line 127, app/assets/stylesheets/src/sprites.scss.erb */
.s_table_double {
  background-position: 0 -1946px;
}

/* line 128, app/assets/stylesheets/src/sprites.scss.erb */
.s_flag_yellow {
  background-position: 0 -1961px;
}

/* line 129, app/assets/stylesheets/src/sprites.scss.erb */
.s_tag_add {
  background-position: 0 -1970px;
}

/* line 130, app/assets/stylesheets/src/sprites.scss.erb */
.s_tag_delete {
  background-position: 0 -1970px;
}

/* line 131, app/assets/stylesheets/src/sprites.scss.erb */
.s_tag_edit {
  background-position: 0 -1970px;
}

/* line 132, app/assets/stylesheets/src/sprites.scss.erb */
.s_tag {
  background-position: 0 -2028px;
}

/* line 133, app/assets/stylesheets/src/sprites.scss.erb */
.s_image_edit {
  background-position: 0 -2045px;
}

/* line 135, app/assets/stylesheets/src/sprites.scss.erb */
.section_title .sprite {
  margin-bottom: 4px;
}

/* line 140, app/assets/stylesheets/src/sprites.scss.erb */
.sprite50 {
  background-image: url(/assets/icons/sprite50-8dd11e991fed5ffd7a137022edc806f0de70c2a99c4e5a956478f12bb30f1c9b.png);
  background-size: 25px 400px;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 0;
  vertical-align: middle;
}

/* line 150, app/assets/stylesheets/src/sprites.scss.erb */
.sprite50.short {
  height: 18px;
}

/* line 154, app/assets/stylesheets/src/sprites.scss.erb */
.s50_menu {
  background-position: 0 0;
}

/* line 155, app/assets/stylesheets/src/sprites.scss.erb */
.s50_search {
  background-position: 0 -25px;
}

/* Not high enough in the sprite, need to crop a bit. */
/* line 157, app/assets/stylesheets/src/sprites.scss.erb */
.s50_folder {
  background-position: 0 -50px;
  height: 23px;
}

/* line 158, app/assets/stylesheets/src/sprites.scss.erb */
.s50_back {
  background-position: 0 -71px;
}

/* line 159, app/assets/stylesheets/src/sprites.scss.erb */
.s50_edit {
  background-position: 0 -99px;
}

/* line 160, app/assets/stylesheets/src/sprites.scss.erb */
.s50_plus {
  background-position: 0 -126px;
}

/* line 161, app/assets/stylesheets/src/sprites.scss.erb */
.s50_minus {
  background-position: 0 -153px;
}

/* line 162, app/assets/stylesheets/src/sprites.scss.erb */
.s50_expand {
  background-position: 0 -180px;
}

/* line 163, app/assets/stylesheets/src/sprites.scss.erb */
.s50_collapse {
  background-position: 0 -203px;
}

/* line 164, app/assets/stylesheets/src/sprites.scss.erb */
.s50_visa {
  background-position: 0 -228px;
}

/* line 165, app/assets/stylesheets/src/sprites.scss.erb */
.s50_pp {
  background-position: 0 -248px;
}

/* line 166, app/assets/stylesheets/src/sprites.scss.erb */
.s50_mc {
  background-position: 0 -266px;
}

/* line 167, app/assets/stylesheets/src/sprites.scss.erb */
.s50_btc {
  background-position: 0 -286px;
}

/* line 168, app/assets/stylesheets/src/sprites.scss.erb */
.s50_camera {
  background-position: 0 -307px;
}

/* line 172, app/assets/stylesheets/src/sprites.scss.erb */
.icon_16x2 {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}

/* line 179, app/assets/stylesheets/src/sprites.scss.erb */
.wow_arrow {
  width: 14px;
  height: 14px;
  background: transparent url(http://localhost:3002/images/wow/arrow.gif) no-repeat scroll 0 2px;
}

/* line 184, app/assets/stylesheets/src/sprites.scss.erb */
.wow_exhaust {
  width: 15px;
  height: 15px;
  background: transparent url(http://localhost:3002/images/wow/exhaust.gif) no-repeat scroll 0 0;
}

/* line 189, app/assets/stylesheets/src/sprites.scss.erb */
.mtg_mana {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

/* line 195, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class {
  background-image: url(/assets/icons/wow_classes_sprite-ecbb707b6a40705e5944b0990a8f5510d1558959c3a0cab66d728b8fea009afb.png);
}

/* line 196, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_dark_knight {
  background-position: left 0;
}

/* line 197, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_druid {
  background-position: left -16px;
}

/* line 198, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_hunter {
  background-position: left -32px;
}

/* line 199, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_mage {
  background-position: left -48px;
}

/* line 200, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_paladin {
  background-position: left -64px;
}

/* line 201, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_priest {
  background-position: left -80px;
}

/* line 202, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_rogue {
  background-position: left -96px;
}

/* line 203, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_shaman {
  background-position: left -112px;
}

/* line 204, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_warlock {
  background-position: left -128px;
}

/* line 205, app/assets/stylesheets/src/sprites.scss.erb */
.wow_class_warrior {
  background-position: left -144px;
}

/* line 207, app/assets/stylesheets/src/sprites.scss.erb */
.flag {
  width: 16px;
  height: 11px;
  margin-right: 5px;
  background: url(/assets/icons/flags_sprite-ae997af5de866ea22642ed5d5fc0fde67a55d5934cddbb292941e7ad590102b6.png) no-repeat;
  vertical-align: middle;
}

/* line 214, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ad {
  background-position: -16px 0;
}

/* line 215, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ae {
  background-position: -32px 0;
}

/* line 216, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-af {
  background-position: -48px 0;
}

/* line 217, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ag {
  background-position: -64px 0;
}

/* line 218, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ai {
  background-position: -80px 0;
}

/* line 219, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-al {
  background-position: -96px 0;
}

/* line 220, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-am {
  background-position: -112px 0;
}

/* line 221, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-an {
  background-position: -128px 0;
}

/* line 222, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ao {
  background-position: -144px 0;
}

/* line 223, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ar {
  background-position: -160px 0;
}

/* line 224, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-as {
  background-position: -176px 0;
}

/* line 225, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-at {
  background-position: -192px 0;
}

/* line 226, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-au {
  background-position: -208px 0;
}

/* line 227, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-aw {
  background-position: -224px 0;
}

/* line 228, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-az {
  background-position: -240px 0;
}

/* line 229, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ba {
  background-position: 0 -11px;
}

/* line 230, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bb {
  background-position: -16px -11px;
}

/* line 231, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bd {
  background-position: -32px -11px;
}

/* line 232, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-be {
  background-position: -48px -11px;
}

/* line 233, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bf {
  background-position: -64px -11px;
}

/* line 234, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bg {
  background-position: -80px -11px;
}

/* line 235, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bh {
  background-position: -96px -11px;
}

/* line 236, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bi {
  background-position: -112px -11px;
}

/* line 237, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bj {
  background-position: -128px -11px;
}

/* line 238, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bm {
  background-position: -144px -11px;
}

/* line 239, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bn {
  background-position: -160px -11px;
}

/* line 240, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bo {
  background-position: -176px -11px;
}

/* line 241, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-br {
  background-position: -192px -11px;
}

/* line 242, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bs {
  background-position: -208px -11px;
}

/* line 243, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bt {
  background-position: -224px -11px;
}

/* line 244, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bv {
  background-position: -240px -11px;
}

/* line 245, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bw {
  background-position: 0 -22px;
}

/* line 246, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-by {
  background-position: -16px -22px;
}

/* line 247, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-bz {
  background-position: -32px -22px;
}

/* line 248, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ca {
  background-position: -48px -22px;
}

/* line 249, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-catalonia {
  background-position: -64px -22px;
}

/* line 250, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cd {
  background-position: -80px -22px;
}

/* line 251, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cf {
  background-position: -96px -22px;
}

/* line 252, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cg {
  background-position: -112px -22px;
}

/* line 253, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ch {
  background-position: -128px -22px;
}

/* line 254, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ci {
  background-position: -144px -22px;
}

/* line 255, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ck {
  background-position: -160px -22px;
}

/* line 256, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cl {
  background-position: -176px -22px;
}

/* line 257, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cm {
  background-position: -192px -22px;
}

/* line 258, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cn {
  background-position: -208px -22px;
}

/* line 259, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-co {
  background-position: -224px -22px;
}

/* line 260, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cr {
  background-position: -240px -22px;
}

/* line 261, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cu {
  background-position: 0 -33px;
}

/* line 262, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cv {
  background-position: -16px -33px;
}

/* line 263, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cy {
  background-position: -32px -33px;
}

/* line 264, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-cz {
  background-position: -48px -33px;
}

/* line 265, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-de {
  background-position: -64px -33px;
}

/* line 266, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-dj {
  background-position: -80px -33px;
}

/* line 267, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-dk {
  background-position: -96px -33px;
}

/* line 268, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-dm {
  background-position: -112px -33px;
}

/* line 269, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-do {
  background-position: -128px -33px;
}

/* line 270, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-dz {
  background-position: -144px -33px;
}

/* line 271, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ec {
  background-position: -160px -33px;
}

/* line 272, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ee {
  background-position: -176px -33px;
}

/* line 273, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-eg {
  background-position: -192px -33px;
}

/* line 274, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-eh {
  background-position: -208px -33px;
}

/* line 275, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-england {
  background-position: -224px -33px;
}

/* Alias for gb */
/* line 277, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-en {
  background-position: -160px -44px;
}

/* line 278, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-er {
  background-position: -240px -33px;
}

/* line 279, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-es {
  background-position: 0 -44px;
}

/* line 280, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-et {
  background-position: -16px -44px;
}

/* line 281, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-eu {
  background-position: -32px -44px;
}

/* line 282, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-fi {
  background-position: -48px -44px;
}

/* line 283, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-fj {
  background-position: -64px -44px;
}

/* line 284, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-fk {
  background-position: -80px -44px;
}

/* line 285, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-fm {
  background-position: -96px -44px;
}

/* line 286, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-fo {
  background-position: -112px -44px;
}

/* line 287, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-fr {
  background-position: -128px -44px;
}

/* line 288, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ga {
  background-position: -144px -44px;
}

/* line 289, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gb {
  background-position: -160px -44px;
}

/* line 290, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gd {
  background-position: -176px -44px;
}

/* line 291, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ge {
  background-position: -192px -44px;
}

/* line 292, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gf {
  background-position: -208px -44px;
}

/* line 293, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gg {
  background-position: -224px -44px;
}

/* line 294, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gh {
  background-position: -240px -44px;
}

/* line 295, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gi {
  background-position: 0 -55px;
}

/* line 296, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gl {
  background-position: -16px -55px;
}

/* line 297, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gm {
  background-position: -32px -55px;
}

/* line 298, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gn {
  background-position: -48px -55px;
}

/* line 299, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gp {
  background-position: -64px -55px;
}

/* line 300, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gq {
  background-position: -80px -55px;
}

/* line 301, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gr {
  background-position: -96px -55px;
}

/* line 302, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gs {
  background-position: -112px -55px;
}

/* line 303, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gt {
  background-position: -128px -55px;
}

/* line 304, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gu {
  background-position: -144px -55px;
}

/* line 305, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gw {
  background-position: -160px -55px;
}

/* line 306, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-gy {
  background-position: -176px -55px;
}

/* line 307, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-hk {
  background-position: -192px -55px;
}

/* line 308, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-hm {
  background-position: -208px -55px;
}

/* line 309, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-hn {
  background-position: -224px -55px;
}

/* line 310, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-hr {
  background-position: -240px -55px;
}

/* line 311, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ht {
  background-position: 0 -66px;
}

/* line 312, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-hu {
  background-position: -16px -66px;
}

/* line 313, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-id {
  background-position: -32px -66px;
}

/* line 314, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ie {
  background-position: -48px -66px;
}

/* line 315, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-il {
  background-position: -64px -66px;
}

/* line 316, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-im {
  background-position: -80px -66px;
}

/* line 317, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-in {
  background-position: -96px -66px;
}

/* line 318, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-io {
  background-position: -112px -66px;
}

/* line 319, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-iq {
  background-position: -128px -66px;
}

/* line 320, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ir {
  background-position: -144px -66px;
}

/* line 321, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-is {
  background-position: -160px -66px;
}

/* line 322, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-it {
  background-position: -176px -66px;
}

/* line 323, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-je {
  background-position: -192px -66px;
}

/* line 324, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-jm {
  background-position: -208px -66px;
}

/* line 325, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-jo {
  background-position: -224px -66px;
}

/* line 326, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-jp {
  background-position: -240px -66px;
}

/* line 327, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ke {
  background-position: 0 -77px;
}

/* line 328, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-kg {
  background-position: -16px -77px;
}

/* line 329, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-kh {
  background-position: -32px -77px;
}

/* line 330, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ki {
  background-position: -48px -77px;
}

/* line 331, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-km {
  background-position: -64px -77px;
}

/* line 332, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-kn {
  background-position: -80px -77px;
}

/* line 333, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-kp {
  background-position: -96px -77px;
}

/* line 334, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-kr {
  background-position: -112px -77px;
}

/* line 335, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-kw {
  background-position: -128px -77px;
}

/* line 336, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ky {
  background-position: -144px -77px;
}

/* line 337, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-kz {
  background-position: -160px -77px;
}

/* line 338, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-la {
  background-position: -176px -77px;
}

/* line 339, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-lb {
  background-position: -192px -77px;
}

/* line 340, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-lc {
  background-position: -208px -77px;
}

/* line 341, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-li {
  background-position: -224px -77px;
}

/* line 342, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-lk {
  background-position: -240px -77px;
}

/* line 343, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-lr {
  background-position: 0 -88px;
}

/* line 344, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ls {
  background-position: -16px -88px;
}

/* line 345, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-lt {
  background-position: -32px -88px;
}

/* line 346, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-lu {
  background-position: -48px -88px;
}

/* line 347, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-lv {
  background-position: -64px -88px;
}

/* line 348, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ly {
  background-position: -80px -88px;
}

/* line 349, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ma {
  background-position: -96px -88px;
}

/* line 350, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mc {
  background-position: -112px -88px;
}

/* line 351, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-md {
  background-position: -128px -88px;
}

/* line 352, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-me {
  background-position: -144px -88px;
}

/* line 353, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mg {
  background-position: -160px -88px;
}

/* line 354, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mh {
  background-position: -176px -88px;
}

/* line 355, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mk {
  background-position: -192px -88px;
}

/* line 356, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ml {
  background-position: -208px -88px;
}

/* line 357, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mm {
  background-position: -224px -88px;
}

/* line 358, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mn {
  background-position: -240px -88px;
}

/* line 359, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mo {
  background-position: 0 -99px;
}

/* line 360, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mp {
  background-position: -16px -99px;
}

/* line 361, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mq {
  background-position: -32px -99px;
}

/* line 362, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mr {
  background-position: -48px -99px;
}

/* line 363, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ms {
  background-position: -64px -99px;
}

/* line 364, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mt {
  background-position: -80px -99px;
}

/* line 365, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mu {
  background-position: -96px -99px;
}

/* line 366, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mv {
  background-position: -112px -99px;
}

/* line 367, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mw {
  background-position: -128px -99px;
}

/* line 368, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mx {
  background-position: -144px -99px;
}

/* line 369, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-my {
  background-position: -160px -99px;
}

/* line 370, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-mz {
  background-position: -176px -99px;
}

/* line 371, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-na {
  background-position: -192px -99px;
}

/* line 372, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-nc {
  background-position: -208px -99px;
}

/* line 373, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ne {
  background-position: -224px -99px;
}

/* line 374, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-nf {
  background-position: -240px -99px;
}

/* line 375, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ng {
  background-position: 0 -110px;
}

/* line 376, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ni {
  background-position: -16px -110px;
}

/* line 377, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-nl {
  background-position: -32px -110px;
}

/* line 378, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-no {
  background-position: -48px -110px;
}

/* line 379, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-np {
  background-position: -64px -110px;
}

/* line 380, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-nr {
  background-position: -80px -110px;
}

/* line 381, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-nu {
  background-position: -96px -110px;
}

/* line 382, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-nz {
  background-position: -112px -110px;
}

/* line 383, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-om {
  background-position: -128px -110px;
}

/* line 384, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pa {
  background-position: -144px -110px;
}

/* line 385, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pe {
  background-position: -160px -110px;
}

/* line 386, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pf {
  background-position: -176px -110px;
}

/* line 387, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pg {
  background-position: -192px -110px;
}

/* line 388, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ph {
  background-position: -208px -110px;
}

/* line 389, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pk {
  background-position: -224px -110px;
}

/* line 390, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pl {
  background-position: -240px -110px;
}

/* line 391, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pm {
  background-position: 0 -121px;
}

/* line 392, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pn {
  background-position: -16px -121px;
}

/* line 393, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pr {
  background-position: -32px -121px;
}

/* line 394, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ps {
  background-position: -48px -121px;
}

/* line 395, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pt {
  background-position: -64px -121px;
}

/* line 396, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-pw {
  background-position: -80px -121px;
}

/* line 397, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-py {
  background-position: -96px -121px;
}

/* line 398, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-qa {
  background-position: -112px -121px;
}

/* line 399, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-re {
  background-position: -128px -121px;
}

/* line 400, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ro {
  background-position: -144px -121px;
}

/* line 401, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-rs {
  background-position: -160px -121px;
}

/* line 402, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ru {
  background-position: -176px -121px;
}

/* line 403, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-rw {
  background-position: -192px -121px;
}

/* line 404, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sa {
  background-position: -208px -121px;
}

/* line 405, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sb {
  background-position: -224px -121px;
}

/* line 406, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sc {
  background-position: -240px -121px;
}

/* line 407, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-scotland {
  background-position: 0 -132px;
}

/* line 408, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sd {
  background-position: -16px -132px;
}

/* line 409, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-se {
  background-position: -32px -132px;
}

/* line 410, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sg {
  background-position: -48px -132px;
}

/* line 411, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sh {
  background-position: -64px -132px;
}

/* line 412, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-si {
  background-position: -80px -132px;
}

/* line 413, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sk {
  background-position: -96px -132px;
}

/* line 414, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sl {
  background-position: -112px -132px;
}

/* line 415, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sm {
  background-position: -128px -132px;
}

/* line 416, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sn {
  background-position: -144px -132px;
}

/* line 417, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-so {
  background-position: -160px -132px;
}

/* line 418, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sr {
  background-position: -176px -132px;
}

/* line 419, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ss {
  background-position: -192px -132px;
}

/* line 420, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-st {
  background-position: -208px -132px;
}

/* line 421, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sv {
  background-position: -224px -132px;
}

/* line 422, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sy {
  background-position: -240px -132px;
}

/* line 423, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-sz {
  background-position: 0 -143px;
}

/* line 424, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tc {
  background-position: -16px -143px;
}

/* line 425, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-td {
  background-position: -32px -143px;
}

/* line 426, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tf {
  background-position: -48px -143px;
}

/* line 427, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tg {
  background-position: -64px -143px;
}

/* line 428, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-th {
  background-position: -80px -143px;
}

/* line 429, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tj {
  background-position: -96px -143px;
}

/* line 430, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tk {
  background-position: -112px -143px;
}

/* line 431, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tl {
  background-position: -128px -143px;
}

/* line 432, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tm {
  background-position: -144px -143px;
}

/* line 433, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tn {
  background-position: -160px -143px;
}

/* line 434, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-to {
  background-position: -176px -143px;
}

/* line 435, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tr {
  background-position: -192px -143px;
}

/* line 436, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tt {
  background-position: -208px -143px;
}

/* line 437, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tv {
  background-position: -224px -143px;
}

/* line 438, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tw {
  background-position: -240px -143px;
}

/* line 439, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-tz {
  background-position: 0 -154px;
}

/* line 440, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ua {
  background-position: -16px -154px;
}

/* line 441, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ug {
  background-position: -32px -154px;
}

/* line 442, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-um {
  background-position: -48px -154px;
}

/* line 443, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-us {
  background-position: -64px -154px;
}

/* line 444, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-uy {
  background-position: -80px -154px;
}

/* line 445, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-uz {
  background-position: -96px -154px;
}

/* line 446, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-va {
  background-position: -112px -154px;
}

/* line 447, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-vc {
  background-position: -128px -154px;
}

/* line 448, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ve {
  background-position: -144px -154px;
}

/* line 449, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-vg {
  background-position: -160px -154px;
}

/* line 450, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-vi {
  background-position: -176px -154px;
}

/* line 451, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-vn {
  background-position: -192px -154px;
}

/* line 452, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-vu {
  background-position: -208px -154px;
}

/* line 453, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-wales {
  background-position: -224px -154px;
}

/* line 454, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-wf {
  background-position: -240px -154px;
}

/* line 455, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ws {
  background-position: 0 -165px;
}

/* line 456, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-ye {
  background-position: -16px -165px;
}

/* line 457, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-yt {
  background-position: -32px -165px;
}

/* line 458, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-za {
  background-position: -48px -165px;
}

/* line 459, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-zm {
  background-position: -64px -165px;
}

/* line 460, app/assets/stylesheets/src/sprites.scss.erb */
.flag.flag-zw {
  background-position: -80px -165px;
}

/* line 462, app/assets/stylesheets/src/sprites.scss.erb */
.variant {
  border-radius: 4px;
  font-size: 80%;
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  border: 1px solid #FFF;
  padding: 0 4px;
  margin-right: 4px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
}

/* line 474, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v1 {
  color: var(--palette1);
  border-color: var(--palette1);
}

/* line 478, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v2 {
  color: var(--palette12);
  border-color: var(--palette12);
}

/* line 482, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v3 {
  color: var(--palette7);
  border-color: var(--palette7);
}

/* line 486, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v4 {
  color: var(--palette14);
  border-color: var(--palette14);
}

/* line 490, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v5 {
  color: var(--palette5);
  border-color: var(--palette5);
}

/* line 494, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v6 {
  color: var(--palette8);
  border-color: var(--palette8);
}

/* line 498, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v7 {
  color: var(--palette16);
  border-color: var(--palette16);
}

/* line 502, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v8 {
  color: var(--palette6);
  border-color: var(--palette6);
}

/* line 506, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v9 {
  color: var(--palette9);
  border-color: var(--palette9);
}

/* line 510, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v10 {
  color: var(--palette10);
  border-color: var(--palette10);
}

/* line 514, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v11 {
  color: var(--palette11);
  border-color: var(--palette11);
}

/* line 518, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v12 {
  color: var(--palette15);
  border-color: var(--palette15);
}

/* line 522, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v13 {
  color: var(--palette2);
  border-color: var(--palette2);
}

/* line 526, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v14 {
  color: var(--palette4);
  border-color: var(--palette4);
}

/* line 530, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v15 {
  color: var(--palette13);
  border-color: var(--palette13);
}

/* line 534, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v16 {
  color: var(--palette3);
  border-color: var(--palette3);
}

/* line 538, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v17 {
  color: var(--palette18);
  border-color: var(--palette18);
}

/* line 542, app/assets/stylesheets/src/sprites.scss.erb */
.variant.v18 {
  color: var(--palette20);
  border-color: var(--palette20);
}

/* line 547, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg {
  position: relative;
  text-align: center;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

/* line 554, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg svg:first-child {
  height: 20px;
  width: 38px;
  filter: drop-shadow(0px 0px 0px #fff) drop-shadow(0px 0px 0.25px #fff) drop-shadow(0px 0px 0.5px #fff) drop-shadow(0px 0px 1px #fff);
}

/* line 559, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg .sis_star {
  position: absolute;
  fill: orangered;
  height: 10px;
  width: 10px;
  bottom: -4px;
  right: -2px;
}

/* line 567, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg .C {
  fill: var(--rarityC);
}

/* line 568, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg .U {
  fill: var(--rarityU);
}

/* line 569, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg .R {
  fill: var(--rarityR);
}

/* line 570, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg .M {
  fill: var(--rarityM);
}

/* line 571, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg .S {
  fill: var(--rarityM);
}

/* line 574, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg .C.esym_archie {
  fill: var(--rarityR);
}

/* line 575, app/assets/stylesheets/src/sprites.scss.erb */
.esym_svg .C.esym_mps {
  fill: var(--rarityM);
}

/* line 577, app/assets/stylesheets/src/sprites.scss.erb */
.cond3 {
  color: var(--palette11);
}

/* line 578, app/assets/stylesheets/src/sprites.scss.erb */
.cond4 {
  color: var(--palette12);
}

/* line 579, app/assets/stylesheets/src/sprites.scss.erb */
.cond5 {
  color: var(--palette14);
}

/* line 580, app/assets/stylesheets/src/sprites.scss.erb */
.cond6 {
  color: var(--palette16);
}

/* line 581, app/assets/stylesheets/src/sprites.scss.erb */
.cond7 {
  color: var(--palette5);
}

/* line 583, app/assets/stylesheets/src/sprites.scss.erb */
svg.icon {
  width: 0.9rem;
  height: 0.9rem;
  fill: var(--fgColor);
  vertical-align: middle;
}

/*
 *  New css structuring system, version 202312.
 *  .g_  = global, greppable.
 *  .t_  = themeable, or theme-relevant
 *  .j_  = js-relevant selectors
 *  .mq_ = media query affected
 *  .pf_ = only used on current page fragment
 *  .t_  = only used in tests
 *    FIXME: This feels like a bad thing to do.
 *        Would injecting test-env-only helpers that render data-test attrs be nicer?
 *
 * The goal is to see at a glance what role a css class provides,
 * and to easily grep the project for usages.
 */
/* line 16, app/assets/stylesheets/src/2023.css.scss */
.g_disp_ib {
  display: inline-block;
}

/* line 17, app/assets/stylesheets/src/2023.css.scss */
.g_disp_i {
  display: inline;
}

/* line 18, app/assets/stylesheets/src/2023.css.scss */
.g_disp_b {
  display: block;
}

/* line 20, app/assets/stylesheets/src/2023.css.scss */
.g_loading {
  width: 18px;
  height: 18px;
  fill: var(--fgColor);
  vertical-align: middle;
}

/* An element can have various implicit or explicit display values from css:
 * 'inline-block', 'block', 'inline', etc
 * It can be :
 * - hidden from css via a media query
 *   => showing it has to force an explicit display value
 *   ??? how can i avoid having to pass a display value and just keep it in css
 * - hidden via display:none inline
 * - hidden via some generic .hidden class
 * - visible by default
 *
 * Removing j_hide and adding j_show (or viceversa) should forcefully cover all cases above.
 */
/* line 39, app/assets/stylesheets/src/2023.css.scss */
.j_show.g_disp_ib {
  display: inline-block !important;
}

/* line 40, app/assets/stylesheets/src/2023.css.scss */
.j_show.g_disp_b {
  display: block !important;
}

/* line 41, app/assets/stylesheets/src/2023.css.scss */
.j_hide {
  display: none !important;
}

/* line 43, app/assets/stylesheets/src/2023.css.scss */
ul.g_bulleted {
  margin-left: 20px;
}

/* line 47, app/assets/stylesheets/src/2023.css.scss */
ul.g_bulleted,
.g_bulleted li {
  list-style-type: disc;
  list-style-position: inside;
}

/* line 53, app/assets/stylesheets/src/2023.css.scss */
.g_card_image_borders {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.45);
  border-radius: 5.3% / 3.9%;
}

/* line 58, app/assets/stylesheets/src/2023.css.scss */
.t_dark .g_card_image_borders {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 3, app/assets/stylesheets/src/general.scss.erb */
* {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

/* line 9, app/assets/stylesheets/src/general.scss.erb */
html {
  height: 100%;
}

/* line 13, app/assets/stylesheets/src/general.scss.erb */
body {
  color: var(--fgColor);
  width: 100%;
  font-size: 13px;
  line-height: 140%;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
}

/* line 24, app/assets/stylesheets/src/general.scss.erb */
p {
  margin: 0;
  padding: 0;
  line-height: 2em;
}

/* line 30, app/assets/stylesheets/src/general.scss.erb */
a {
  text-indent: 0;
}

/* line 34, app/assets/stylesheets/src/general.scss.erb */
a:visited, a:link {
  text-decoration: none;
  color: var(--linkColor);
}

/* line 39, app/assets/stylesheets/src/general.scss.erb */
a:hover {
  text-decoration: none;
  color: var(--linkColor);
}

/* line 44, app/assets/stylesheets/src/general.scss.erb */
a.simple, a.simple:visited {
  text-decoration: none;
}

/* line 48, app/assets/stylesheets/src/general.scss.erb */
a.simple:hover {
  text-decoration: none;
  color: var(--fgColorEmphasis);
}

/* line 53, app/assets/stylesheets/src/general.scss.erb */
a.underline {
  text-decoration: underline;
}

/* line 57, app/assets/stylesheets/src/general.scss.erb */
a.underline:hover {
  text-decoration: none;
  color: var(--fgColorEmphasis);
}

/* line 62, app/assets/stylesheets/src/general.scss.erb */
a.remove {
  display: block;
  background: transparent url("http://localhost:3002/images/icons/remove.gif") no-repeat 0 0;
  height: 12px;
  width: 12px;
  margin-top: 3px;
  text-decoration: none;
  outline: 0;
}

/* line 72, app/assets/stylesheets/src/general.scss.erb */
h1, h2, h3 {
  color: var(--linkColor);
}

/* line 76, app/assets/stylesheets/src/general.scss.erb */
h3 a.simple {
  color: var(--fgColorEmphasis);
}

/* line 80, app/assets/stylesheets/src/general.scss.erb */
h3 a.simple:hover {
  text-decoration: none;
  color: var(--linkColor);
}

/* line 85, app/assets/stylesheets/src/general.scss.erb */
#nav {
  color: #fff;
  background-color: #3B5998;
}

/* line 89, app/assets/stylesheets/src/general.scss.erb */
#nav svg.icon {
  fill: #fff;
}

/* line 93, app/assets/stylesheets/src/general.scss.erb */
#nav li.main > a:visited, #nav li.main > a:link {
  color: #fff;
  text-decoration: none;
}

/* line 98, app/assets/stylesheets/src/general.scss.erb */
#nav li.main > a.signup {
  margin: 0;
  padding: 2px !important;
  color: #aaa;
}

/* line 104, app/assets/stylesheets/src/general.scss.erb */
#nav li.main > a:hover {
  text-decoration: underline;
  color: #fff;
}

/* line 109, app/assets/stylesheets/src/general.scss.erb */
#logo span.logo_text {
  color: var(--linkColor);
}

/* line 113, app/assets/stylesheets/src/general.scss.erb */
#set_title {
  color: var(--linkColor);
}

/* line 117, app/assets/stylesheets/src/general.scss.erb */
.strong,
.g_bold {
  font-weight: bold;
}

/* line 122, app/assets/stylesheets/src/general.scss.erb */
.italic {
  font-style: italic;
}

/* line 126, app/assets/stylesheets/src/general.scss.erb */
.normal {
  font-weight: normal;
}

/* line 130, app/assets/stylesheets/src/general.scss.erb */
.disabled,
button[disabled],
html input[disabled] {
  opacity: 0.5;
  cursor: default;
}

/* line 137, app/assets/stylesheets/src/general.scss.erb */
.disabled input, input.disabled, .disabled label, label.disabled,
button[disabled],
html input[disabled] {
  pointer-events: none;
}

/* line 143, app/assets/stylesheets/src/general.scss.erb */
ul {
  padding: 0;
  margin: 0;
}

/* line 148, app/assets/stylesheets/src/general.scss.erb */
img {
  border: 0;
  margin: 0;
}

/* line 152, app/assets/stylesheets/src/general.scss.erb */
img.link_img {
  padding-right: 4px;
}

/* line 156, app/assets/stylesheets/src/general.scss.erb */
acronym {
  cursor: help;
}

/* line 160, app/assets/stylesheets/src/general.scss.erb */
.small {
  font-size: 0.9em;
}

/* line 164, app/assets/stylesheets/src/general.scss.erb */
span.page_note {
  color: var(--midGray);
  line-height: 2.5em;
}

/* line 169, app/assets/stylesheets/src/general.scss.erb */
h3.new_section {
  margin-top: 30px;
}

/* line 171, app/assets/stylesheets/src/general.scss.erb */
.relative {
  position: relative;
}

/* line 172, app/assets/stylesheets/src/general.scss.erb */
.temporary_input_text {
  color: var(--midGray);
}

/* line 174, app/assets/stylesheets/src/general.scss.erb */
.inline_block {
  display: inline-block;
}

/* line 178, app/assets/stylesheets/src/general.scss.erb */
.table_cell {
  display: table-cell;
}

/* line 182, app/assets/stylesheets/src/general.scss.erb */
.half_min_page {
  width: 442px !important;
  box-sizing: border-box;
  float: left;
}

/* line 188, app/assets/stylesheets/src/general.scss.erb */
.third_min_page {
  width: 294px !important;
  box-sizing: border-box;
  float: left;
}

/* line 194, app/assets/stylesheets/src/general.scss.erb */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  background-color: var(--bgVerySubtle);
}

/* line 198, app/assets/stylesheets/src/general.scss.erb */
input.inactive {
  color: var(--midGray);
}

/* line 202, app/assets/stylesheets/src/general.scss.erb */
.title {
  font-weight: bold;
}

/* line 206, app/assets/stylesheets/src/general.scss.erb */
.flexh, .flexv {
  display: flex !important;
}

/* line 208, app/assets/stylesheets/src/general.scss.erb */
.flexh {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 214, app/assets/stylesheets/src/general.scss.erb */
.flexh.justify_left {
  justify-content: start;
}

/* line 218, app/assets/stylesheets/src/general.scss.erb */
.flexv {
  flex-direction: column;
  height: 100%;
}

/* line 223, app/assets/stylesheets/src/general.scss.erb */
.flexh .grow, .flexv .grow {
  flex: 1;
}

/* line 227, app/assets/stylesheets/src/general.scss.erb */
.flexh .grow {
  display: inline-block;
}

/* line 231, app/assets/stylesheets/src/general.scss.erb */
.flexh .fixed {
  flex: 0 1 auto;
  display: inline-block;
}

/* Form dialogs */
/* line 238, app/assets/stylesheets/src/general.scss.erb */
form p {
  margin: 10px 0;
}

/* line 241, app/assets/stylesheets/src/general.scss.erb */
.form_dialog form label {
  display: block;
  z-index: 20;
  color: #708090;
  margin-bottom: 4px;
}

/* line 248, app/assets/stylesheets/src/general.scss.erb */
.form_dialog form label.checkbox {
  display: inline-block;
}

/* line 252, app/assets/stylesheets/src/general.scss.erb */
.form_dialog form input, .form_dialog form textarea {
  font-size: 18px;
  padding: 10px 12px;
  width: 325px;
  border: 1px solid #aaa;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 2px inset;
  border-radius: 2px;
}

/* line 261, app/assets/stylesheets/src/general.scss.erb */
.form_dialog form input[type="checkbox"] {
  width: auto;
}

/* line 266, app/assets/stylesheets/src/general.scss.erb */
.form_dialog form select {
  width: 100%;
  height: 38px;
}

/* line 272, app/assets/stylesheets/src/general.scss.erb */
.form_dialog a.cancel {
  margin-left: 15px;
  font-size: 14px;
}

/* line 276, app/assets/stylesheets/src/general.scss.erb */
.form_dialog .error,
.form_dialog .notice {
  padding: 5px 5px 5px 10px;
  border-radius: 3px;
  margin-bottom: 15px;
}

/* line 283, app/assets/stylesheets/src/general.scss.erb */
.form_dialog .field_with_errors input,
.form_dialog .field_with_errors textarea {
  border-color: #b12704;
}

/* line 288, app/assets/stylesheets/src/general.scss.erb */
.dialog_close {
  background: transparent url(http://localhost:3002/images/icons/close.png) no-repeat 0 0;
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 298, app/assets/stylesheets/src/general.scss.erb */
::-webkit-input-placeholder {
  color: var(--midGray);
}

/* line 302, app/assets/stylesheets/src/general.scss.erb */
:-moz-placeholder {
  color: var(--midGray);
}

/* line 306, app/assets/stylesheets/src/general.scss.erb */
.nomargin {
  margin: 0 !important;
}

/* line 310, app/assets/stylesheets/src/general.scss.erb */
.margin_b_15 {
  margin-bottom: 15px !important;
}

/* line 311, app/assets/stylesheets/src/general.scss.erb */
.margin_b_50 {
  margin-bottom: 50px !important;
}

/* line 313, app/assets/stylesheets/src/general.scss.erb */
.margin_t_1rem {
  margin-top: 1rem;
}

/* line 315, app/assets/stylesheets/src/general.scss.erb */
.margin_t_15 {
  margin-top: 15px !important;
}

/* line 316, app/assets/stylesheets/src/general.scss.erb */
.margin_t_20 {
  margin-top: 20px !important;
}

/* line 317, app/assets/stylesheets/src/general.scss.erb */
.margin_l_15 {
  margin-left: 15px !important;
}

/* line 318, app/assets/stylesheets/src/general.scss.erb */
.margin_r_5 {
  margin-right: 5px;
}

/* line 319, app/assets/stylesheets/src/general.scss.erb */
.margin_r_10 {
  margin-right: 10px;
}

/* line 320, app/assets/stylesheets/src/general.scss.erb */
.margin_r_20 {
  margin-right: 20px !important;
}

/* line 322, app/assets/stylesheets/src/general.scss.erb */
.margin_5_0 {
  margin: 5px 0 !important;
}

/* line 323, app/assets/stylesheets/src/general.scss.erb */
.margin_15_0 {
  margin: 15px 0 !important;
}

/* line 324, app/assets/stylesheets/src/general.scss.erb */
.margin_0_10 {
  margin: 0 10px !important;
}

/* line 326, app/assets/stylesheets/src/general.scss.erb */
.padding_5_0 {
  padding: 5px 0 !important;
}

/* line 327, app/assets/stylesheets/src/general.scss.erb */
.padding_10 {
  padding: 10px !important;
}

/* line 328, app/assets/stylesheets/src/general.scss.erb */
.padding_15 {
  padding: 15px !important;
}

/* line 329, app/assets/stylesheets/src/general.scss.erb */
.padding_l_15 {
  padding-left: 15px !important;
}

/* line 330, app/assets/stylesheets/src/general.scss.erb */
.padding_l_30 {
  padding-left: 30px !important;
}

/* line 332, app/assets/stylesheets/src/general.scss.erb */
.border_round_top_2 {
  border-radius: 2px 2px 0 0;
}

/* line 333, app/assets/stylesheets/src/general.scss.erb */
.border_round_bot_2 {
  border-radius: 0 0 2px 2px;
}

/* line 334, app/assets/stylesheets/src/general.scss.erb */
.border_b_0 {
  border-bottom: 0 !important;
}

/* line 335, app/assets/stylesheets/src/general.scss.erb */
.border_t_0 {
  border-top: 0 !important;
}

/* line 337, app/assets/stylesheets/src/general.scss.erb */
.width_100 {
  width: 100px;
}

/* line 341, app/assets/stylesheets/src/general.scss.erb */
.max_15rem {
  max-width: 15rem;
}

/* line 345, app/assets/stylesheets/src/general.scss.erb */
.line_2 {
  line-height: 2em;
}

/****** general forms ***********/
/* line 350, app/assets/stylesheets/src/general.scss.erb */
form fieldset {
  border: none;
  padding: 30px 0 0 20px;
  width: 600px;
}

/* line 355, app/assets/stylesheets/src/general.scss.erb */
form fieldset label {
  float: left;
  min-width: 120px;
}

/* line 359, app/assets/stylesheets/src/general.scss.erb */
form fieldset p {
  display: block;
  clear: both;
  overflow: hidden;
}

/* line 365, app/assets/stylesheets/src/general.scss.erb */
form.button_to {
  display: inline-block;
}

/* line 369, app/assets/stylesheets/src/general.scss.erb */
.divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 0.75rem;
}

/* line 377, app/assets/stylesheets/src/general.scss.erb */
.divider span {
  padding-inline: 0.5rem;
  background-color: var(--bgColor);
  z-index: 1;
}

/* line 383, app/assets/stylesheets/src/general.scss.erb */
.divider::after {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  background-color: var(--borderColor);
}

/* line 392, app/assets/stylesheets/src/general.scss.erb */
.g_font_smaller {
  font-size: 90%;
}

/* line 1, app/assets/stylesheets/src/common.scss.erb */
.section_header {
  margin: 20px 0 10px 0;
  padding-bottom: 1px;
  background: transparent url(http://localhost:3002/images/dots.gif) repeat-x scroll center bottom;
  display: flex;
}

/* line 8, app/assets/stylesheets/src/common.scss.erb */
.section_header.first {
  margin-top: 0;
}

/* line 12, app/assets/stylesheets/src/common.scss.erb */
.section_header.small {
  width: 650px;
}

/* line 16, app/assets/stylesheets/src/common.scss.erb */
.section_header.spaced {
  margin: 30px 0;
}

/* line 20, app/assets/stylesheets/src/common.scss.erb */
.section_header.small .pagination_controls {
  font-size: 1.1em;
  padding: 9px 5px 0;
}

/* line 25, app/assets/stylesheets/src/common.scss.erb */
.section_header .btn {
  margin-bottom: 4px;
}

/* line 29, app/assets/stylesheets/src/common.scss.erb */
.section_title {
  font-weight: bold;
  padding: 9px 5px 0;
  display: block;
  font-size: 13px;
  flex: 1 1 auto;
}

/* line 37, app/assets/stylesheets/src/common.scss.erb */
.section_title button,
.section_title form {
  vertical-align: middle;
}

/* line 42, app/assets/stylesheets/src/common.scss.erb */
.section_info {
  margin-bottom: 8px;
}

/* line 46, app/assets/stylesheets/src/common.scss.erb */
.page_header.section_header {
  margin-top: 0;
}

/* line 50, app/assets/stylesheets/src/common.scss.erb */
.page_header .section_title {
  font-size: 15px;
}

/* line 54, app/assets/stylesheets/src/common.scss.erb */
.section_title_controls {
  flex: 0 0 auto;
  display: inline-block;
  white-space: nowrap;
}

/***********************************************************************************************/
/* line 63, app/assets/stylesheets/src/common.scss.erb */
.positive {
  color: #60c400;
}

/* line 67, app/assets/stylesheets/src/common.scss.erb */
.negative {
  color: #f86e6d;
}

/* line 71, app/assets/stylesheets/src/common.scss.erb */
.neutral {
  color: var(--midGray);
}

/* line 75, app/assets/stylesheets/src/common.scss.erb */
.clear {
  clear: both;
  line-height: 0;
  height: 0;
}

/* line 80, app/assets/stylesheets/src/common.scss.erb */
.center {
  text-align: center;
}

/* line 81, app/assets/stylesheets/src/common.scss.erb */
.text-right {
  text-align: right;
}

/* line 83, app/assets/stylesheets/src/common.scss.erb */
.centered {
  margin-left: auto;
  margin-right: auto;
}

/* line 88, app/assets/stylesheets/src/common.scss.erb */
.nowrap {
  white-space: nowrap;
}

/* line 92, app/assets/stylesheets/src/common.scss.erb */
.minimum_width {
  white-space: nowrap;
  width: 1%;
}

/* line 97, app/assets/stylesheets/src/common.scss.erb */
.price,
.g_padded_blue_bg {
  cursor: default;
  background-color: var(--blueBackground);
  display: inline-block;
  padding: 3px 6px;
}

/* line 105, app/assets/stylesheets/src/common.scss.erb */
.top {
  vertical-align: top;
}

/* line 108, app/assets/stylesheets/src/common.scss.erb */
.middle {
  vertical-align: middle;
}

/* line 112, app/assets/stylesheets/src/common.scss.erb */
* html #flash {
  position: absolute;
}

/* IE quirks mode for fixed positioning. */
/* line 114, app/assets/stylesheets/src/common.scss.erb */
#flash {
  position: fixed;
  margin: 0;
  padding: 0 10px;
  top: -1px;
  left: 32%;
  width: 34%;
  opacity: 0.9;
  z-index: 15;
  border-radius: 0 0 4px 4px;
}

/* line 126, app/assets/stylesheets/src/common.scss.erb */
.error, .warning, .info, .notice {
  border: 1px solid var(--borderColor);
  border-radius: 3px;
  padding: 10px;
}

/* line 131, app/assets/stylesheets/src/common.scss.erb */
.error {
  background-color: var(--bgError);
}

/* line 132, app/assets/stylesheets/src/common.scss.erb */
.notice {
  background-color: var(--bgNotice);
}

/* line 133, app/assets/stylesheets/src/common.scss.erb */
.info {
  background-color: var(--subtleBlueBackground);
  border: 1px solid var(--blueBackground);
}

/* line 137, app/assets/stylesheets/src/common.scss.erb */
.warning {
  background-color: var(--bgWarning);
}

/* border radius does not make sense on table cells, messes up the background */
/* line 140, app/assets/stylesheets/src/common.scss.erb */
td.error, td.warning, td.notice {
  border-radius: 0;
}

/* line 142, app/assets/stylesheets/src/common.scss.erb */
.with_icon {
  padding: 10px 10px 10px 32px;
  text-indent: -22px;
}

/* line 147, app/assets/stylesheets/src/common.scss.erb */
.note {
  font-size: 12px;
  color: var(--midGray);
  font-weight: normal;
}

/* line 153, app/assets/stylesheets/src/common.scss.erb */
.indented_content {
  padding-left: 2em;
}

@media (max-width: 1000px) {
  /* line 158, app/assets/stylesheets/src/common.scss.erb */
  .indented_content {
    padding-left: 1em;
  }
}

/* line 163, app/assets/stylesheets/src/common.scss.erb */
.indented_content_small {
  padding-left: 12px;
}

/* line 167, app/assets/stylesheets/src/common.scss.erb */
.indented-10 {
  margin-left: 10px;
}

/* line 171, app/assets/stylesheets/src/common.scss.erb */
.unindented {
  margin-left: -22px;
}

/* line 175, app/assets/stylesheets/src/common.scss.erb */
.box {
  background-color: #f7f7f7;
  border: 1px solid var(--borderColor);
  padding: 13px;
}

/* line 181, app/assets/stylesheets/src/common.scss.erb */
.box p {
  text-indent: 1em;
  text-align: justify;
}

/* line 186, app/assets/stylesheets/src/common.scss.erb */
.hidden {
  display: none;
}

/* line 190, app/assets/stylesheets/src/common.scss.erb */
.float_right {
  float: right;
}

/* line 194, app/assets/stylesheets/src/common.scss.erb */
.float_left {
  float: left;
}

/* line 198, app/assets/stylesheets/src/common.scss.erb */
.pointer {
  cursor: pointer !important;
}

/* line 202, app/assets/stylesheets/src/common.scss.erb */
.no_pointer {
  cursor: default !important;
}

/* line 206, app/assets/stylesheets/src/common.scss.erb */
.dimmed {
  opacity: 0.5;
}

/* line 210, app/assets/stylesheets/src/common.scss.erb */
.empty_container {
  font-size: 14px;
  line-height: 2em !important;
  color: var(--midGray);
  text-align: center;
}

/* line 217, app/assets/stylesheets/src/common.scss.erb */
.empty_container div {
  padding: 50px;
}

/* line 221, app/assets/stylesheets/src/common.scss.erb */
.empty_container .center_block {
  width: 600px;
  text-align: left;
  display: inline-block;
}

/* Generic small 2 pane layout*************************************************************/
/* line 229, app/assets/stylesheets/src/common.scss.erb */
.small_section .title {
  font-weight: 600;
  margin: 0 10px 10px 10px;
  padding-bottom: 4px;
  background: transparent url(http://localhost:3002/images/dots.gif) repeat-x scroll center bottom;
}

/* line 236, app/assets/stylesheets/src/common.scss.erb */
.small_section.left,
.small_section.right {
  width: 410px;
  float: left;
}

/* line 242, app/assets/stylesheets/src/common.scss.erb */
.small_section .button.blue {
  margin-top: 15px;
}

/* line 246, app/assets/stylesheets/src/common.scss.erb */
#flash,
._menu_2,
#modalWindow,
.deckbox_t_tooltip,
.card_autocomplete {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
}

/* line 255, app/assets/stylesheets/src/common.scss.erb */
.card_autocomplete ul {
  margin: 0;
  padding: 0;
}

/* line 260, app/assets/stylesheets/src/common.scss.erb */
#qs_input_card {
  margin: 3px 2px;
}

/* line 264, app/assets/stylesheets/src/common.scss.erb */
.card_actions, #columns_container {
  float: left;
  margin-right: 10px;
  width: 110px;
}

/* line 1, app/assets/stylesheets/src/text.css.scss */
.ellipsis,
.j_ellipsis {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 8, app/assets/stylesheets/src/text.css.scss */
.dotted {
  border-bottom: 1px dotted var(--borderColor);
}

/* line 12, app/assets/stylesheets/src/text.css.scss */
.red {
  color: #b12704;
}

/* line 16, app/assets/stylesheets/src/text.css.scss */
.sell_price {
  color: #b12704;
  font-size: 110%;
}

/* line 21, app/assets/stylesheets/src/text.css.scss */
.big_price {
  color: #b12704;
  font-size: 130%;
  font-weight: bold;
}

/* line 27, app/assets/stylesheets/src/text.css.scss */
.larger_font {
  font-size: 110%;
}

/* line 31, app/assets/stylesheets/src/text.css.scss */
.font_0_85 {
  font-size: 85%;
  font-weight: 300;
}

/* line 36, app/assets/stylesheets/src/text.css.scss */
.font_0_90 {
  font-size: 90%;
}

/* config is already included in main.css.scss */
/* line 5, app/assets/stylesheets/src/structure.scss.erb */
body {
  background: var(--bgOutsideWrapper);
}

@media (max-width: 800px) {
  /* line 10, app/assets/stylesheets/src/structure.scss.erb */
  #main-content > .left_menu {
    display: none;
  }
}

@media (min-width: 800px) {
  /* line 16, app/assets/stylesheets/src/structure.scss.erb */
  #nav .main.left.menu {
    display: none;
  }
  /* line 20, app/assets/stylesheets/src/structure.scss.erb */
  #wrapper {
    box-shadow: var(--shadowColor) 0 1px 5px;
    border-radius: 0 0 5px 5px;
  }
  /* line 25, app/assets/stylesheets/src/structure.scss.erb */
  #wrapper, #footer {
    min-width: 800px;
    max-width: 1400px;
  }
}

/* line 31, app/assets/stylesheets/src/structure.scss.erb */
#nav .main.left.menu {
  font-size: 1.7rem;
}

/* line 35, app/assets/stylesheets/src/structure.scss.erb */
#wrapper {
  margin: 0 auto;
  background: var(--bgColor);
  min-height: calc(100% - 45px);
  min-width: min-content;
}

/* line 42, app/assets/stylesheets/src/structure.scss.erb */
#main-content {
  display: flex;
}

/* line 46, app/assets/stylesheets/src/structure.scss.erb */
#main-content > .left_menu {
  width: 240px;
  min-width: 240px;
  padding: 15px 10px 0 15px;
  border-right: 1px solid var(--subtleBorder);
}

/* line 53, app/assets/stylesheets/src/structure.scss.erb */
#main-content > #content {
  flex-grow: 1;
  padding: 10px 5px 15px 10px;
}

/* line 58, app/assets/stylesheets/src/structure.scss.erb */
#nav {
  padding: 0 15px;
}

/* line 62, app/assets/stylesheets/src/structure.scss.erb */
#nav ul {
  list-style-type: none;
}

/* line 66, app/assets/stylesheets/src/structure.scss.erb */
#nav li input.qs {
  height: 12px;
  font-size: 11px;
  width: 250px;
  margin-top: -2px;
  margin-left: 20px;
  border-radius: 4px;
  text-align: left;
}

/* line 76, app/assets/stylesheets/src/structure.scss.erb */
#nav li.logo {
  float: left;
  position: relative;
  font-size: 16px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  padding-top: 6px;
  margin-left: 6px;
}

/* line 84, app/assets/stylesheets/src/structure.scss.erb */
#nav li.logo a, #nav li.logo img {
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/src/structure.scss.erb */
#nav li.main {
  float: right;
  padding: 8px 0;
}

/* line 92, app/assets/stylesheets/src/structure.scss.erb */
#nav li.main.left {
  float: left;
}

/* line 95, app/assets/stylesheets/src/structure.scss.erb */
#nav li img, #nav li span {
  vertical-align: middle;
  margin-top: -3px;
}

/* line 100, app/assets/stylesheets/src/structure.scss.erb */
#nav li.main > a.current {
  background: #6D84B4 none repeat scroll 0 0;
}

/* line 104, app/assets/stylesheets/src/structure.scss.erb */
#nav li.main > a {
  padding: 4px 10px;
  white-space: nowrap;
  border-radius: 3px;
  outline: 0;
}

/* line 111, app/assets/stylesheets/src/structure.scss.erb */
#nav li.main .txt {
  display: inline-block;
}

/* line 115, app/assets/stylesheets/src/structure.scss.erb */
#nav li.main .forum_new_posts {
  margin: 0;
}

/* line 119, app/assets/stylesheets/src/structure.scss.erb */
#nav li.main:hover {
  background-color: #4e6aa3;
}

/* line 123, app/assets/stylesheets/src/structure.scss.erb */
#nav li.qs {
  margin-right: 5px;
}

/* line 127, app/assets/stylesheets/src/structure.scss.erb */
#nav li.qs img {
  margin: 0;
  margin-top: -2px;
}

/* line 133, app/assets/stylesheets/src/structure.scss.erb */
#footer {
  margin: auto;
  overflow: hidden;
  padding-top: 12px;
  height: 40px;
}

/* line 139, app/assets/stylesheets/src/structure.scss.erb */
#footer a {
  color: var(--fgColor);
  font-size: 11px;
  line-height: 11px;
}

/* line 145, app/assets/stylesheets/src/structure.scss.erb */
#footer a:hover {
  text-decoration: underline;
}

/* line 148, app/assets/stylesheets/src/structure.scss.erb */
#footer > div {
  margin: 0 10px;
}

/* line 152, app/assets/stylesheets/src/structure.scss.erb */
.count_header {
  white-space: nowrap;
}

/* line 156, app/assets/stylesheets/src/structure.scss.erb */
.count_header .sprite {
  margin-right: 0;
}

/* line 160, app/assets/stylesheets/src/structure.scss.erb */
.space {
  margin-bottom: 15px;
}

/* line 164, app/assets/stylesheets/src/structure.scss.erb */
.left_menu_ad {
  margin: 0 0 15px -10px;
}

/* line 168, app/assets/stylesheets/src/structure.scss.erb */
#logo {
  margin-bottom: 30px;
}

/* line 172, app/assets/stylesheets/src/structure.scss.erb */
#logo span {
  margin-left: 15px;
}

/* line 176, app/assets/stylesheets/src/structure.scss.erb */
#logo span.logo_text {
  font: normal 18px Georgia, serif;
}

/* line 180, app/assets/stylesheets/src/structure.scss.erb */
h1 span.header_small {
  font-size: 12px;
  font-weight: normal;
  color: var(--fgColor);
}

/* line 186, app/assets/stylesheets/src/structure.scss.erb */
.left {
  float: left;
}

/* line 190, app/assets/stylesheets/src/structure.scss.erb */
.right {
  float: right;
}

/* line 194, app/assets/stylesheets/src/structure.scss.erb */
.layout_center {
  width: 60%;
  margin: auto;
}

/* line 199, app/assets/stylesheets/src/structure.scss.erb */
.layout_center.cards, .layout_center.users, .layout_center.decks {
  width: 75%;
  margin: auto;
}

/* line 204, app/assets/stylesheets/src/structure.scss.erb */
.layout_center .game_details img {
  margin-right: 30px;
  margin-bottom: 10px;
}

/* line 209, app/assets/stylesheets/src/structure.scss.erb */
#new_deck_input {
  width: 100px;
  height: 12px;
  font-size: 10px;
}

/* line 215, app/assets/stylesheets/src/structure.scss.erb */
#add_game_dialog {
  border: 1px solid #666;
  position: absolute;
  display: inline;
  padding: 15px 15px 15px;
}

/* line 222, app/assets/stylesheets/src/structure.scss.erb */
.right_sidebar {
  margin: 0 auto;
  padding: 0 25px;
}

/* Two column layout **********************************************************************/
/* line 228, app/assets/stylesheets/src/structure.scss.erb */
#main-content .column {
  float: left;
}

/* line 232, app/assets/stylesheets/src/structure.scss.erb */
#main-content .column.right {
  width: 795px;
}

/* line 236, app/assets/stylesheets/src/structure.scss.erb */
#main-content .column.large {
  width: 100%;
  margin-top: 15px;
}

/* line 241, app/assets/stylesheets/src/structure.scss.erb */
#main-content .column.two {
  width: 49%;
}

/* Communities Listing ********************************************************************/
/* line 246, app/assets/stylesheets/src/structure.scss.erb */
#main-content .listing {
  float: left;
  width: 650px;
  overflow: hidden;
}

/* line 252, app/assets/stylesheets/src/structure.scss.erb */
#main-content .listing .item {
  clear: both;
  margin: 5px 0;
  padding: 5px;
  overflow: hidden;
}

/* line 259, app/assets/stylesheets/src/structure.scss.erb */
#main-content .listing .item.odd {
  background-color: #f4f4f4;
}

/* line 263, app/assets/stylesheets/src/structure.scss.erb */
#main-content .listing .item .logo {
  display: block;
  float: left;
  margin-right: 10px;
  text-align: center;
}

/* line 270, app/assets/stylesheets/src/structure.scss.erb */
#main-content .listing em {
  color: var(--linkColor);
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
}

/* Login  *********************************************************************************/
/* line 279, app/assets/stylesheets/src/structure.scss.erb */
.form_login {
  font-size: 90%;
  font-weight: normal;
  color: var(--fgColor);
  text-align: center;
}

/* line 286, app/assets/stylesheets/src/structure.scss.erb */
.form_login form {
  text-align: center;
}

/* line 290, app/assets/stylesheets/src/structure.scss.erb */
.form_login input[type="text"], .form_login input[type="password"] {
  margin: 5px;
  height: 13px;
  padding: 3px;
  font-size: 11px;
}

/* line 297, app/assets/stylesheets/src/structure.scss.erb */
.form_login table {
  text-align: right;
  width: 570px;
  margin: 0 auto;
}

/* line 303, app/assets/stylesheets/src/structure.scss.erb */
.form_login td {
  padding-left: 20px;
}

/* line 307, app/assets/stylesheets/src/structure.scss.erb */
.form_login td.text {
  padding-right: 10px;
}

/* line 311, app/assets/stylesheets/src/structure.scss.erb */
.form_login input {
  float: none;
}

/* Signup *********************************************************************************/
/* line 317, app/assets/stylesheets/src/structure.scss.erb */
#user_data {
  width: 392px;
}

/* line 321, app/assets/stylesheets/src/structure.scss.erb */
#user_data .red {
  color: #f00;
  padding-left: 190px;
}

/* line 326, app/assets/stylesheets/src/structure.scss.erb */
#user_data .user_property {
  float: left;
  width: 392px;
  margin-bottom: 10px;
}

/* line 332, app/assets/stylesheets/src/structure.scss.erb */
#user_data label.left {
  float: left;
  width: 150px;
  text-align: right;
  font-weight: bold;
  padding: 5px 20px;
}

/* line 340, app/assets/stylesheets/src/structure.scss.erb */
#user_data img {
  margin: 0 10px;
}

/* line 344, app/assets/stylesheets/src/structure.scss.erb */
#user_data input[type="submit"] {
  float: right;
}

/* line 348, app/assets/stylesheets/src/structure.scss.erb */
#user_data input.submit[type="submit"] {
  margin-top: 20px;
}

/* line 352, app/assets/stylesheets/src/structure.scss.erb */
#user_data input[type="text"], #user_data input[type="password"] {
  width: 192px;
  float: left;
  margin: 0;
}

/* Profile  *********************************************************************************/
/* line 360, app/assets/stylesheets/src/structure.scss.erb */
#user_form input[type="text"],
#user_form input[type="password"] {
  width: 160px;
  float: left;
  margin: 0;
}

/* line 367, app/assets/stylesheets/src/structure.scss.erb */
#user_form select {
  width: 168px;
}

/* line 371, app/assets/stylesheets/src/structure.scss.erb */
#user_form td,
#address_form td {
  vertical-align: middle;
  padding: 3px 0;
  width: 250px;
}

/* line 378, app/assets/stylesheets/src/structure.scss.erb */
#user_form td.label,
#community_form td.label,
#event_form td.label,
#address_form td.label {
  width: 100px;
  padding-right: 20px;
  text-align: right;
}

/* line 387, app/assets/stylesheets/src/structure.scss.erb */
#user_form td.checkbox,
#community_form td.checkbox,
#event_form td.checkbox {
  padding-right: 5px;
}

/* line 393, app/assets/stylesheets/src/structure.scss.erb */
#user_form td img,
#community_form td img {
  margin: 0 5px;
}

/* line 398, app/assets/stylesheets/src/structure.scss.erb */
#user_form .user_games,
#community_form .user_games,
#event_form .user_games {
  margin-bottom: 30px;
}

/* line 404, app/assets/stylesheets/src/structure.scss.erb */
#user_form .submit,
#community_form .submit,
#event_form .submit {
  margin: 30px 0 0 122px;
}

/* line 410, app/assets/stylesheets/src/structure.scss.erb */
#user_form textarea,
#community_form textarea {
  width: 250px;
  height: 100px;
}

/* line 416, app/assets/stylesheets/src/structure.scss.erb */
#event_form textarea {
  width: 225px;
  height: 60px;
}

/* Profile  *********************************************************************************/
/* line 424, app/assets/stylesheets/src/structure.scss.erb */
#tbl_profile th {
  width: 25%;
  padding: 0 5px;
  text-align: left;
}

/* line 430, app/assets/stylesheets/src/structure.scss.erb */
#tbl_profile td {
  width: 25%;
  padding: 0 5px;
}

/* User index  ******************************************************************************/
/* line 437, app/assets/stylesheets/src/structure.scss.erb */
#users_list_container {
  margin-top: 20px;
}

/* line 441, app/assets/stylesheets/src/structure.scss.erb */
#users_list_container td .game_sprite {
  float: right;
}

/*****************************************************************************/
/* Sets */
/* line 448, app/assets/stylesheets/src/structure.scss.erb */
#sideboard {
  margin-top: 30px;
}

/* line 452, app/assets/stylesheets/src/structure.scss.erb */
.sideboard_title {
  font: bold 15px Arial, Helvetica, sans-serif;
  padding: 5px 0 0 5px;
}

/* line 457, app/assets/stylesheets/src/structure.scss.erb */
.user_notes {
  background-color: var(--bgVerySubtle);
  padding: 15px;
  border: 1px solid #ddd;
}

/* line 463, app/assets/stylesheets/src/structure.scss.erb */
.icon_sort {
  vertical-align: middle;
  cursor: pointer;
}

/* line 468, app/assets/stylesheets/src/structure.scss.erb */
#new_card_input_main,
#new_card_input_sideboard,
#new_card_input_scratchpad {
  width: 120px;
  height: 12px;
  font-size: 10px;
  margin: 0 5px;
}

/* line 477, app/assets/stylesheets/src/structure.scss.erb */
.deck_info_widget.spaced {
  margin-top: 8px;
}

/* line 481, app/assets/stylesheets/src/structure.scss.erb */
.deck_info {
  width: 100%;
  float: left;
  margin-top: 8px;
}

/* line 487, app/assets/stylesheets/src/structure.scss.erb */
.color_maindeck {
  color: var(--palette1);
}

/* line 491, app/assets/stylesheets/src/structure.scss.erb */
.color_sideboard {
  color: var(--palette12);
}

/* line 495, app/assets/stylesheets/src/structure.scss.erb */
#comments {
  max-width: 620px;
  min-width: 320px;
  margin: 0;
}

/**** comments *******************************/
/* line 502, app/assets/stylesheets/src/structure.scss.erb */
#comments .editor {
  border: 1px solid var(--tableWithControlsOuter);
  background-color: var(--tableWithControlsBg);
}

/* line 506, app/assets/stylesheets/src/structure.scss.erb */
#comments .editor .toolbar {
  padding: 5px;
}

/* line 509, app/assets/stylesheets/src/structure.scss.erb */
#comments .editor .esym_svg {
  height: 15px;
}

/* line 512, app/assets/stylesheets/src/structure.scss.erb */
#comments .editor .esym_svg svg:first-child {
  height: 15px;
  width: 15px;
}

/* line 516, app/assets/stylesheets/src/structure.scss.erb */
#comments .editor textarea {
  width: 100%;
  box-sizing: border-box;
}

/* line 520, app/assets/stylesheets/src/structure.scss.erb */
#comments .editor input[type=submit] {
  margin: 3px 5px;
}

/* line 524, app/assets/stylesheets/src/structure.scss.erb */
#comments li.replies {
  margin-left: 12px;
  border-left: 1px dotted var(--borderColor);
  padding: 0 0 0 8px;
}

/* line 530, app/assets/stylesheets/src/structure.scss.erb */
#comments li.comment {
  width: 500px;
  padding: 5px 8px 5px 0;
  margin-bottom: 4px;
  position: relative;
}

/* line 537, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text {
  margin: 10px 0 0 10px;
  padding-left: 5px;
}

/* line 542, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text p:first-child {
  margin-top: 0.3em;
}

/* line 545, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text p {
  margin: 0.5em 0;
  line-height: 1.5em;
}

/* line 549, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text ul, #comments .comment_text ol {
  padding-left: 1rem;
}

/* line 552, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text li {
  list-style-position: outside;
  padding: 0;
}

/* line 556, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text ul li {
  list-style-type: disc;
}

/* line 559, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text ul li li {
  list-style-type: circle;
}

/* line 562, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text ol li {
  list-style-type: decimal;
}

/* line 565, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text blockquote {
  background: var(--bgOutsideWrapper);
  border-left: 10px solid var(--borderColor);
  margin: 0;
  padding: 0.2em 1em;
}

/* line 571, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_text blockquote p:first-child, #comments .comment_text blockquote p {
  margin: 0.3em 0;
}

/* line 575, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_pre {
  font-size: 90%;
}

/* line 578, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_pre a.simple {
  color: var(--midGray);
  padding: 0 2px;
}

/* line 582, app/assets/stylesheets/src/structure.scss.erb */
#comments .comment_pre a.simple:hover {
  text-decoration: underline;
}

/*
#comments .timestamp {
  color: var(--midGray)
}

#comments .comment_text a.name {
    font-weight: bold;
}

.new_comment {
    padding: 5px 8px;
    margin-bottom: 15px;
    background-color: var(--bgColor);
    border: 1px solid var(--borderColor);
    border-radius: 2px;
}

.new_comment table {
  width: 100%;
}

#comments .reply_link {
    outline: 0;
}

#comments .loading {
    width: 560px;
}
#comments .comment_post {
    font-size: 90%;
    color: #777;
    padding: 1px 5px 0 0;
}
*/
/*****************************************************************************/
/* Edit deck */
/* line 624, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog input[type="text"] {
  margin: 0 10px;
}

/* line 628, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog button {
  margin-right: 10px;
}

/* line 632, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog input[type="password"] {
  margin-left: 10px;
  width: 100px;
}

/* line 637, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog.privacy span.note {
  margin-left: 25px;
}

/* line 641, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog #edit_note {
  width: 430px;
  height: 200px;
  margin: 0 0 15px 10px;
}

/* line 647, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog #edit_card_note {
  width: 230px;
  height: 100px;
  margin: 0 0 15px 10px;
}

/* line 653, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog.card_details select {
  width: 115px;
}

/* line 657, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog .scrollable {
  max-height: 320px;
  overflow-y: scroll;
  position: relative;
}

/* line 663, app/assets/stylesheets/src/structure.scss.erb */
#set_selector_dialog .scrollable {
  max-height: 265px;
  overflow-y: scroll;
  position: relative;
}

/*****************************************************************************/
/* Overlay and modal window */
/* line 672, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog #csv_browse {
  margin-right: 0;
}

/* line 676, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog #import_csv_txt {
  margin: 0;
  width: 192px;
}

/* line 681, app/assets/stylesheets/src/structure.scss.erb */
#set_dialog #import_csv_container {
  padding-left: 30px;
}

/*****************************************************************************/
/* User pages */
/* line 688, app/assets/stylesheets/src/structure.scss.erb */
.g_avatar {
  width: 2.2em;
  height: 1.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5em;
}

/* line 697, app/assets/stylesheets/src/structure.scss.erb */
.g_avatar.med {
  width: 3em;
  height: 3em;
}

/* line 701, app/assets/stylesheets/src/structure.scss.erb */
.g_avatar.xl {
  width: 70px;
  height: 70px;
}

/* line 705, app/assets/stylesheets/src/structure.scss.erb */
.g_avatar img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(135deg, var(--gray12) 0%, var(--gray9) 50%, var(--gray5) 100%) 1;
}

/* line 714, app/assets/stylesheets/src/structure.scss.erb */
.g_avatar.p img {
  /* Diagonal gradient similar to Strava’s style */
  border-image: linear-gradient(135deg, #ffd6bf 0%, #fc5200 50%, #b33a00 100%) 1;
}

/* Index */
/* line 722, app/assets/stylesheets/src/structure.scss.erb */
#find_by_location button {
  margin-left: 15px;
  margin-top: 2px;
}

/* line 727, app/assets/stylesheets/src/structure.scss.erb */
#user_list_pagination {
  padding: 10px;
}

/* Show */
/* line 732, app/assets/stylesheets/src/structure.scss.erb */
.friends_list {
  list-style: none;
  margin: 10px 0 20px 0;
}

/* line 737, app/assets/stylesheets/src/structure.scss.erb */
.friends_list td.first {
  padding-right: 50px;
}

/* Definition lists layout, used for friends, user profiles and community profiles. */
/* line 743, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img {
  margin: 0;
}

/* line 747, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img dd,
.dl_with_img dt {
  position: relative;
  display: block;
  float: left;
}

/* line 754, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img dt {
  clear: both;
}

/* line 758, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img dd {
  margin: 0;
  *float: none;
}

/* line 763, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img dt.img img {
  width: 70px;
  margin-top: 8px;
  border: 1px solid var(--borderColor);
}

/* line 769, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img .data {
  width: 560px;
  margin-left: 10px;
}

/* line 774, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img dl.details {
  font-size: 12px;
  line-height: 2em;
}

/* line 779, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.profile_page dl.details {
  padding-left: 15px;
}

/* line 784, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img .section_header {
  margin-top: 0;
}

/* line 788, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img dl.details dt {
  color: var(--midGray);
  padding: 0 25px;
  width: 100px;
}

/* line 794, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img dl.details dd {
  max-width: 400px;
}

/* line 798, app/assets/stylesheets/src/structure.scss.erb */
.user_bio {
  color: var(--midGray);
}

/* line 802, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.friends .data {
  width: 330px;
}

/* line 806, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.event_page dl.details dt {
  width: 120px;
}

/* line 810, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.profile_page dl.details dt {
  width: 140px;
}

/* line 814, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.event_page dl.details dd {
  width: 310px;
}

/* line 818, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img dl.details dt {
  padding: 0 0 0 5px;
}

/* line 822, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.friends .button {
  position: absolute;
  display: block;
}

/* line 827, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.friends .button img {
  border: 0;
}

/* line 831, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.friends .ok_button {
  right: 24px;
  top: 2px;
  position: absolute;
}

/* line 837, app/assets/stylesheets/src/structure.scss.erb */
.dl_with_img.friends .cancel_button {
  right: 4px;
  top: 2px;
  position: absolute;
}

/********************************************************************************/
/* Set intersection, trading opportunities, latest friend's decks, trade tables */
/* line 847, app/assets/stylesheets/src/structure.scss.erb */
.trades_listing {
  margin: 15px 0 0;
}

/* line 851, app/assets/stylesheets/src/structure.scss.erb */
.trades_listing th.timestamp_column {
  width: 125px;
}

/* line 855, app/assets/stylesheets/src/structure.scss.erb */
.trades_listing .sprites {
  float: right;
}

/* line 859, app/assets/stylesheets/src/structure.scss.erb */
.latest_user_decks table, .latest_news table {
  border: 1px solid #e8ebff;
  background-color: var(--subtleBlueBackground);
  padding: 10px 0 10px 30px;
  margin: 15px 0 0 30px;
  width: 620px;
}

/* line 867, app/assets/stylesheets/src/structure.scss.erb */
.latest_news .recent {
  font-weight: bold;
}

/* line 871, app/assets/stylesheets/src/structure.scss.erb */
#welcome_message .info {
  line-height: 1.7em;
  padding: 20px;
  text-align: justify;
}

/* line 877, app/assets/stylesheets/src/structure.scss.erb */
.set_intersection {
  margin-bottom: 30px;
}

/* line 881, app/assets/stylesheets/src/structure.scss.erb */
.set_intersection table {
  margin: 15px 0;
}

/* line 885, app/assets/stylesheets/src/structure.scss.erb */
.set_intersection th, .set_intersection td, .trading_opportunities th, .trading_opportunities td {
  padding: 3px 12px;
}

/* line 889, app/assets/stylesheets/src/structure.scss.erb */
#trading_info {
  margin-right: 20px;
}

/*****************************************************************************/
/* Games */
/* line 897, app/assets/stylesheets/src/structure.scss.erb */
.game_details {
  margin-top: 10px;
  padding-top: 35px;
}

/* line 902, app/assets/stylesheets/src/structure.scss.erb */
.game_details input[type="text"] {
  width: 250px;
  margin-bottom: 5px;
}

/*****************************************************************************/
/* Tools */
/* line 911, app/assets/stylesheets/src/structure.scss.erb */
table.mana_base {
  width: 250px;
}

/* line 915, app/assets/stylesheets/src/structure.scss.erb */
table.mana_base td {
  text-align: center;
}

/* line 919, app/assets/stylesheets/src/structure.scss.erb */
table.mana_base input {
  margin-left: 5px;
  width: 25px;
}

/* line 924, app/assets/stylesheets/src/structure.scss.erb */
#sample_generator {
  margin-top: 20px;
  margin-left: 25px;
}

/* line 929, app/assets/stylesheets/src/structure.scss.erb */
#sample_hand {
  float: left;
  width: 350px;
  position: relative;
  margin-bottom: 25px;
}

/* line 936, app/assets/stylesheets/src/structure.scss.erb */
#next_cards {
  float: left;
  width: 300px;
  margin-left: 40px;
  position: relative;
}

/* line 943, app/assets/stylesheets/src/structure.scss.erb */
.mana_resources {
  margin: 25px 25px;
}

/* line 947, app/assets/stylesheets/src/structure.scss.erb */
.mana_resources table, #mana_curve {
  float: left;
  margin-right: 30px;
}

/*****************************************************************************/
/* Deck password page */
/* line 955, app/assets/stylesheets/src/structure.scss.erb */
#set_password_container {
  margin: 50px 0 0 100px;
}

/* line 959, app/assets/stylesheets/src/structure.scss.erb */
#set_password_container input[type="password"] {
  margin-right: 15px;
}

/* line 963, app/assets/stylesheets/src/structure.scss.erb */
#set_password_container #error {
  color: #f00;
}

/*****************************************************************************/
/* decks */
/* line 970, app/assets/stylesheets/src/structure.scss.erb */
.deck_filters td {
  vertical-align: top;
}

/* line 974, app/assets/stylesheets/src/structure.scss.erb */
.deck_filters input#card_name {
  width: 12em;
}

/* line 978, app/assets/stylesheets/src/structure.scss.erb */
.list_with_remove {
  max-width: 400px;
  list-style-type: none;
  margin-left: 0;
  margin-top: 10px;
  border-top: 1px solid var(--borderColor);
  border-left: 1px solid var(--borderColor);
  border-right: 1px solid var(--borderColor);
}

/* line 988, app/assets/stylesheets/src/structure.scss.erb */
.list_with_remove .remove {
  float: right;
}

/* line 992, app/assets/stylesheets/src/structure.scss.erb */
.list_with_remove li {
  border-bottom: 1px solid var(--borderColor);
  padding: 6px 8px 5px 10px;
}

/* events ***************************************************************/
/* line 1000, app/assets/stylesheets/src/structure.scss.erb */
a.calendar_shortcut {
  display: block;
  float: left;
  line-height: 1px;
  border: 1px solid #bbb;
  text-decoration: none;
  outline: 0;
}

/* line 1009, app/assets/stylesheets/src/structure.scss.erb */
a.calendar_shortcut:hover {
  text-decoration: none;
}

/* line 1013, app/assets/stylesheets/src/structure.scss.erb */
#community_intro {
  max-width: 700px;
}

/* line 1017, app/assets/stylesheets/src/structure.scss.erb */
#community_intro p {
  margin: 15px 0;
}

/* line 1021, app/assets/stylesheets/src/structure.scss.erb */
#events_list_container {
  margin-top: 35px;
  border: 2px solid var(--tableWithControlsOuter);
}

/* line 1026, app/assets/stylesheets/src/structure.scss.erb */
#event_page_wrapper {
  width: 100%;
}

/* line 1030, app/assets/stylesheets/src/structure.scss.erb */
#event_page_wrapper dd.data {
  width: 100%;
}

/* line 1034, app/assets/stylesheets/src/structure.scss.erb */
#event_page_wrapper dl.details {
  margin-left: 20px;
}

/* line 1038, app/assets/stylesheets/src/structure.scss.erb */
#event_page_wrapper dl.details dt {
  width: 140px;
}

/* line 1042, app/assets/stylesheets/src/structure.scss.erb */
.event_page_section {
  width: 90%;
  margin-top: 20px;
}

/* line 1047, app/assets/stylesheets/src/structure.scss.erb */
.event_page_section li.user {
  display: block;
  height: 30px;
}

/* line 1052, app/assets/stylesheets/src/structure.scss.erb */
.events li .date {
  display: block;
  float: left;
  width: 5rem;
}

/* line 1058, app/assets/stylesheets/src/structure.scss.erb */
div.medium_col li a.description {
  margin-left: 15px;
}

/* line 1062, app/assets/stylesheets/src/structure.scss.erb */
div.medium_col li .right span.participants {
  float: right;
  display: block;
  text-align: right;
  width: 105px;
}

/* line 1069, app/assets/stylesheets/src/structure.scss.erb */
.participation.selected {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 1074, app/assets/stylesheets/src/structure.scss.erb */
.participation {
  margin-right: 5px;
  line-height: 20px;
  padding: 1px 4px;
  outline: 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

/* line 1083, app/assets/stylesheets/src/structure.scss.erb */
.participation img {
  margin-right: 0;
}

/* line 1087, app/assets/stylesheets/src/structure.scss.erb */
#event_page_wrapper .participation {
  border: 1px solid #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 1093, app/assets/stylesheets/src/structure.scss.erb */
#event_page_wrapper .participation.selected {
  border-color: #3b5998;
  background-color: #cbdcfd;
  border-radius: 2px;
}

/* line 1099, app/assets/stylesheets/src/structure.scss.erb */
.event_page_info {
  width: 80%;
  background-color: var(--subtleBlueBackground);
  border: 1px solid var(--borderColor);
  padding: 3px 10px 10px;
}

/* map container *************************************************/
/* line 1109, app/assets/stylesheets/src/structure.scss.erb */
.map {
  width: 100%;
  height: 300px;
  border: 2px solid var(--tableWithControlsOuter);
  margin-top: 10px;
}

/* invitations on community **************************************/
/* line 1117, app/assets/stylesheets/src/structure.scss.erb */
#main-content .invitations_container .column {
  width: 310px;
  margin-right: 50px;
}

/* line 1122, app/assets/stylesheets/src/structure.scss.erb */
#main-content .invitations_container label {
  margin-bottom: 5px;
  float: left;
}

/* line 1127, app/assets/stylesheets/src/structure.scss.erb */
.users_container {
  width: 80%;
  height: 122px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 15px;
  border: 1px solid #e8ebff;
  background-color: var(--subtleBlueBackground);
}

/* line 1137, app/assets/stylesheets/src/structure.scss.erb */
.users_container ul {
  margin: 0;
}

/* line 1141, app/assets/stylesheets/src/structure.scss.erb */
.users_container .remove {
  float: right;
}

/* line 1145, app/assets/stylesheets/src/structure.scss.erb */
.users_container li {
  padding: 5px 10px;
  border-bottom: 1px solid #eee;
}

/* Event Standings */
/* line 1151, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list table {
  width: 100%;
}

/* line 1155, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list .actions {
  float: right;
  display: block;
  width: 45px;
}

/* line 1160, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list .actions.big {
  margin-top: 10px;
}

/* line 1163, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list .actions .remove {
  margin: 5px 4px 0 0;
  float: left;
}

/* line 1168, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list.editable td p {
  display: block;
  float: left;
  width: 80%;
}

/* line 1173, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list td {
  vertical-align: middle;
}

/* line 1177, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list td p.location {
  padding-left: 21px;
}

/* line 1181, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list td.place {
  font-weight: bold;
}

/* line 1184, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list td.place.editable {
  background-color: var(--wishlistCount);
}

/* line 1188, app/assets/stylesheets/src/structure.scss.erb */
#event_standings_list td.user {
  padding: 0.4em 20px;
}

/* Deck Selector ***************************/
/* line 1193, app/assets/stylesheets/src/structure.scss.erb */
.deck_colors {
  width: 70px;
  text-align: right;
  display: block;
  float: left;
  margin-right: 5px;
}

/* line 1201, app/assets/stylesheets/src/structure.scss.erb */
.mtg_color.disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

/* public events ***************************/
/* line 1207, app/assets/stylesheets/src/structure.scss.erb */
.events_container {
  padding-top: 15px;
}

/* line 1210, app/assets/stylesheets/src/structure.scss.erb */
.events_container ul {
  margin: 0;
}

/* line 1213, app/assets/stylesheets/src/structure.scss.erb */
.events_container li.event {
  clear: both;
  overflow: hidden;
  border-bottom: 1px dotted #eee;
  margin-bottom: 15px;
}

/* line 1220, app/assets/stylesheets/src/structure.scss.erb */
.events_container li.event em {
  font-weight: bold;
}

/* line 1223, app/assets/stylesheets/src/structure.scss.erb */
.events_container li.event .box.info li {
  margin-left: 8px;
}

/* line 1226, app/assets/stylesheets/src/structure.scss.erb */
.events_container li.event .box.info li.title {
  margin-bottom: 10px;
  margin-left: 0;
}

/* line 1231, app/assets/stylesheets/src/structure.scss.erb */
.events_container .box {
  width: 40%;
  float: left;
}

/* line 1236, app/assets/stylesheets/src/structure.scss.erb */
.events_container .box.info {
  background-color: transparent;
  border: none;
  padding: 10px 3px;
  width: 250px;
}

/* line 1243, app/assets/stylesheets/src/structure.scss.erb */
.events_container .box.standings {
  margin-left: 15px;
  width: 450px;
  background-color: var(--bgVerySubtle);
}

/* line 1249, app/assets/stylesheets/src/structure.scss.erb */
.events_container .box.standings table {
  width: 100%;
}

/** Location editor ********************/
/* line 1254, app/assets/stylesheets/src/structure.scss.erb */
.location_form select,
.location_form .submit {
  margin-left: 8px;
  max-width: 150px;
}

/** Friends suggestions ***************/
/* line 1262, app/assets/stylesheets/src/structure.scss.erb */
#all_friends .pagination {
  width: 300px;
  float: right;
  margin-right: 56px;
  padding: 9px 5px 0;
  height: 21px;
}

/* line 1270, app/assets/stylesheets/src/structure.scss.erb */
.center_window {
  background-color: var(--bgColor);
  left: 50%;
  margin-left: -201px;
  margin-top: -160px;
  position: absolute;
  top: 50%;
  padding: 15px 25px 25px;
  width: 360px;
  border: 1px solid var(--borderColor);
  box-shadow: var(--shadowColor) 0 1px 5px;
  border-radius: 5px;
}

/* line 1286, app/assets/stylesheets/src/structure.scss.erb */
.center_window h3 {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ebebeb;
  font-size: 18px;
  margin-bottom: 20px;
}

/* line 1292, app/assets/stylesheets/src/structure.scss.erb */
.address_box {
  width: 300px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid var(--borderColor);
  background-color: var(--bgWarning);
}

/* line 1300, app/assets/stylesheets/src/structure.scss.erb */
.address_box a {
  float: right;
  margin-right: 5px;
}

/* line 1, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-weight: bold;
  background: var(--bgColor);
  padding: 0;
  z-index: 15;
}

/* line 14, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 {
  border: 1px solid var(--brightBlueBorder);
  background: var(--bgColor);
  font-weight: normal;
  font-size: 13px;
  border-radius: 5px;
  box-shadow: var(--shadowColor) 0 1px 5px;
  padding: 10px;
  white-space: nowrap;
  max-height: 330px;
  overflow-y: auto;
}

/* line 27, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 p, ._menu_2 span {
  white-space: normal;
}

/* line 31, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li a {
  color: var(--fgColor);
  display: block;
  padding: 7px 20px 7px 15px;
  margin: 0 -10px;
}

/* line 38, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 .nav-pills a {
  background-color: var(--blueBackground);
}

/* line 43, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li a div {
  margin-right: 5px;
}

/* line 47, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 div.empty_container {
  white-space: normal;
  font-size: 12px;
  padding: 20px 6px;
}

/* line 53, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 .nav-pills li a:hover,
._menu_2 .nav-pills li.active a {
  background-color: var(--linkColor);
  color: #fff;
  text-decoration: none;
}

/* line 60, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li.selected a,
._menu_2 li.submenu_shown a {
  background-color: var(--inactiveBackground);
  text-decoration: none;
}

/* line 66, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li a:hover {
  background-color: var(--hoverBackground);
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 ul {
  display: flex;
  flex-direction: column;
}

/* line 76, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li.filter {
  order: 0;
}

/* line 77, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li.selected_on_show {
  order: 1;
}

/* line 78, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li {
  order: 2;
}

/* line 80, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 ul, ._menu_2 li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 86, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li {
  list-style-position: outside;
}

/* line 90, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li.filter div {
  padding: 5px;
}

/* line 94, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 li input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  height: 24px;
}

/* line 100, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2 a.submenu {
  background: transparent url(http://localhost:3002/images/icons/submenu.png) no-repeat scroll right center;
}

/* line 104, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2_multi_submit {
  margin: 9px 0 5px;
}

/* might be more than one button, margin acts as spacer between them, on top of as container padding */
/* line 109, app/assets/stylesheets/src/widgets.scss.erb */
._menu_2_multi_submit .btn {
  margin-left: 5px;
}

/* Hover dropdown a-la dropbox */
/* line 115, app/assets/stylesheets/src/widgets.scss.erb */
.section_title_controls.hover_dropdown {
  height: 30px;
  margin: 0;
}

/* line 120, app/assets/stylesheets/src/widgets.scss.erb */
.hover_dropdown li.main {
  list-style: none none;
  float: left;
  padding: 1px 1px 0;
  display: block;
  height: 30px;
  margin-left: 10px;
  position: relative;
}

/* line 130, app/assets/stylesheets/src/widgets.scss.erb */
.hover_dropdown li.main > a {
  padding: 6px 5px 5px 9px;
  display: block;
  height: 18px;
  white-space: nowrap;
  border-radius: 4px;
}

/* line 138, app/assets/stylesheets/src/widgets.scss.erb */
.hover_dropdown li.main > a:hover {
  background: var(--hoverBackground);
}

/* positioning for the dropdown */
/* line 143, app/assets/stylesheets/src/widgets.scss.erb */
.hover_dropdown ._menu_2,
#nav ._menu_2 {
  display: none;
  position: absolute;
  top: auto;
  left: auto;
  /* overwrites the default dropdown values of 0,0 */
}

/* line 150, app/assets/stylesheets/src/widgets.scss.erb */
.hover_dropdown li.main:hover ._menu_2,
#nav li.main:hover ._menu_2 {
  display: block !important;
}

/* line 155, app/assets/stylesheets/src/widgets.scss.erb */
#nav ._menu_2.right,
.hover_dropdown ._menu_2.right {
  right: 0;
}

/* line 1, app/assets/stylesheets/src/buttons.scss.erb */
.button {
  border-radius: 3px;
  font-weight: bold;
  font-size: 13px !important;
  line-height: 22px !important;
  padding: 2px 19px;
  height: auto;
  display: inline-block;
}

/* line 10, app/assets/stylesheets/src/buttons.scss.erb */
.button.big {
  font-size: 16px;
  line-height: 30px;
}

/* line 14, app/assets/stylesheets/src/buttons.scss.erb */
.button.red {
  color: white;
  border: 1px solid #b83a10;
  background: #b83a10 linear-gradient(to top, #dd4814, #b83a10);
}

/* line 19, app/assets/stylesheets/src/buttons.scss.erb */
.button.red:hover {
  background: linear-gradient(to top, #b83a10, #dd4814);
}

/* line 23, app/assets/stylesheets/src/buttons.scss.erb */
.button.blue {
  font-weight: 500;
}

/* line 27, app/assets/stylesheets/src/buttons.scss.erb */
.button.blue, .button.light.blue {
  color: white;
  border: 1px solid #155fb0;
  background: #155FB0;
  background: linear-gradient(top, #558ed1, #155fb0);
}

/* line 33, app/assets/stylesheets/src/buttons.scss.erb */
.button.blue:hover, .button.light.blue:hover {
  background: linear-gradient(top, #155fb0, #558ed1);
}

/* line 37, app/assets/stylesheets/src/buttons.scss.erb */
.button.grey {
  color: var(--fgColor);
  border: 1px solid #CED0D3;
  background: #eff1f2 linear-gradient(top, white, #eff1f2);
}

/* line 42, app/assets/stylesheets/src/buttons.scss.erb */
.button.grey:hover {
  background: linear-gradient(top, #eff1f2, white);
}

/* line 46, app/assets/stylesheets/src/buttons.scss.erb */
.button.dropdown {
  border: 1px solid #E1E5E9;
  background: #F7F9F8 linear-gradient(top, #ffffff, #F7F9F8);
  padding: 4px;
  cursor: pointer;
}

/* line 53, app/assets/stylesheets/src/buttons.scss.erb */
.button.dropdown .s_dropdown {
  margin-right: 0;
}

/* line 57, app/assets/stylesheets/src/buttons.scss.erb */
.button.dropdown:hover {
  background: linear-gradient(top, #F7F9F8, #ffffff);
}

/* line 61, app/assets/stylesheets/src/buttons.scss.erb */
.button div,
.button input {
  display: inline-block;
  vertical-align: middle;
}

/* line 67, app/assets/stylesheets/src/buttons.scss.erb */
p.button_footer {
  margin-top: 25px;
}

/* line 73, app/assets/stylesheets/src/buttons.scss.erb */
.btn {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  border: 1px solid var(--borderColor);
  color: var(--fgColor);
  background-color: var(--bgColor);
}

/* line 94, app/assets/stylesheets/src/buttons.scss.erb */
.btn-icon {
  line-height: initial;
  padding: 1px 2px;
}

/* reset aligning to default when it's a more complicated layed out element */
/* line 100, app/assets/stylesheets/src/buttons.scss.erb */
.btn.flexh {
  text-align: left;
}

/* line 104, app/assets/stylesheets/src/buttons.scss.erb */
.btn * {
  display: inline-block;
  vertical-align: middle;
}

/* line 109, app/assets/stylesheets/src/buttons.scss.erb */
a.btn-primary,
.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

/* line 116, app/assets/stylesheets/src/buttons.scss.erb */
.btn-primary .caret {
  color: #fff;
}

/* line 120, app/assets/stylesheets/src/buttons.scss.erb */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

/* line 126, app/assets/stylesheets/src/buttons.scss.erb */
a.btn-warning,
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

/* line 132, app/assets/stylesheets/src/buttons.scss.erb */
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

/* line 137, app/assets/stylesheets/src/buttons.scss.erb */
.btn-warning:active, .btn-warning.active {
  background-image: none;
}

/* line 142, app/assets/stylesheets/src/buttons.scss.erb */
a.btn-success,
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

/* line 149, app/assets/stylesheets/src/buttons.scss.erb */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

/* line 155, app/assets/stylesheets/src/buttons.scss.erb */
.btn-success.light {
  color: var(--fgColor);
  background-color: var(--bgNotice);
  border-color: var(--borderColor);
}

/* line 161, app/assets/stylesheets/src/buttons.scss.erb */
.btn-success.light:hover {
  color: var(--fgColor);
  background-color: var(--bgNotice);
  border-color: var(--midGray);
}

/* line 167, app/assets/stylesheets/src/buttons.scss.erb */
.btn.btn-red {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* line 172, app/assets/stylesheets/src/buttons.scss.erb */
.btn.btn-red:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

/* line 178, app/assets/stylesheets/src/buttons.scss.erb */
.btn:hover, .btn:focus, .btn:active, .btn.active {
  color: var(--fgColor);
  background-color: var(--hoverBackground);
  border-color: var(--borderColor);
}

/* line 183, app/assets/stylesheets/src/buttons.scss.erb */
.btn:active, .btn.active {
  background-image: none;
}

/* line 186, app/assets/stylesheets/src/buttons.scss.erb */
.btn .badge {
  color: #ffffff;
  background-color: #333;
}

/* line 191, app/assets/stylesheets/src/buttons.scss.erb */
.with_caret::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  color: var(--midGray);
}

/* line 203, app/assets/stylesheets/src/buttons.scss.erb */
.btn.btn-sm.with_caret::after {
  margin-left: 7px;
}

/* line 207, app/assets/stylesheets/src/buttons.scss.erb */
.btn.btn-xs.with_caret::after {
  margin-left: 2px;
}

/* line 211, app/assets/stylesheets/src/buttons.scss.erb */
.btn-sm {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.3;
  border-radius: 3px;
}

/* line 218, app/assets/stylesheets/src/buttons.scss.erb */
.btn-xs {
  padding: 3px 5px 1px;
  font-size: 12px;
  line-height: 1.1;
  border-radius: 3px;
}

/* line 225, app/assets/stylesheets/src/buttons.scss.erb */
.btn-xxs {
  padding: 0px 2px;
  font-size: 12px;
  line-height: 1.3;
  border-radius: 3px;
}

/* line 232, app/assets/stylesheets/src/buttons.scss.erb */
.btn-slim {
  padding: 4px 5px;
  font-size: 12px;
}

/* line 237, app/assets/stylesheets/src/buttons.scss.erb */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  color: var(--midGray);
}

/* line 249, app/assets/stylesheets/src/buttons.scss.erb */
.caret.by_itself {
  margin-left: 0;
}

/* line 253, app/assets/stylesheets/src/buttons.scss.erb */
.btn-noborder {
  border: 1px solid transparent;
}

/* line 256, app/assets/stylesheets/src/buttons.scss.erb */
.btn-noborder:hover {
  border: 1px solid var(--borderColor);
}

/* line 260, app/assets/stylesheets/src/buttons.scss.erb */
.btn.notxt .sprite,
.btn.notxt .flag {
  margin-right: 0;
}

/* line 265, app/assets/stylesheets/src/buttons.scss.erb */
.exp {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

/* line 271, app/assets/stylesheets/src/buttons.scss.erb */
.exp:hover {
  overflow: visible;
  z-index: 100;
}

/* line 275, app/assets/stylesheets/src/buttons.scss.erb */
.exp:hover .inner {
  z-index: 100;
}

/* line 278, app/assets/stylesheets/src/buttons.scss.erb */
.exp .inner {
  position: absolute;
  display: inline-block;
  background-color: var(--bgColor);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  border: 1px solid var(--brightBlueBorder);
}

/* config is already included in main.css.scss */
/* line 11, app/assets/stylesheets/src/navs.css.scss */
.nav {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 20px;
  list-style: none;
}

/* line 19, app/assets/stylesheets/src/navs.css.scss */
.nav > li > a {
  display: block;
}

/* line 22, app/assets/stylesheets/src/navs.css.scss */
.nav > li > a:hover {
  text-decoration: none;
  background-color: var(--bgOutsideWrapper);
}

/* line 28, app/assets/stylesheets/src/navs.css.scss */
.nav > .pull-right {
  float: right;
}

/* line 36, app/assets/stylesheets/src/navs.css.scss */
.nav-pills > li {
  float: left;
}

/* line 39, app/assets/stylesheets/src/navs.css.scss */
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

/* line 46, app/assets/stylesheets/src/navs.css.scss */
.nav-pills > li > a {
  margin-left: 0px;
}

/* line 54, app/assets/stylesheets/src/navs.css.scss */
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px;
}

/* line 63, app/assets/stylesheets/src/navs.css.scss */
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: var(--fgColor) !important;
  background-color: #428bca;
}

/* line 73, app/assets/stylesheets/src/navs.css.scss */
.nav > .disabled > a {
  color: var(--midGray);
}

/* line 77, app/assets/stylesheets/src/navs.css.scss */
.nav > .disabled > a:hover {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}

/* line 102, app/assets/stylesheets/src/navs.css.scss */
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: var(--midGray);
  border-radius: 10px;
}

/* line 117, app/assets/stylesheets/src/navs.css.scss */
.badge:empty {
  display: none;
}

/* line 122, app/assets/stylesheets/src/navs.css.scss */
.btn .badge {
  position: relative;
  top: -1px;
}

/* line 126, app/assets/stylesheets/src/navs.css.scss */
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}

/* line 134, app/assets/stylesheets/src/navs.css.scss */
a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* line 143, app/assets/stylesheets/src/navs.css.scss */
.nav-pills > .active > a > .badge {
  color: var(--linkColor);
  background-color: #fff;
}

/* line 147, app/assets/stylesheets/src/navs.css.scss */
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

/* line 1, app/assets/stylesheets/src/pagination.css.scss */
.pagination a, .pagination span {
  padding: .2em .5em;
  display: block;
  float: left;
  margin-right: 1px;
}

/* line 6, app/assets/stylesheets/src/pagination.css.scss */
.pagination span.disabled {
  color: var(--midGray);
  border: 1px solid #DDD;
}

/* line 9, app/assets/stylesheets/src/pagination.css.scss */
.pagination span.current {
  font-weight: bold;
  background: #2E6AB1;
  color: white;
  border: 1px solid #2E6AB1;
}

/* line 14, app/assets/stylesheets/src/pagination.css.scss */
.pagination a:hover, .pagination a:focus {
  color: #003;
}

/* line 17, app/assets/stylesheets/src/pagination.css.scss */
.pagination .page_info {
  background: #2E6AB1;
  color: white;
  padding: .4em .6em;
  width: 22em;
  margin-bottom: .3em;
  text-align: center;
}

/* line 24, app/assets/stylesheets/src/pagination.css.scss */
.pagination .page_info b {
  color: #003;
  background: #6aa6ed;
  padding: .1em .25em;
}

/* line 28, app/assets/stylesheets/src/pagination.css.scss */
.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 34, app/assets/stylesheets/src/pagination.css.scss */
* html .pagination {
  height: 1%;
}

/* line 36, app/assets/stylesheets/src/pagination.css.scss */
*:first-child + html .pagination {
  overflow: hidden;
}

/* line 39, app/assets/stylesheets/src/pagination.css.scss */
.pagination_controls {
  margin-left: auto;
  /* aligns it to the right in the flex parent container */
}

/* line 43, app/assets/stylesheets/src/pagination.css.scss */
.pagination_controls a, .pagination_controls span {
  text-decoration: none;
  padding-right: 7px;
}

/* line 1, app/assets/stylesheets/src/tables.css.scss */
.simple_table {
  border-collapse: collapse;
  width: 100%;
}

/* line 6, app/assets/stylesheets/src/tables.css.scss */
.no_outer {
  border-style: hidden;
}

/* line 10, app/assets/stylesheets/src/tables.css.scss */
table.padded td {
  padding: 4px 5px;
  line-height: 20px;
}

/* line 15, app/assets/stylesheets/src/tables.css.scss */
.no_outer_table td, .no_outer_table th,
.simple_table td, .simple_table th {
  border: 1px solid var(--borderColor);
  padding: 4px 5px;
  line-height: 20px;
}

/* line 22, app/assets/stylesheets/src/tables.css.scss */
.simple_table.compact td, .simple_table.compact th {
  border: 1px solid var(--borderColor);
  padding: 1px 4px;
  line-height: 16px;
  font-size: 12px;
}

/* Do not assume children table elements need same style */
/* line 30, app/assets/stylesheets/src/tables.css.scss */
.no_outer_table td, .no_outer_table th,
.simple_table td td, .simple_table th th {
  border: 0;
}

/* line 35, app/assets/stylesheets/src/tables.css.scss */
.no_outer_table tr.even,
.simple_table tr.even {
  background-color: var(--subtleBlueBackground);
}

/* line 40, app/assets/stylesheets/src/tables.css.scss */
.simple_table tr.selected,
.simple_table td.selected {
  background-color: var(--blueBackground);
}

/* line 45, app/assets/stylesheets/src/tables.css.scss */
.simple_table .main_count {
  background-color: var(--bgNotice);
  font-weight: bold;
}

/* line 50, app/assets/stylesheets/src/tables.css.scss */
.simple_table .count_column {
  text-align: center;
  width: 30px;
  padding: 0;
}

/* line 56, app/assets/stylesheets/src/tables.css.scss */
.count_column input[type="text"] {
  width: 20px;
}

/* line 60, app/assets/stylesheets/src/tables.css.scss */
.bordered_table {
  border: 2px solid var(--tableWithControlsOuter);
  margin-top: 20px;
  border-radius: 2px;
}

/* line 66, app/assets/stylesheets/src/tables.css.scss */
.bordered_table .controls {
  padding: 8px;
  background-color: var(--tableWithControlsBg);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-items: start;
  align-items: center;
}

/* line 78, app/assets/stylesheets/src/tables.css.scss */
.bordered_table .controls .btn {
  margin-right: 10px;
}

/* line 82, app/assets/stylesheets/src/tables.css.scss */
.bordered_table th a {
  font-weight: bold;
  text-decoration: none;
}

/* line 87, app/assets/stylesheets/src/tables.css.scss */
.bordered_table th a:hover {
  color: var(--fgColor);
  text-decoration: none;
}

/* line 92, app/assets/stylesheets/src/tables.css.scss */
.fill_td {
  width: 100%;
  display: block;
}

/* line 1, app/assets/stylesheets/src/forum.css.scss */
body {
  background: transparent;
}

/* line 5, app/assets/stylesheets/src/forum.css.scss */
#wrapper {
  max-width: 1000px;
  border-width: 0;
  box-shadow: none;
}

/* line 11, app/assets/stylesheets/src/forum.css.scss */
.main_content a {
  color: var(--blue-link-fg);
  text-decoration: underline;
}

/* line 15, app/assets/stylesheets/src/forum.css.scss */
.main_content a:hover {
  color: var(--red-link-hover);
  text-decoration: none;
}

/* line 20, app/assets/stylesheets/src/forum.css.scss */
.prism {
  border-color: var(--prism-1) var(--prism-2) var(--prism-3) var(--prism-4);
  border-style: solid;
  border-width: 0.5em;
  height: 0;
  width: 0;
}

/* line 27, app/assets/stylesheets/src/forum.css.scss */
.prism.unread {
  border-color: var(--prism-unread-1) var(--prism-unread-2) var(--prism-unread-3) var(--prism-unread-4);
}

/* line 30, app/assets/stylesheets/src/forum.css.scss */
.prism.sticky {
  border-color: var(--prism-sticky-1) var(--prism-sticky-2) var(--prism-sticky-3) var(--prism-sticky-4);
}

/* line 33, app/assets/stylesheets/src/forum.css.scss */
.prism.closed {
  border-color: var(--prism-closed-1) var(--prism-closed-2) var(--prism-closed-3) var(--prism-closed-4);
}

/* line 36, app/assets/stylesheets/src/forum.css.scss */
.prism.sticky.closed {
  border-color: var(--prism-sticky-1) var(--prism-sticky-2) var(--prism-closed-3) var(--prism-closed-4);
}

/* line 39, app/assets/stylesheets/src/forum.css.scss */
.prism.redirect {
  border-color: var(--prism-redirect);
}

/* line 43, app/assets/stylesheets/src/forum.css.scss */
.j_ellipsis.user {
  max-width: 6rem;
  display: inline-block;
  vertical-align: bottom;
}

/* line 49, app/assets/stylesheets/src/forum.css.scss */
.light_th {
  background: var(--bg-1);
  border-color: var(--border-2);
}

/* line 54, app/assets/stylesheets/src/forum.css.scss */
.dark_blue_th {
  padding: 0.33rem 1rem;
  background-color: var(--section-head-bg);
  color: var(--dark-head-fg);
}

/* line 61, app/assets/stylesheets/src/forum.css.scss */
.grey_th {
  color: var(--subhead-fg);
  background-color: var(--subhead-bg);
  display: grid;
  font-size: 0.96em;
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--table-border);
}

/* line 74, app/assets/stylesheets/src/forum.css.scss */
.grey_th > * {
  padding: 0.33rem 1rem;
}

/* line 78, app/assets/stylesheets/src/forum.css.scss */
.tbody {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: var(--subhead-border);
}

/* line 84, app/assets/stylesheets/src/forum.css.scss */
.tr {
  display: grid;
  gap: 1px;
  background: var(--table-border);
  border-top: 1px solid var(--table-border);
}

/* line 91, app/assets/stylesheets/src/forum.css.scss */
.tr > * {
  background-color: var(--table-bg);
  padding: 0.33rem 1rem;
}

/* line 96, app/assets/stylesheets/src/forum.css.scss */
.tr .centered_xy {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 102, app/assets/stylesheets/src/forum.css.scss */
.tr .name_description {
  line-height: 1.6;
}

/* line 106, app/assets/stylesheets/src/forum.css.scss */
.tr .name_description a {
  font-weight: bold;
}

/* line 110, app/assets/stylesheets/src/forum.css.scss */
.tr .status {
  padding: 0.5rem;
  vertical-align: middle;
}

/* line 115, app/assets/stylesheets/src/forum.css.scss */
.topics_count, .last_post {
  text-align: center;
}

/* line 119, app/assets/stylesheets/src/forum.css.scss */
.sections .grey_th {
  grid-template-columns: 1fr 5rem 10rem;
}

/* line 123, app/assets/stylesheets/src/forum.css.scss */
.sections .tr {
  grid-template-columns: 2rem 1fr 5rem 10rem;
}

/* line 127, app/assets/stylesheets/src/forum.css.scss */
.breadcrumbs {
  margin: 0.5em 0em;
  padding: 0.5em 1.5em;
  font-size: 1.084em;
}

/* line 133, app/assets/stylesheets/src/forum.css.scss */
.breadcrumbs a {
  text-decoration: none;
}

/* line 137, app/assets/stylesheets/src/forum.css.scss */
.topics .grey_th {
  grid-template-columns: 1fr 5rem 5rem 10rem;
}

/* line 141, app/assets/stylesheets/src/forum.css.scss */
.topics .tr {
  grid-template-columns: 2rem 1fr 5rem 5rem 10rem;
}

/* line 145, app/assets/stylesheets/src/forum.css.scss */
.topics .tr.sticky > * {
  background: var(--table-bg-sticky);
}

/* line 149, app/assets/stylesheets/src/forum.css.scss */
.sections .mobile_meta,
.topics .mobile_meta {
  display: none;
}

/* line 154, app/assets/stylesheets/src/forum.css.scss */
.forum_pagination {
  padding: 0.4rem 1rem 0.2rem;
  border-width: 1px;
  border-style: solid;
  display: flex;
}

/* line 161, app/assets/stylesheets/src/forum.css.scss */
.forum_pagination .total_results {
  display: none;
}

/* line 165, app/assets/stylesheets/src/forum.css.scss */
.topics .tbody, .forum_pagination {
  font-size: 95%;
}

/* line 169, app/assets/stylesheets/src/forum.css.scss */
.forum_pagination .pagination_controls {
  flex: 1;
}

/* line 173, app/assets/stylesheets/src/forum.css.scss */
.posts .post:first-child {
  border-top: 0;
}

/* line 177, app/assets/stylesheets/src/forum.css.scss */
.posts .post {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bg-1) var(--border-2) var(--border-4) var(--border-2);
  background-color: var(--bg-2);
  display: grid;
  grid-template-columns: 200px 1fr;
}

/* line 187, app/assets/stylesheets/src/forum.css.scss */
.posts .post .poster {
  background-color: var(--bg-3);
  padding: 0.5rem 1rem;
  line-height: 2;
}

/* line 193, app/assets/stylesheets/src/forum.css.scss */
.posts .post .text {
  padding: 1rem;
  flex: 1;
}

/* line 198, app/assets/stylesheets/src/forum.css.scss */
.posts .post .body {
  border: 1px solid var(--border-2);
  border-width: 0 0 0 1px;
  display: flex;
  flex-direction: column;
  min-height: 12rem;
}

/* line 206, app/assets/stylesheets/src/forum.css.scss */
.posts .header,
.posts .footer {
  display: flex;
  gap: 1rem;
  padding: 0.33rem 1rem;
  border-style: dashed;
  border-width: 0;
  border-color: var(--border-2);
  font-size: 90%;
}

/* line 217, app/assets/stylesheets/src/forum.css.scss */
.posts .post .body .header {
  background: var(--grey-f4);
  padding-right: 1.5em;
  padding-left: 1em;
  border-bottom-width: 1px;
}

/* line 224, app/assets/stylesheets/src/forum.css.scss */
.posts .body .footer {
  border-top-width: 1px;
}

/* line 228, app/assets/stylesheets/src/forum.css.scss */
.posts .header .nr {
  font-weight: bold;
}

/* line 232, app/assets/stylesheets/src/forum.css.scss */
.posts .header :first-child,
.posts .footer :first-child {
  flex: 1;
}

/* line 237, app/assets/stylesheets/src/forum.css.scss */
.posts .poster .group {
  font-weight: bold;
}

/* line 241, app/assets/stylesheets/src/forum.css.scss */
.posts .text .attachments {
  background-color: var(--bg-3);
  padding: 0.5rem 1rem;
  margin: 1rem 0 0 0;
  line-height: 2;
  border: 1px solid var(--border-2);
}

@media (max-width: 768px) {
  /* line 250, app/assets/stylesheets/src/forum.css.scss */
  .sections .grey_th,
.topics .grey_th {
    display: none;
  }
  /* line 255, app/assets/stylesheets/src/forum.css.scss */
  .sections .tr,
.topics .tr {
    grid-template-columns: 1.75rem 1fr;
  }
  /* line 260, app/assets/stylesheets/src/forum.css.scss */
  .sections .tr > *,
.topics .tr > * {
    padding: 0.5rem 0.66rem;
  }
  /* line 265, app/assets/stylesheets/src/forum.css.scss */
  .sections .tr > .status,
.topics .tr > .status {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
  /* line 271, app/assets/stylesheets/src/forum.css.scss */
  .sections .tr > .topics_count,
.sections .tr > .last_post,
.topics .tr > .posts_count,
.topics .tr > .views_count,
.topics .tr > .last_post {
    display: none;
  }
  /* line 279, app/assets/stylesheets/src/forum.css.scss */
  .sections .name_description,
.topics .name {
    line-height: 1.45;
  }
  /* line 284, app/assets/stylesheets/src/forum.css.scss */
  .sections .name_description > a,
.topics .name > a {
    display: inline-block;
    font-size: 0.97rem;
    line-height: 1.3;
    margin-bottom: 0.1rem;
  }
  /* line 292, app/assets/stylesheets/src/forum.css.scss */
  .topics .name > .note {
    font-size: 0.93em;
  }
  /* line 296, app/assets/stylesheets/src/forum.css.scss */
  .sections .mobile_meta,
.topics .mobile_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 0.66rem;
    margin-top: 0.28rem;
    font-size: 0.91em;
    line-height: 1.35;
    color: var(--fg-2);
  }
  /* line 307, app/assets/stylesheets/src/forum.css.scss */
  .sections .mobile_meta > span,
.topics .mobile_meta > span {
    display: inline-flex;
    align-items: baseline;
    gap: 0.2rem;
  }
  /* line 314, app/assets/stylesheets/src/forum.css.scss */
  .posts .post {
    grid-template-columns: 1fr;
  }
  /* line 318, app/assets/stylesheets/src/forum.css.scss */
  .posts .poster {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: 1rem;
    border-bottom: 1px dashed var(--border-2);
  }
  /* line 327, app/assets/stylesheets/src/forum.css.scss */
  .posts .g_avatar {
    height: 18px;
    order: -1;
  }
  /* line 332, app/assets/stylesheets/src/forum.css.scss */
  .posts .g_avatar {
    max-width: 18px;
    max-height: 18px;
  }
}

@media (max-width: 380px) {
  /* line 339, app/assets/stylesheets/src/forum.css.scss */
  .sections .tr > *,
.topics .tr > * {
    padding: 0.45rem 0.5rem;
  }
  /* line 344, app/assets/stylesheets/src/forum.css.scss */
  .sections .mobile_meta,
.topics .mobile_meta {
    font-size: 0.88em;
    gap: 0.15rem 0.5rem;
  }
}

@media (max-width: 640px) {
  /* line 352, app/assets/stylesheets/src/forum.css.scss */
  .posts .poster .trade_score {
    display: none;
  }
}

@media (max-width: 540px) {
  /* line 356, app/assets/stylesheets/src/forum.css.scss */
  .posts .poster .registered {
    display: none;
  }
}

@media (max-width: 440px) {
  /* line 360, app/assets/stylesheets/src/forum.css.scss */
  .posts .poster .posts_count {
    display: none;
  }
}

/* line 363, app/assets/stylesheets/src/forum.css.scss */
.post blockquote {
  border: 1px solid var(--grey-d);
  margin: 1rem;
  padding: 0.5rem;
  background-color: var(--bg-1);
}

/* line 370, app/assets/stylesheets/src/forum.css.scss */
.post blockquote cite {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* line 376, app/assets/stylesheets/src/forum.css.scss */
.post img {
  max-width: 100%;
}

/* line 380, app/assets/stylesheets/src/forum.css.scss */
.post .text a {
  max-width: 20rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}

/* line 389, app/assets/stylesheets/src/forum.css.scss */
.post_editor {
  background-color: var(--table-bg);
  border-bottom: 1px solid var(--border-4);
}

/* line 394, app/assets/stylesheets/src/forum.css.scss */
.post_editor .body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 0;
}

/* line 401, app/assets/stylesheets/src/forum.css.scss */
.post_editor .grid_row {
  display: grid;
  grid-template-columns: 16rem 1fr;
}

/* line 405, app/assets/stylesheets/src/forum.css.scss */
.post_editor .grid_row > * {
  padding: 0 1rem;
}

/* line 408, app/assets/stylesheets/src/forum.css.scss */
.post_editor .grid_row .grid_l {
  text-align: right;
  font-weight: bold;
  color: var(--fg-1);
}

@media (max-width: 768px) {
  /* line 415, app/assets/stylesheets/src/forum.css.scss */
  .post_editor .grid_row {
    grid-template-columns: 1fr;
  }
  /* line 418, app/assets/stylesheets/src/forum.css.scss */
  .post_editor .grid_row .grid_l {
    text-align: left;
  }
}

/* line 423, app/assets/stylesheets/src/forum.css.scss */
.post_editor .toolbar .esym_svg {
  height: 15px;
}

/* line 427, app/assets/stylesheets/src/forum.css.scss */
.post_editor .toolbar .esym_svg svg:first-child {
  height: 15px;
  width: 15px;
}

/* line 432, app/assets/stylesheets/src/forum.css.scss */
.post_editor textarea {
  width: 95%;
}

/* line 1, app/assets/stylesheets/src/panel.scss.erb */
.panel label {
  width: 120px;
  display: block;
  float: left;
  font-weight: bold;
}

/* line 7, app/assets/stylesheets/src/panel.scss.erb */
.panel p {
  margin: 15px 0;
}

/* line 11, app/assets/stylesheets/src/panel.scss.erb */
.details_row {
  margin: 3px 0;
  display: inline-block;
}

/* line 16, app/assets/stylesheets/src/panel.scss.erb */
.details_row .transient {
  opacity: 0.1;
  margin-right: 0;
}

/* line 21, app/assets/stylesheets/src/panel.scss.erb */
.details_row:hover .transient {
  opacity: 1;
}

/* line 25, app/assets/stylesheets/src/panel.scss.erb */
#shopping_cart_panel {
  width: 200px;
  overflow: hidden;
}

/* line 30, app/assets/stylesheets/src/panel.scss.erb */
#shopping_cart_panel .section_title {
  width: 180px;
}

/* line 35, app/assets/stylesheets/src/panel.scss.erb */
.det_row_count.exp {
  width: 30px;
  height: 26px;
  margin-left: 7px;
}

/* line 40, app/assets/stylesheets/src/panel.scss.erb */
.det_row_count.exp .inner {
  left: -18px;
  top: -5px;
  padding: 2px;
  margin-top: 2px;
}

/* line 46, app/assets/stylesheets/src/panel.scss.erb */
.details_row .card_count {
  text-align: center;
  width: 15px;
}

/* line 50, app/assets/stylesheets/src/panel.scss.erb */
.det_row_count.exp .sprite {
  margin: 0;
  cursor: pointer;
}

/* line 54, app/assets/stylesheets/src/panel.scss.erb */
.det_row_count.exp .s_plus {
  margin-right: -4px;
}

/* line 57, app/assets/stylesheets/src/panel.scss.erb */
.det_row_count.exp .s_remove {
  margin-left: -4px;
}

/* line 61, app/assets/stylesheets/src/panel.scss.erb */
.det_row_count.exp .sprite {
  visibility: hidden;
}

/* line 64, app/assets/stylesheets/src/panel.scss.erb */
.det_row_count.exp:hover .sprite {
  visibility: visible;
}

/* line 68, app/assets/stylesheets/src/panel.scss.erb */
#panel_card_info .panel_contents {
  white-space: nowrap;
}

/* line 72, app/assets/stylesheets/src/panel.scss.erb */
#panel_card_info {
  line-height: normal;
}

/* line 1, app/assets/stylesheets/src/forms.css.scss */
label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
}

/* line 11, app/assets/stylesheets/src/forms.css.scss */
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 22, app/assets/stylesheets/src/forms.css.scss */
input[type="text"], input[type="password"] {
  padding: 4px;
  padding-top: 2px;
}

/* line 27, app/assets/stylesheets/src/forms.css.scss */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 16px;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 20px;
  color: var(--fgColor);
  border-radius: 3px;
}

/* line 53, app/assets/stylesheets/src/forms.css.scss */
select {
  height: auto;
}

/* line 57, app/assets/stylesheets/src/forms.css.scss */
input,
textarea {
  width: 210px;
}

/* line 62, app/assets/stylesheets/src/forms.css.scss */
textarea {
  height: auto;
}

/* line 66, app/assets/stylesheets/src/forms.css.scss */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: var(--bgColor);
}

/* line 85, app/assets/stylesheets/src/forms.css.scss */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: var(--borderColor);
  outline: thin dotted;
}

/* line 105, app/assets/stylesheets/src/forms.css.scss */
input[type="text"], input[type="password"], textarea {
  border-radius: 2px;
  border: 1px solid var(--borderColor);
  margin: 0;
}

/* line 111, app/assets/stylesheets/src/forms.css.scss */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  background-color: var(--bgColor);
}

/* line 121, app/assets/stylesheets/src/forms.css.scss */
input[type="radio"] {
  margin: 5px 10px 5px 25px;
}

/* line 125, app/assets/stylesheets/src/forms.css.scss */
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

/* line 135, app/assets/stylesheets/src/forms.css.scss */
select {
  width: 220px;
  background-color: var(--bgColor);
  border: 1px solid var(--borderColor);
}

/* line 141, app/assets/stylesheets/src/forms.css.scss */
select[multiple],
select[size] {
  height: auto;
}

/* line 146, app/assets/stylesheets/src/forms.css.scss */
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted var(--borderColor);
  outline-offset: -2px;
}

/* Mtg Card quicksearch dialog */
/* line 157, app/assets/stylesheets/src/forms.css.scss */
#qs {
  padding: 40px;
  text-align: center;
}

/* line 162, app/assets/stylesheets/src/forms.css.scss */
#qs .card_autocomplete {
  text-align: left;
  cursor: pointer;
}

/* line 167, app/assets/stylesheets/src/forms.css.scss */
#qs input[type='text'] {
  width: 339px;
  margin: 0 40px;
  position: relative;
  top: -1px;
  float: none;
  height: 22px;
}

/* line 176, app/assets/stylesheets/src/forms.css.scss */
#qs .info {
  float: right;
}

/* line 1, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete, .user_autocomplete {
  border: 1px solid var(--brightBlueBorder);
  background-color: var(--bgColor);
  line-height: 1.3em;
  font-size: 11px;
  font-weight: bold;
  z-index: 100;
  border-radius: 5px;
  box-shadow: var(--shadowColor) 0 1px 5px;
}

/* line 12, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete {
  width: 350px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
}

/* line 20, app/assets/stylesheets/src/autocomplete.css.scss */
.user_autocomplete {
  width: 193px;
}

/* line 24, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete ul,
.user_autocomplete ul {
  margin: 0;
}

/* line 29, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete li,
.user_autocomplete li {
  display: block;
  padding: 4px 10px;
  margin: 0;
  border-bottom: 1px solid var(--borderColor);
  vertical-align: middle;
}

/* line 38, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete li.odd,
.user_autocomplete li.odd {
  background-color: var(--bgColor);
}

/* line 43, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete li.even,
.user_autocomplete li.even {
  background-color: var(--subtleBlueBackground);
}

/* line 48, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete li span.rules {
  font-size: 10px;
  font-weight: normal;
  color: #666;
}

/* line 54, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete li.selected,
.user_autocomplete li.selected {
  background-color: var(--blueBackground);
}

/* line 59, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete span.name {
  float: left;
}

/* line 63, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete .details span.name {
  margin-top: 4px;
}

/* line 67, app/assets/stylesheets/src/autocomplete.css.scss */
.card_autocomplete div.details {
  float: right;
  margin-top: 2px;
}

/* line 1, app/assets/stylesheets/pages/card_show.css.scss */
div.card_page {
  min-width: 895px;
  min-height: 360px;
}

/* line 6, app/assets/stylesheets/pages/card_show.css.scss */
.card_page td.image .button {
  box-sizing: border-box;
  width: 223px;
  margin: 5px 0;
}

/* line 12, app/assets/stylesheets/pages/card_show.css.scss */
.card_page .prices {
  padding: 11px 0 24px 0;
}

/* line 16, app/assets/stylesheets/pages/card_show.css.scss */
.card_page td.image .mtg_edition_name {
  width: 154px;
}

/* line 20, app/assets/stylesheets/pages/card_show.css.scss */
.card_info td.label {
  font-weight: bold;
  vertical-align: top;
  width: 90px;
  padding-right: 10px;
  color: #666;
}

/* line 28, app/assets/stylesheets/pages/card_show.css.scss */
.card_info td {
  padding: 5px 10px;
  border-bottom: 1px solid var(--subtleBorder);
}

/* line 33, app/assets/stylesheets/pages/card_show.css.scss */
.card_info td.last {
  border-bottom: 0;
}

/* line 37, app/assets/stylesheets/pages/card_show.css.scss */
.card_statistics {
  width: 740px;
  margin-top: 20px;
}

/* line 42, app/assets/stylesheets/pages/card_show.css.scss */
#users_with_card .pagination {
  padding: 5px;
}

/* line 47, app/assets/stylesheets/pages/card_show.css.scss */
div.card_page .price {
  margin-right: 3px;
}

/* line 51, app/assets/stylesheets/pages/card_show.css.scss */
.price_avg {
  background-color: var(--blueBackground);
}

/* line 55, app/assets/stylesheets/pages/card_show.css.scss */
td.price {
  white-space: nowrap;
  display: table-cell;
}

/* line 60, app/assets/stylesheets/pages/card_show.css.scss */
td.price .sprite {
  margin-right: 0;
  margin-top: -6px;
}

/*****************************************************************************/
/* Mtg Table */
/* line 4, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards {
  line-height: 1em;
}

/* line 8, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_menu_main, .card_menu_sideboard, .card_menu_scratchpad {
  margin-right: 5px;
}

/* line 12, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_note_tag {
  background-color: var(--blueBackground);
  font-size: 90%;
  padding: 0 5px;
  margin-right: 2px;
  border-radius: 3px;
}

/* Disabled by default, become enabled with adding the 'enabled' class */
/* line 21, app/assets/stylesheets/pages/sets_show.scss.erb */
.details_row .s50_camera,
.set_cards .edit_details,
.set_cards .float_right.camera,
.for_sale .float_right.camera {
  opacity: 0.25;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards tr:hover .btn {
  border-color: var(--midGray);
}

/* line 33, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards tr:hover .btn,
.set_cards tr:hover .edit_details,
.set_cards tr:hover .float_right.camera,
.for_sale tr:hover .float_right.camera,
.details_row .enabled .s50_camera,
.set_cards .card_name .enabled,
.set_cards .edit_details.enabled,
.set_cards .float_right.camera.enabled,
.for_sale .float_right.camera.enabled {
  opacity: 1;
}

/* line 45, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_menu_main:hover, .card_menu_sideboard:hover, .card_menu_scratchpad:hover {
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards th.smaller {
  padding: 3px 0;
  font-size: 90%;
  line-height: 13px;
}

/* line 55, app/assets/stylesheets/pages/sets_show.scss.erb */
.compact.set_cards .card_name {
  width: auto;
}

/* line 59, app/assets/stylesheets/pages/sets_show.scss.erb */
.simple_table .card_count {
  text-align: center;
}

/* line 63, app/assets/stylesheets/pages/sets_show.scss.erb */
.simple_table .card_count,
.simple_table .count_header {
  width: 30px;
  padding: 0;
}

/* line 69, app/assets/stylesheets/pages/sets_show.scss.erb */
.simple_table.compact .card_count {
  width: 16px;
}

/* line 73, app/assets/stylesheets/pages/sets_show.scss.erb */
.simple_table.compact .card_count input[type="text"] {
  width: 12px !important;
  padding: 0 1px;
}

/* line 78, app/assets/stylesheets/pages/sets_show.scss.erb */
.simple_table .own_price {
  text-align: center;
  width: 54px;
  padding: 0;
}

/* line 84, app/assets/stylesheets/pages/sets_show.scss.erb */
.own_price input[type="text"],
table.for_sale input[type="text"] {
  width: 40px;
}

/* line 89, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_count.inventory_count,
.card_count.green {
  background-color: var(--bgNotice);
}

/* line 93, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_count.tradelist_count {
  background-color: var(--blueBackground);
}

/* line 96, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_count.tradelist_count.error {
  background-color: var(--bgError);
}

/* line 99, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_count.wishlist_count {
  background-color: var(--wishlistCount);
}

/* line 103, app/assets/stylesheets/pages/sets_show.scss.erb */
.own_price {
  background-color: var(--wishlistCount);
}

/* line 107, app/assets/stylesheets/pages/sets_show.scss.erb */
.inventory .inventory_count,
.tradelist .tradelist_count,
.wishlist .wishlist_count,
.deck .deck_count {
  font-weight: bold;
}

/* line 114, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_count.has_panel {
  cursor: pointer;
  white-space: nowrap;
}

/* line 119, app/assets/stylesheets/pages/sets_show.scss.erb */
td.editable:hover {
  background-color: var(--editableHover);
  cursor: text;
}

/* line 124, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards .icon_count_limit {
  position: absolute;
  right: 0;
}

/* line 129, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards .mtg_rarity {
  padding: 0;
}

/* line 133, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards .deck_category {
  color: #666;
  padding-left: 25px;
}

/* line 137, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards .deck_category.commander {
  color: var(--fgColor);
  background-color: var(--tableWithControlsBg);
}

/* line 142, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_details_icons {
  position: absolute;
  right: 0;
}

/* line 147, app/assets/stylesheets/pages/sets_show.scss.erb */
.card_name .card_edition {
  margin-top: -3px;
}

/* line 151, app/assets/stylesheets/pages/sets_show.scss.erb */
.mtg_edition_name {
  display: inline-block;
}

/* line 155, app/assets/stylesheets/pages/sets_show.scss.erb */
.section_title .esym {
  margin-top: -6px;
}

/* line 159, app/assets/stylesheets/pages/sets_show.scss.erb */
.mtg_edition_price {
  min-width: 38px;
  display: inline-block;
  cursor: default;
  color: var(--midGray);
}

/* line 166, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards td.mana_cost {
  text-align: center;
}

/* line 171, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards.with_details .flag {
  margin-right: 5px;
}

/* line 175, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards.with_details .details_section {
  padding: 0;
}

/* line 179, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards.with_details .det_inv_count {
  width: 30px;
}

/* line 183, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards.with_details .det_tra_count {
  width: 30px;
}

/* line 187, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards.with_details .details_section table td {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

/* line 192, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards.with_details .price_col {
  width: 40px;
}

/* line 196, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards.with_details .edition_symbol {
  width: 45px;
}

/* line 200, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards.with_details .edition_name {
  width: 245px;
}

@media (max-width: 1000px) {
  /* line 205, app/assets/stylesheets/pages/sets_show.scss.erb */
  .set_cards.with_details .flag,
.set_cards.with_details .sprite {
    margin-right: 2px;
  }
  /* line 210, app/assets/stylesheets/pages/sets_show.scss.erb */
  .no_outer_table td, .no_outer_table th, .simple_table td, .simple_table th {
    padding: 4px 2px;
  }
}

/*****************************************************************************/
/* Wow */
/* line 218, app/assets/stylesheets/pages/sets_show.scss.erb */
.wow_rarity_C {
  color: #808080;
}

/* line 219, app/assets/stylesheets/pages/sets_show.scss.erb */
.wow_rarity_U {
  color: #0B0;
}

/* line 220, app/assets/stylesheets/pages/sets_show.scss.erb */
.wow_rarity_R {
  color: #0068ff;
}

/* line 221, app/assets/stylesheets/pages/sets_show.scss.erb */
.wow_rarity_E {
  color: #B000ff;
}

/* line 222, app/assets/stylesheets/pages/sets_show.scss.erb */
.wow_rarity_L {
  color: #ffa500;
}

/* line 224, app/assets/stylesheets/pages/sets_show.scss.erb */
.wow_classes img {
  margin-right: 5px;
}

/* line 228, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards .card_select {
  text-align: center;
  width: 28px;
  padding: 0;
}

/* line 234, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards td, .set_cards th {
  vertical-align: middle;
}

/* line 238, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards td.details_col,
.set_cards td.card_price {
  padding: 1px 5px;
}

/* line 243, app/assets/stylesheets/pages/sets_show.scss.erb */
.set_cards td span, .set_cards td a, .set_cards td img, .set_cards td input {
  vertical-align: middle;
}

/*****************************************************************************/
/* Visual card view. */
/* line 251, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards div.card_image_container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/* line 256, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards div.card_image_container img {
  max-width: 250px;
}

/* line 260, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards div.card_image_container .btn {
  position: absolute;
  top: 100px;
  padding: 5px;
  opacity: 0.9;
  display: none;
}

/* line 268, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards div.card_image_container div.btn {
  right: 0;
}

/* line 272, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards div.card_image_container a.btn {
  top: 140px;
  left: 0;
}

/* line 277, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards div.card_image_container .invisible_label {
  z-index: 1000;
  text-align: left;
  color: transparent;
  font-size: 14px;
  position: absolute;
  padding: 6.75% 0 0 8%;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 0px;
  pointer-events: none;
}

/* line 290, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards div.card_image_container:hover .btn {
  display: inline-block;
}

/* line 294, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards div.card_image_container .btn svg.icon {
  width: 1.5rem;
  height: 1.5rem;
}

/* line 299, app/assets/stylesheets/pages/sets_show.scss.erb */
div.mtg_card_image_count {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 100px;
  left: 0px;
  opacity: 0.8;
  text-align: center;
  line-height: 45px;
  font-size: 25px;
  background-color: var(--bgOutsideWrapper);
  border-radius: 5px;
}

/* line 313, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards .grid {
  width: 100%;
  max-width: 1300px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-top: 10px;
}

/* line 322, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards .grid_item {
  position: relative;
  display: block;
  margin-bottom: 5px;
  width: 49.25%;
}

/* line 329, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards .grid_item.spacer {
  margin: 0 !important;
  height: 1px;
}

/* line 334, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards .grid_item.empty_container {
  width: 100%;
}

@media screen and (min-width: 660px) {
  /* line 339, app/assets/stylesheets/pages/sets_show.scss.erb */
  .visual_cards .grid_item {
    width: 32.75%;
  }
}

@media screen and (min-width: 920px) {
  /* line 344, app/assets/stylesheets/pages/sets_show.scss.erb */
  .visual_cards .grid_item {
    width: 24.5%;
  }
}

@media screen and (min-width: 1200px) {
  /* line 349, app/assets/stylesheets/pages/sets_show.scss.erb */
  .visual_cards .grid_item {
    width: 19.6%;
  }
}

/* line 354, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards .grid_item .card_image_container img.card {
  width: 100%;
  height: 100%;
}

/* line 360, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards table {
  width: 100%;
}

/* line 364, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards table td {
  width: 33%;
  text-align: center;
  padding: 10px 0;
}

/* line 370, app/assets/stylesheets/pages/sets_show.scss.erb */
.visual_cards table td.selected {
  background-color: var(--blueBackground);
}