@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,400i,500i,700i,&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;900&display=swap");
.serif {
  font-family: "Times New Roman", serif; }

#warroom {
  font-family: "Roboto", sans-serif; }

.bullets {
  list-style-type: disc; }
  .bullets li {
    border: unset !important; }
    .bullets li:hover, .bullets li:active {
      background-color: unset !important; }

.rotate-90 {
  transform: rotate(90deg); }

.ls-2 {
  margin-left: 0.5rem; }

.v-hidden {
  visibility: hidden; }

.warroom_wrapper {
  grid-template-areas: "header header header" "nav main sidebar";
  grid-template-columns: minmax(0, auto) 1fr 1fr; }

.moderation_wrapper {
  grid-template-areas: "header header" "nav main";
  grid-template-columns: minmax(0, auto) 1fr; }

.warroom_wrapper, .moderation_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-rows: minmax(0, auto) 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100vw; }
  .warroom_wrapper .header, .moderation_wrapper .header {
    background-color: #1a1a1a;
    display: grid;
    grid-column: header-start / header-end;
    grid-row: header-start / header-end;
    align-items: center;
    padding: 0.5rem;
    max-width: 100vw; }
    .warroom_wrapper .header #IEwarning, .moderation_wrapper .header #IEwarning {
      color: white;
      margin-bottom: 1em; }
    .warroom_wrapper .header #SubEnding, .moderation_wrapper .header #SubEnding {
      background: #fde0a2;
      padding: 0.5rem;
      margin-bottom: 0.25rem;
      border-radius: 0.5rem;
      border: #fbbf3e 2px solid; }
      .warroom_wrapper .header #SubEnding:hover, .warroom_wrapper .header #SubEnding:focus, .moderation_wrapper .header #SubEnding:hover, .moderation_wrapper .header #SubEnding:focus {
        cursor: pointer;
        background: #fccf70;
        border: #fccf70 2px solid; }
      .warroom_wrapper .header #SubEnding h5, .moderation_wrapper .header #SubEnding h5 {
        margin: 0; }
    .warroom_wrapper .header #mainheader, .moderation_wrapper .header #mainheader {
      background-color: #1a1a1a;
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 1rem;
      min-width: 100%;
      max-width: 100%; }
    .warroom_wrapper .header .logo-container, .moderation_wrapper .header .logo-container {
      grid-column: logo-start / logo-end; }
    .warroom_wrapper .header #stockTickersContainer, .moderation_wrapper .header #stockTickersContainer {
      grid-column: ticker-start / ticker-end; }
    .warroom_wrapper .header .toolbox-container, .moderation_wrapper .header .toolbox-container {
      margin-left: auto; }
  .warroom_wrapper .warroom-nav, .moderation_wrapper .warroom-nav {
    grid-column: nav-start / nav-end;
    grid-row: nav-start / nav-end; }
  .warroom_wrapper .sidebar, .warroom_wrapper .sidebar_right, .moderation_wrapper .sidebar, .moderation_wrapper .sidebar_right {
    grid-column: sidebar-start / sidebar-end;
    grid-row: sidebar-start / sidebar-end;
    padding: 0.75rem;
    overflow-y: scroll;
    visibility: hidden; }
  .warroom_wrapper .main_panel, .moderation_wrapper .main_panel {
    display: grid;
    grid-column: main-start / sidebar-end;
    grid-row: main-start / sidebar-end;
    grid-template-areas: "chat-window" "chat-form";
    grid-template-columns: minmax(0, auto);
    grid-template-rows: 1fr auto; }
    .warroom_wrapper .main_panel #chat-box, .moderation_wrapper .main_panel #chat-box {
      grid-column: chat-window-start / chat-window-end;
      grid-row: chat-window-start / chat-window-end; }
    .warroom_wrapper .main_panel #chatFormRow, .moderation_wrapper .main_panel #chatFormRow {
      grid-column: chat-form-start / chat-form-end;
      grid-row: chat-form-start / chat-form-end; }
      .warroom_wrapper .main_panel #chatFormRow .trix-button-row, .moderation_wrapper .main_panel #chatFormRow .trix-button-row {
        justify-content: start; }

.card_grid_wrapper, #headquarters, #golive, #moderatortools, #accountsettings, #gettingstarted, #termsandconditions, #promobuilder, #feedback {
  display: grid;
  grid-template-areas: "left-gutter card right-gutter";
  grid-template-columns: 1fr minmax(auto, 732px) 1fr;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 1rem; }
  @media (max-width: 991px) {
    .card_grid_wrapper, #headquarters, #golive, #moderatortools, #accountsettings, #gettingstarted, #termsandconditions, #promobuilder, #feedback {
      grid-template-columns: minmax(0, auto) 1fr minmax(0, auto);
      grid-column-gap: 0; } }
  .card_grid_wrapper .card_container, #headquarters .card_container, #golive .card_container, #moderatortools .card_container, #accountsettings .card_container, #gettingstarted .card_container, #termsandconditions .card_container, #promobuilder .card_container, #feedback .card_container {
    grid-column: card-start / card-end;
    grid-row: card-start / card-end; }
    .card_grid_wrapper .card_container .card, #headquarters .card_container .card, #golive .card_container .card, #moderatortools .card_container .card, #accountsettings .card_container .card, #gettingstarted .card_container .card, #termsandconditions .card_container .card, #promobuilder .card_container .card, #feedback .card_container .card {
      box-shadow: 0 0 0.5rem black; }
      @media (max-width: 991px) {
        .card_grid_wrapper .card_container .card, #headquarters .card_container .card, #golive .card_container .card, #moderatortools .card_container .card, #accountsettings .card_container .card, #gettingstarted .card_container .card, #termsandconditions .card_container .card, #promobuilder .card_container .card, #feedback .card_container .card {
          border-radius: 0; } }
      .card_grid_wrapper .card_container .card.no-shadow, #headquarters .card_container .card.no-shadow, #golive .card_container .card.no-shadow, #moderatortools .card_container .card.no-shadow, #accountsettings .card_container .card.no-shadow, #gettingstarted .card_container .card.no-shadow, #termsandconditions .card_container .card.no-shadow, #promobuilder .card_container .card.no-shadow, #feedback .card_container .card.no-shadow {
        box-shadow: unset; }

.login_grid_wrapper {
  background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/war-room-assets/backgrounds/black-diamond.png);
  display: grid;
  font-family: "Roboto", sans-serif;
  grid-template-areas: "top-gutter top-gutter top-gutter" "left-gutter login right-gutter";
  grid-template-columns: 1fr 400px 1fr;
  grid-template-rows: minmax(0, auto) minmax(0, auto) 2fr;
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  height: 100vh;
  margin: 0;
  padding: 0; }
  @media (max-width: 576px) {
    .login_grid_wrapper {
      grid-template-columns: minmax(0, auto) 1fr minmax(0, auto);
      grid-column-gap: .5rem;
      grid-row-gap: .5rem; } }
  .login_grid_wrapper .login_image {
    grid-column: login-start / login-end;
    margin-top: 3rem; }
  .login_grid_wrapper .login_container {
    grid-column: login-start / login-end;
    grid-row: login-start / login-end;
    box-shadow: 0 0 0.5rem black; }
    .login_grid_wrapper .login_container .card {
      background-color: #235488; }
      .login_grid_wrapper .login_container .card h3 {
        color: #f2f2f2; }
    .login_grid_wrapper .login_container #loginForm {
      background-color: #d2d2d2; }
      .login_grid_wrapper .login_container #loginForm .tfs-mw-wrapper-block-subtitle {
        display: none; }
      .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-username label, .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-password label {
        font-weight: 700;
        text-transform: lowercase; }
        .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-username label::first-letter, .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-password label::first-letter {
          text-transform: uppercase; }
      .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-password {
        margin-top: 0.5rem; }
      .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-remember, .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-forgot-password-link {
        margin-top: 0.25rem;
        font-size: .9rem; }
      .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-submit {
        margin-top: 0.25rem; }
        .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-submit input {
          font-weight: 700;
          font-size: 1.25rem;
          background-color: #85f330;
          border: 1px solid #54b30a; }
          .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-submit input:hover, .login_grid_wrapper .login_container #loginForm .tfs-mw-loginform .login-submit input:active {
            background-color: #6ae30d;
            border-color: #275205;
            text-shadow: 0 1px 1px white; }

.login_grid_wrapper.neo {
  background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/war-room-assets/backgrounds/neo-matrix-bg.jpg); }

.login_grid_wrapper.wnm {
  background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/war-room-assets/backgrounds/neo-matrix-bg.jpg); }

.active_trades_container {
  display: grid;
  grid-template-areas: "main";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0; }
  .active_trades_container .activeTrades {
    grid-column: main-start / main-end;
    grid-row: main-start / main-end;
    padding: 0; }

.moderation_wrapper .moderation-nav {
  grid-column: nav-start / nav-end;
  grid-row: nav-start / nav-end;
  background-color: #1a1a1a; }

.moderation_wrapper .moderation_chat_container {
  display: grid;
  grid-column: main-start / main-end;
  grid-row: main-start / main-end;
  grid-template-areas: "mod-nav" "chat-window" "chat-form";
  grid-template-columns: minmax(0, auto);
  grid-template-rows: minmax(0, auto) 1fr minmax(0, auto); }
  .moderation_wrapper .moderation_chat_container #mod_tabs {
    display: flex;
    grid-column: mod-nav-start / mod-nav-end;
    grid-row: mod-nav-start / mod-nav-end; }
  .moderation_wrapper .moderation_chat_container #show_moderation_private #chat-box {
    display: grid;
    grid-column: chat-window-start / chat-window-end;
    grid-row: chat-window-start / chat-window-end; }
  .moderation_wrapper .moderation_chat_container #show_moderation_public .chat-window {
    display: grid;
    grid-column: chat-window-start / chat-window-end;
    grid-row: chat-window-start / chat-form-end; }
  .moderation_wrapper .moderation_chat_container #chatFormRow {
    display: grid;
    grid-column: chat-form-start / chat-form-end;
    grid-row: chat-form-start / chat-form-end; }

.panelScroll {
  overflow-y: auto; }

@keyframes buy-notification {
  0% {
    background-color: rgba(199, 242, 158, 0);
    color: white; }
  50% {
    background-color: #c7f29e;
    color: black; }
  100% {
    background-color: rgba(199, 242, 158, 0);
    color: white; } }

@keyframes sell-notification {
  0% {
    background-color: rgba(255, 174, 168, 0);
    color: white; }
  50% {
    background-color: #ffaea8;
    color: black; }
  100% {
    background-color: rgba(255, 174, 168, 0);
    color: white; } }

@keyframes update-notification {
  0% {
    background-color: rgba(202, 234, 255, 0);
    color: white; }
  50% {
    background-color: #caeaff;
    color: black; }
  100% {
    background-color: rgba(202, 234, 255, 0);
    color: white; } }

@keyframes announcement-notification {
  0% {
    background-color: rgba(253, 224, 162, 0);
    color: white; }
  50% {
    background-color: #fde0a2;
    color: black; }
  100% {
    background-color: rgba(253, 224, 162, 0);
    color: white; } }

@keyframes default-notification {
  0% {
    background-color: rgba(210, 210, 210, 0);
    color: white; }
  50% {
    background-color: #d2d2d2;
    color: black; }
  100% {
    background-color: rgba(210, 210, 210, 0);
    color: white; } }

@keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

.warroom-nav {
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden; }
  .warroom-nav ul {
    padding: 0 0 0.5rem 0;
    list-style: none;
    color: white;
    margin: 0 0 0.5rem 0;
    width: 100%; }
    .warroom-nav ul:nth-child(-n + 2) {
      border-bottom: 1px solid #0e2237; }
    .warroom-nav ul.bottom_nav {
      margin-top: auto;
      padding: 0; }
      @media (max-width: 576px) {
        .warroom-nav ul.bottom_nav {
          margin-top: unset; } }
      @media (max-width: 576px) {
        .warroom-nav ul.bottom_nav li#online-users {
          display: none; } }
    .warroom-nav ul li {
      display: flex;
      align-items: center;
      padding: 0.25rem 0.5rem;
      cursor: pointer;
      width: 100%; }
      .warroom-nav ul li:hover, .warroom-nav ul li:focus {
        color: #fff677;
        background-color: rgba(0, 0, 0, 0.3); }
      .warroom-nav ul li:active {
        background-color: rgba(0, 0, 0, 0.5); }
      .warroom-nav ul li[channel="logout"] a:hover, .warroom-nav ul li[channel="logout"] a:focus {
        color: #ff0000; }
      .warroom-nav ul li.active-channel {
        color: #fff677;
        background-color: rgba(0, 0, 0, 0.5); }
      .warroom-nav ul li.notification-buy {
        animation: buy-notification 2s infinite; }
      .warroom-nav ul li.notification-sell {
        animation: sell-notification 2s infinite; }
      .warroom-nav ul li.notification-update {
        animation: update-notification 2s infinite; }
      .warroom-nav ul li.notification-announcement {
        animation: announcement-notification 2s infinite; }
      .warroom-nav ul li.notification-default {
        animation: default-notification 2s infinite; }
      .warroom-nav ul li a {
        color: white;
        text-decoration: none; }
        .warroom-nav ul li a:hover, .warroom-nav ul li a:focus {
          color: #fff677;
          text-decoration: none; }
      .warroom-nav ul li i {
        margin-right: 0.5rem; }
        @media (max-width: 768px) {
          .warroom-nav ul li i {
            padding: 0.25rem;
            margin: 0; } }
      @media (max-width: 768px) {
        .warroom-nav ul li span, .warroom-nav ul li .logoutspinner {
          display: none; } }

.moderation-nav {
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden; }
  .moderation-nav ul {
    padding: 0 0 0.5rem 0;
    list-style: none;
    color: white;
    margin: 0 0 0.5rem 0;
    width: 100%; }
    .moderation-nav ul li {
      display: flex;
      align-items: center;
      padding: 0.25rem 0.5rem;
      cursor: pointer;
      width: 100%; }
      .moderation-nav ul li:hover, .moderation-nav ul li:focus {
        color: #fff677;
        background-color: rgba(0, 0, 0, 0.3); }
      .moderation-nav ul li:active {
        background-color: rgba(0, 0, 0, 0.5); }
      .moderation-nav ul li.active-channel {
        color: #fff677;
        background-color: rgba(0, 0, 0, 0.5); }
      .moderation-nav ul li a {
        color: white;
        text-decoration: none; }
        .moderation-nav ul li a:hover, .moderation-nav ul li a:focus {
          color: #fff677;
          text-decoration: none; }
      .moderation-nav ul li i {
        margin-right: 0.5rem; }
        @media (max-width: 768px) {
          .moderation-nav ul li i {
            padding: 0.25rem;
            margin: 0; } }

body {
  background-color: #1a1a1a;
  overflow: hidden; }
  body::-webkit-scrollbar {
    width: 0; }

#warroom, #morningbriefing {
  background: linear-gradient(to bottom, #235488, #0e2237);
  scroll-behavior: smooth; }

.warroom-logo {
  justify-self: start; }
  .warroom-logo img {
    height: 36px; }

.loadingIcon {
  height: 96vh; }

#chat-container {
  overflow: hidden; }

.chat-form-input.form-control, .trade-editor.form-control {
  height: auto; }

.chat-form {
  background-color: transparent;
  box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.25);
  border-top: 1px solid gray;
  position: relative;
  z-index: 100;
  padding: 0.5rem; }
  .chat-form .trix-button {
    color: white; }

.chatFormMessage {
  min-height: 70px;
  text-align: center;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05);
  outline: 1px solid rgba(0, 0, 0, 0.25);
  z-index: 100;
  display: none; }

#closed-message, #readonly-message {
  background: #1a1a1a;
  color: #ff0000;
  font-weight: 700;
  height: 100%; }

#MB-message {
  background: #1a1a1a;
  color: #008800;
  font-weight: 700; }
  #MB-message:hover, #MB-message:focus {
    cursor: pointer; }

#message-formatting button.btn, #chat-formatting button.btn, #announcement-formatting button.btn, #moderator-formatting button.btn {
  border: 1px solid #999;
  font-size: 12px; }
  #message-formatting button.btn:hover, #message-formatting button.btn:focus, #chat-formatting button.btn:hover, #chat-formatting button.btn:focus, #announcement-formatting button.btn:hover, #announcement-formatting button.btn:focus, #moderator-formatting button.btn:hover, #moderator-formatting button.btn:focus {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
    color: 0.75 #404040; }
  #message-formatting button.btn:active, #chat-formatting button.btn:active, #announcement-formatting button.btn:active, #moderator-formatting button.btn:active {
    background-color: rgba(0, 0, 0, 0.9);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
    color: 0.75 #404040; }

button.send {
  background-color: #008800;
  color: white;
  font-size: 16px;
  font-weight: 700; }
  button.send:hover, button.send:focus {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
    color: white; }
  button.send:active {
    box-shadow: inset 0 0 6px rgba(0, 100, 0, 0.75);
    background-color: #003c00; }

button.save {
  background-color: #880088;
  color: white;
  font-size: 16px;
  font-weight: 700; }
  button.save:hover, button.save:focus {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
    color: white; }
  button.save:active {
    box-shadow: inset 0 0 6px rgba(0, 100, 0, 0.75);
    background-color: #003c00; }

.new-message-form .cancel span {
  background-color: white;
  color: #003c00; }
  .new-message-form .cancel span:hover, .new-message-form .cancel span:focus {
    border-color: #ff0000;
    z-index: 1;
    cursor: pointer; }
  .new-message-form .cancel span:active {
    background-color: #ff0000bf;
    box-shadow: inset 0 0 6px #ff0000bf;
    border-color: #ff0000;
    z-index: 1;
    cursor: pointer; }
    .new-message-form .cancel span:active i {
      color: white; }

#chat-utilites {
  background-color: #1a1a1a; }
  #chat-utilites i {
    color: white; }

.channelScroll {
  overflow-y: auto !important;
  overflow-x: hidden !important; }
  .channelScroll::-webkit-scrollbar {
    background-color: gray !important;
    width: 1rem; }
  .channelScroll::-webkit-scrollbar-thumb {
    background-color: #c6c6c6;
    box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.5); }
    .channelScroll::-webkit-scrollbar-thumb:hover {
      background-color: #b9b9b9;
      border: 1px solid gray !important; }

.message-preview {
  border: 1px solid #404040;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }

.white-icon {
  color: white; }

.chat-tools {
  background-color: #f2f2f2;
  font-size: 12px;
  justify-self: end; }
  .chat-tools:hover, .chat-tools:focus {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
    cursor: pointer; }
  .chat-tools:active {
    background-color: #c6c6c6;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
    cursor: pointer; }

.chat-tools-button {
  border: 1px solid #999;
  cursor: pointer; }
  .chat-tools-button:hover, .chat-tools-button:focus {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
    cursor: pointer; }
  .chat-tools-button:active {
    background-color: #c6c6c6;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
    cursor: pointer; }

.popover {
  background-color: #f2f2f2;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^="bottom"] > .arrow::after, .bs-popover-bottom > .arrow::after {
  border-bottom-color: #f2f2f2; }

.scrolling::-webkit-scrollbar {
  background-color: gray !important;
  width: 1rem; }

.scrolling::-webkit-scrollbar-thumb {
  background-color: #c6c6c6;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.5); }
  .scrolling::-webkit-scrollbar-thumb:hover {
    background-color: #b9b9b9;
    border: 1px solid gray !important; }

.logout:hover {
  color: #ff0000; }

.defaultHide {
  display: none; }

#warStatus {
  text-align: center;
  padding: 15px;
  font-size: 20px;
  font-weight: bold; }

.warRoomOpen {
  background-color: #c7f29e; }

.warRoomClosed {
  background-color: #ffaea8; }

.chatChannel, #searchResults, #notificationsList {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  float: left; }

#newmessages, #modIsTyping {
  display: grid;
  grid-area: inherit;
  position: absolute;
  margin-left: 0.5rem;
  z-index: 300; }
  #newmessages button, #modIsTyping button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

#privateChat {
  background-color: white; }

.form-textareas {
  overflow-y: scroll;
  max-height: 50vh; }

#likesModalBody ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#likesModalBody .user-info {
  padding: 0.5rem 0.5rem 0 0.5rem; }
  @media screen and (max-width: 576px) {
    #likesModalBody .user-info {
      padding: 0.25rem 0.25rem 0 0.25rem; } }
  #likesModalBody .user-info .avatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 0.5rem; }
  #likesModalBody .user-info span {
    display: inline;
    font-size: .75rem; }
  #likesModalBody .user-info .user-name {
    margin-top: 0.25rem;
    margin-right: 0.25rem; }
    #likesModalBody .user-info .user-name .the-name {
      color: #1a1a1a;
      font-weight: 700; }
    #likesModalBody .user-info .user-name .date {
      margin: 0 0 0 0.25rem; }

#pinned-to-top {
  box-shadow: 0 0 0.5rem black;
  border-bottom: 1px solid gray; }

/* ↓↓↓↓↓↓↓↓↓↓ CUSTOMIZABLE ↓↓↓↓↓↓↓↓↓↓ */
.expires-in {
  margin-right: 0.5rem;
  font-size: 1rem; }
  @media screen and (max-width: 320px) {
    .expires-in {
      font-size: .7rem; } }

.clockNumbers {
  color: #dd0000;
  /* the color of the numbers */ }

.numbersSection {
  border: 0px solid transparent; }

.clockLabels, #clockLive {
  color: black;
  /* the color of the label and "the event is live" note */ }

/* ↑↑↑↑↑↑↑↑↑↑ CUSTOMIZABLE ↑↑↑↑↑↑↑↑↑↑ */
/* ↓↓↓↓↓↓↓↓↓↓ DONT TOUCH ↓↓↓↓↓↓↓↓↓↓ */
.clockBody {
  display: none;
  text-align: center; }

.numbersSection {
  padding: .25rem;
  margin-left: 4px;
  margin-right: 4px; }
  @media screen and (max-width: 990px) {
    .numbersSection {
      padding: .3em;
      margin-left: 2px;
      margin-right: 2px; } }

.clockNumbers {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1; }
  @media screen and (max-width: 990px) {
    .clockNumbers {
      font-size: 16px; } }

.labelSection {
  padding: 0px;
  margin: 5px;
  margin-left: 5px;
  margin-right: 5px; }

.clockLabels {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0; }

@media (max-width: 575.98px) {
  #clockLive {
    padding-top: 20px;
    font-size: 30px; } }

@media (min-width: 576px) {
  #clockLive {
    text-align: center;
    font-size: 45px; } }

#clockLive p {
  margin: 0px; }

/* ↑↑↑↑↑↑↑↑↑↑ DONT TOUCH ↑↑↑↑↑↑↑↑↑↑ */
.message {
  background-color: white;
  color: black;
  display: block;
  border-bottom: 1px solid #c6c6c6; }
  .message .emoji {
    height: 1em; }
  .message .trade-content {
    font-weight: bold; }
  .message .trade {
    padding: 5px 10px;
    display: block; }
    .message .trade a {
      color: black;
      text-decoration: underline; }
  .message .expert {
    background-color: #caeaff; }
    .message .expert .medallion-container {
      border-color: #31adff; }
      .message .expert .medallion-container .medallion-pipe {
        color: #31adff; }
  .message .announcement {
    background-color: #fde0a2; }
    .message .announcement .medallion-container {
      border-color: #faae0c; }
      .message .announcement .medallion-container .medallion-pipe {
        color: #faae0c; }
  .message .buy {
    background-color: #c7f29e; }
    .message .buy .medallion-container {
      border-color: #79da1d; }
      .message .buy .medallion-container .medallion-pipe {
        color: #79da1d; }
  .message .update {
    background-color: #caeaff; }
    .message .update .medallion-container {
      border-color: #31adff; }
      .message .update .medallion-container .medallion-pipe {
        color: #31adff; }
  .message .sell {
    background-color: #ffaea8; }
    .message .sell .medallion-container {
      border-color: #ff200f; }
      .message .sell .medallion-container .medallion-pipe {
        color: #ff200f; }
  .message .martha {
    background-color: #b3b3b3; }
    .message .martha .medallion-container {
      border-color: #666666; }
      .message .martha .medallion-container .medallion-pipe {
        color: #666666; }
  .message .medallion-container {
    border-radius: 0.25rem;
    border: 1px solid #b3b3b3;
    margin: 0.5rem 0.5rem 0 0;
    line-height: 0; }
    .message .medallion-container.medallionContainer-pinnedMessage {
      margin: 0.25rem 0.25rem 0 0; }
    .message .medallion-container .medallion-pipe {
      font-size: .75rem;
      color: #b3b3b3; }
    .message .medallion-container .medallion {
      padding: 0.5rem; }
      .message .medallion-container .medallion:hover, .message .medallion-container .medallion:focus {
        cursor: pointer; }
      .message .medallion-container .medallion i {
        font-size: .75rem;
        color: #235488; }
      .message .medallion-container .medallion span.medallion-counter {
        font-weight: 400;
        font-size: .75rem;
        color: #666666;
        margin-left: 0.25rem; }
  .message .user-info {
    padding: 0.5rem 0.5rem 0 0.5rem; }
    @media (max-width: 576px) {
      .message .user-info {
        padding: 0.25rem 0.25rem 0 0.25rem; } }
    .message .user-info .avatar {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      margin-right: 0.5rem; }
    .message .user-info .badges.lifetime {
      color: #98c73a;
      background: radial-gradient(circle at left top, #87ff89 25%, #00a102 85%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .message .user-info .badges.coach {
      color: #f0830b;
      background: radial-gradient(circle at left top, #F0830D 25%, #d24f00 85%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .message .user-info .badges.pro {
      color: #f0830b;
      background: radial-gradient(circle at left top, #45bcc7 25%, #98c73a, #f1c40f, #f0830b, #f15a24 85%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .message .user-info .badges.gains-1 {
      color: #f1c40f;
      background: radial-gradient(circle at left top, #fbd400 25%, #ff9b00 85%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .message .user-info .badges.gains-2 {
      color: #7209b7;
      background: radial-gradient(circle at left top, #f72585 1%, #7209b7 33%, #3a0ca3 66%, #0063ff 99%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .message .user-info .badges.papertrade {
      color: #0d446d;
      background: radial-gradient(circle at left top, #367bff 25%, #003395 85%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .message .user-info .badges.winners {
      color: #45bcc7;
      background: radial-gradient(circle at left top, #36e3ff 25%, #00728d 85%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .message .user-info .badges.napa-summit-2022 {
      color: #9E1F63;
      background: radial-gradient(circle at left top, #C6398A 25%, #9E1F63 85%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .message .user-info .avatar {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      margin-right: 0.5rem; }
    .message .user-info span {
      display: inline;
      font-size: .75rem; }
    .message .user-info .user-name {
      margin-top: 0.25rem;
      margin-right: 0.25rem; }
      .message .user-info .user-name .the-name {
        color: #1a1a1a;
        font-weight: 700; }
        .message .user-info .user-name .the-name.owl {
          color: red; }
      .message .user-info .user-name .fa-stack {
        font-size: .75rem; }
      .message .user-info .user-name i {
        vertical-align: middle; }
      .message .user-info .user-name .the-name {
        color: #1a1a1a;
        font-weight: 700; }
  .message .reply-container .user-info .user-name {
    margin-top: 0; }
  .message .time-stamp {
    display: inline;
    color: black; }
  .message .red {
    color: black; }
  .message .message-content {
    padding: 0.5rem; }
    @media (max-width: 576px) {
      .message .message-content {
        padding-top: 0.25rem; } }
  .message .replyResultWrapper {
    color: #008800;
    padding-left: 0.5rem; }
    @media (max-width: 576px) {
      .message .replyResultWrapper {
        padding-top: 0.25rem; } }
  .message .message-trade {
    padding: 0.5rem 0.5rem 0 0.5rem; }
    @media (max-width: 576px) {
      .message .message-trade {
        padding: 0.25rem 0.25rem 0 0.25rem; } }
    .message .message-trade .tradeBadgeGroup {
      box-shadow: 0 0 0.25rem #33333380;
      border-radius: 1rem; }
      .message .message-trade .tradeBadgeGroup > .tradeBadge {
        background: white;
        padding-right: 0.75rem;
        padding-left: 0.75rem;
        border: 0px solid transparent;
        font-weight: bold;
        border-radius: 1rem;
        color: #1a1a1a; }
        @media (max-width: 576px) {
          .message .message-trade .tradeBadgeGroup > .tradeBadge {
            font-size: .85rem;
            padding-right: 0.5rem;
            padding-left: 0.5rem; } }
        @media (max-width: 320px) {
          .message .message-trade .tradeBadgeGroup > .tradeBadge {
            font-size: .7rem;
            padding-right: 0.25rem;
            padding-left: 0.25rem; } }
        .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="buy"] {
          color: #549614; }
          .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="buy"]:hover, .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="buy"]:focus {
            color: white;
            background-color: #549614; }
        .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="sell"] {
          color: #db0f00; }
          .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="sell"]:hover, .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="sell"]:focus {
            color: white;
            background-color: #c20d00; }
        .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="update"] {
          color: #007aca; }
          .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="update"]:hover, .message .message-trade .tradeBadgeGroup > .tradeBadge[badge="action"][search="update"]:focus {
            color: white;
            background-color: #0089e4; }
        .message .message-trade .tradeBadgeGroup > .tradeBadge:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
        .message .message-trade .tradeBadgeGroup > .tradeBadge:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
        .message .message-trade .tradeBadgeGroup > .tradeBadge:hover, .message .message-trade .tradeBadgeGroup > .tradeBadge:focus {
          background-color: #d2d2d2;
          cursor: pointer; }
        .message .message-trade .tradeBadgeGroup > .tradeBadge.superspeculation {
          color: #e50049; }
        .message .message-trade .tradeBadgeGroup > .tradeBadge.overnighttrade {
          color: #2087c6; }
  .message .embed-container {
    display: none;
    padding: 0 0 0.25rem 0;
    margin: 0 0.5rem; }
    .message .embed-container .hideEmbed, .message .embed-container .popout {
      margin: 0 0.25rem 0.5rem;
      padding: 0.25rem 0.5rem;
      font-size: .75rem; }
    .message .embed-container .embed-wrapper {
      border-left: 4px solid #666666;
      padding: 0 0 0 0.5rem; }
    .message .embed-container .embed-live {
      margin-bottom: 0.5rem; }
    .message .embed-container .embed-title {
      font-size: 1.5rem;
      font-weight: 700;
      margin-right: 0.5rem; }
    .message .embed-container .embed-description {
      font-size: .85em; }
    .message .embed-container .related-messages {
      font-size: .75rem;
      margin: 0.5rem 0.25rem 0 0; }
  .message .reply-collapse {
    display: none; }
    .message .reply-collapse .btn {
      border: 1px solid #b3b3b3;
      font-size: 12px; }
      .message .reply-collapse .btn:hover, .message .reply-collapse .btn:focus {
        box-shadow: inset 0 0 4px #33333380;
        color: #333333; }
      .message .reply-collapse .btn:active {
        background-color: #33333380;
        box-shadow: inset 0 0 6px #33333380;
        color: #333333; }
  .message .reply-container {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none; }
    .message .reply-container li {
      border-left: 4px solid #c6c6c6;
      border-bottom: 1px solid #c6c6c6;
      padding: 0.5rem; }
      .message .reply-container li:last-of-type {
        border-bottom: 0; }
    .message .reply-container .user-info .avatar {
      width: 30px;
      height: 30px; }
    .message .reply-container .message-content {
      padding-bottom: 0; }
  .message .message-action-panel {
    background-color: #d9d9d9;
    padding: 0.5rem; }
    .message .message-action-panel .btn {
      border: 1px solid #b3b3b3;
      color: #333333;
      font-size: .75rem; }
      .message .message-action-panel .btn:hover, .message .message-action-panel .btn:focus {
        box-shadow: inset 0 0 4px #33333380;
        color: #1a1a1a; }
      .message .message-action-panel .btn:active {
        background-color: #33333380;
        box-shadow: inset 0 0 6px #33333380;
        color: white; }
      .message .message-action-panel .btn span {
        margin-left: 0.25rem; }
    .message .message-action-panel .reply {
      border: 1px solid #008800;
      color: #003c00;
      font-size: 12px; }
      .message .message-action-panel .reply:hover, .message .message-action-panel .reply:focus {
        box-shadow: inset 0 0 4px #006400bf;
        color: #003c00; }
      .message .message-action-panel .reply:active {
        background-color: #006400bf;
        box-shadow: inset 0 0 6px #006400bf;
        color: white; }
    .message .message-action-panel .delete {
      border: 1px solid #ff0000;
      color: #b30000;
      font-size: 12px; }
      .message .message-action-panel .delete:hover, .message .message-action-panel .delete:focus {
        box-shadow: inset 0 0 4px #ff0000bf;
        color: black; }
    .message .message-action-panel .delete, .message .message-action-panel .removeEmbed {
      border: 1px solid #ff0000;
      color: #b30000;
      font-size: 12px; }
      .message .message-action-panel .delete:active, .message .message-action-panel .removeEmbed:active {
        background-color: #ff0000bf;
        box-shadow: inset 0 0 6px #ff0000bf;
        color: white; }
    .message .message-action-panel .favorited {
      color: white;
      border: 1px solid #b30000;
      background-color: #b30000;
      font-size: 12px; }
      .message .message-action-panel .favorited:hover, .message .message-action-panel .favorited:focus {
        box-shadow: inset 0 0 4px #ff0000bf;
        color: black; }
      .message .message-action-panel .favorited:active {
        background-color: #ff0000bf;
        box-shadow: inset 0 0 6px #ff0000bf;
        color: white; }
    .message .message-action-panel .liked {
      color: white;
      border: 1px solid #132e4b;
      background-color: #235488;
      font-size: 12px; }
      .message .message-action-panel .liked:hover, .message .message-action-panel .liked:focus {
        background-color: #132e4b;
        box-shadow: inset 0 0 4px #33333380;
        color: white; }
      .message .message-action-panel .liked:active {
        background-color: #235488bf;
        box-shadow: inset 0 0 6px #33333380;
        color: white; }
    .message .message-action-panel .copied {
      border: 1px solid #008800;
      color: #003c00;
      font-size: 12px;
      background-color: #006400bf;
      box-shadow: inset 0 0 6px #006400bf;
      color: white; }
      .message .message-action-panel .copied:hover, .message .message-action-panel .copied:focus {
        box-shadow: inset 0 0 4px #006400bf;
        color: #003c00; }
      .message .message-action-panel .copied:active {
        background-color: #006400bf;
        box-shadow: inset 0 0 6px #006400bf;
        color: white; }
    .message .message-action-panel .positionSizeAppend {
      margin-right: 0.25rem; }
  .message .reply-action-panel {
    padding: 0.25rem; }
    .message .reply-action-panel .btn {
      border-radius: 0;
      border: 1px dotted transparent;
      padding: 0;
      font-size: 10px;
      margin-right: 0.25rem; }
      .message .reply-action-panel .btn i {
        margin-right: 0.25rem; }
      .message .reply-action-panel .btn:hover, .message .reply-action-panel .btn focus {
        border-bottom: 1px dotted #333333; }
      .message .reply-action-panel .btn:active {
        border-bottom: 1px dotted black; }
    .message .reply-action-panel.delete {
      border: 1px dotted transparent; }
      .message .reply-action-panel.delete:hover, .message .reply-action-panel.delete:focus {
        box-shadow: none;
        border-bottom: 1px dotted #ff0000bf; }
      .message .reply-action-panel.delete:active {
        box-shadow: none;
        background-color: transparent;
        border-bottom: 1px dotted #ff0000bf; }
    .message .reply-action-panel .favorite {
      color: #333333; }
      .message .reply-action-panel .favorite:hover, .message .reply-action-panel .favorite:focus {
        color: #ff0000;
        background-color: transparent; }
      .message .reply-action-panel .favorite.favorited {
        color: #ff0000; }
  .message .reply-form .btn {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 0.25rem 0.75rem; }
  .message .reply-form .cancel-action span {
    background-color: white;
    color: #b30000; }
    .message .reply-form .cancel-action span:hover, .message .reply-form .cancel-action span:focus {
      border-color: #ff0000;
      z-index: 1;
      cursor: pointer; }
    .message .reply-form .cancel-action span:active {
      background-color: #ff0000bf;
      box-shadow: inset 0 0 6px #ff0000bf;
      border-color: #ff0000;
      z-index: 1;
      cursor: pointer; }
      .message .reply-form .cancel-action span:active i {
        color: white; }
  .message .reply-form button.send-reply {
    background-color: #008800;
    color: white;
    font-size: 14px;
    font-weight: 700; }
    .message .reply-form button.send-reply:hover, .message .reply-form button.send-reply:focus {
      box-shadow: inset 0 0 4px #006400bf;
      color: white; }
    .message .reply-form button.send-reply:active {
      box-shadow: inset 0 0 6px #006400bf;
      background-color: #003c00; }
  .message.delete {
    border: 1px solid #ff0000bf;
    color: darkred; }
    .message.delete:hover, .message.delete:focus {
      box-shadow: inset 0 0 4px #ff0000bf; }
    .message.delete:active {
      box-shadow: inset 0 0 6px #ff0000bf;
      background-color: black; }
  .message .delete-panel {
    background-color: #ff9999;
    padding: 0.5rem 1rem; }
    .message .delete-panel .btn {
      color: white;
      font-weight: bold;
      border: 1px solid transparent; }
      .message .delete-panel .btn.confirm-delete {
        background-color: #008800; }
        .message .delete-panel .btn.confirm-delete:hover, .message .delete-panel .btn.confirm-delete:focus {
          box-shadow: inset 0 0 6px #33333380;
          background-color: #005500;
          color: white; }
      .message .delete-panel .btn.cancel-delete {
        background-color: #ff0000; }
        .message .delete-panel .btn.cancel-delete:hover, .message .delete-panel .btn.cancel-delete:focus {
          box-shadow: inset 0 0 6px #33333380;
          background-color: #cc0000;
          color: white; }
  .message .website-preview-container {
    max-width: 560px; }

@media screen and (max-width: 767px) {
  .message .message-content {
    padding-bottom: 0.25rem; }
  .message .reply-action-panel {
    padding: 0 0.5rem 0.25rem; }
  .message .reply-container .user-info {
    margin-bottom: 0; }
  .message .message-action-panel .reply-form .cancel-action {
    cursor: pointer;
    font-size: 14px;
    color: white;
    font-weight: 700; }
    .message .message-action-panel .reply-form .cancel-action:hover, .message .message-action-panel .reply-form .cancel-action:focus {
      border-color: #ff0000; }
    .message .message-action-panel .reply-form .cancel-action:active {
      border-color: #ff0000; } }

.wrapper-container {
  max-width: 560px; }

.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: linear-gradient(-45deg, #086ab1, #022239);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite; }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.wistia_responsive_padding {
  padding: 56.25% 0 0 0;
  position: relative; }

.wistia_responsive_wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.wistia_embed {
  height: 100%;
  position: relative;
  width: 100%; }

.wistia_swatch {
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: opacity 200ms;
  width: 100%; }

.wistia_img {
  filter: blur(5px);
  height: 100%;
  object-fit: contain;
  width: 100%; }

.tradingview-widget-container div div {
  position: absolute !important; }

#charts {
  display: none;
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 9;
  background-color: #f2f2f2;
  text-align: center;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  width: 560px;
  height: 359px; }

#chartsHeader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: white;
  font-weight: bold; }

#closepopout {
  color: white; }

#closepopout:hover, #closepopout:focus {
  color: #404040; }

#closepopout:active {
  color: #121212; }

.tradesmith-container {
  max-width: 1010px; }

.wandm-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden; }
  .wandm-container .wandm-iframe {
    flex-grow: 1;
    border: none;
    margin: 0;
    padding: 0; }

#headquarters {
  background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/war-room-assets/backgrounds/black-diamond.png); }

#joinTheWarRoomInfo {
  background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/war-room-assets/backgrounds/black-diamond.png); }
  #joinTheWarRoomInfo #operations {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/morning-briefing/briefing-mug.svg), linear-gradient(#086ab1, #022239) !important;
    background-repeat: no-repeat, repeat;
    background-position: top 1rem right 1rem, left;
    background-size: 100px, cover; }
  #joinTheWarRoomInfo h3, #joinTheWarRoomInfo h5 {
    font-family: "Montserrat", sans-serif; }

#headquarters, #joinTheWarRoomInfo, #joinprofitsight {
  overflow-y: auto !important;
  overflow-x: hidden !important; }
  #headquarters h3, #headquarters h5, #joinTheWarRoomInfo h3, #joinTheWarRoomInfo h5, #joinprofitsight h3, #joinprofitsight h5 {
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 576px) {
    #headquarters h3, #joinTheWarRoomInfo h3, #joinprofitsight h3 {
      font-size: 1.25rem; } }
  #headquarters h5, #joinTheWarRoomInfo h5, #joinprofitsight h5 {
    font-size: 1rem; }
  #headquarters::-webkit-scrollbar-thumb, #joinTheWarRoomInfo::-webkit-scrollbar-thumb, #joinprofitsight::-webkit-scrollbar-thumb {
    background-color: gray; }
  #headquarters::-webkit-scrollbar, #joinTheWarRoomInfo::-webkit-scrollbar, #joinprofitsight::-webkit-scrollbar {
    background-color: #b9b9b9 !important;
    width: 16px; }
  #headquarters::-webkit-scrollbar:hover, #joinTheWarRoomInfo::-webkit-scrollbar:hover, #joinprofitsight::-webkit-scrollbar:hover {
    background-color: #404040 !important; }
  #headquarters .hq-section, #joinTheWarRoomInfo .hq-section, #joinprofitsight .hq-section {
    background-color: white;
    list-style: none;
    padding: 0;
    margin: 0; }
    #headquarters .hq-section a, #joinTheWarRoomInfo .hq-section a, #joinprofitsight .hq-section a {
      color: black;
      text-decoration: none; }
    #headquarters .hq-section li, #joinTheWarRoomInfo .hq-section li, #joinprofitsight .hq-section li {
      border-bottom: 1px solid #d2d2d2; }
      #headquarters .hq-section li:hover, #headquarters .hq-section li:focus, #joinTheWarRoomInfo .hq-section li:hover, #joinTheWarRoomInfo .hq-section li:focus, #joinprofitsight .hq-section li:hover, #joinprofitsight .hq-section li:focus {
        background-color: #d2d2d2;
        text-decoration: none; }
      #headquarters .hq-section li:active, #joinTheWarRoomInfo .hq-section li:active, #joinprofitsight .hq-section li:active {
        background-color: #c6c6c6; }
  #headquarters .card, #joinTheWarRoomInfo .card, #joinprofitsight .card {
    border: none;
    border-radius: 5px; }
    @media screen and (max-width: 991px) {
      #headquarters .card, #joinTheWarRoomInfo .card, #joinprofitsight .card {
        border-radius: 0; } }
  #headquarters #operations, #joinTheWarRoomInfo #operations, #joinprofitsight #operations {
    background-image: linear-gradient(#086ab1, #022239); }
  #headquarters #staging, #joinTheWarRoomInfo #staging, #joinprofitsight #staging {
    background-image: linear-gradient(to bottom, #5FBD0E, #47940c); }
  #headquarters #recap, #joinTheWarRoomInfo #recap, #joinprofitsight #recap {
    background-image: linear-gradient(#ef8500, #ce7100); }
  #headquarters .chartCard, #joinTheWarRoomInfo .chartCard, #joinprofitsight .chartCard {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5FBD0E), to(#ce7100));
    background-image: linear-gradient(#5FBD0E, #ce7100);
    background-color: #5FBD0E; }

.morning-briefing-cta {
  background: linear-gradient(to bottom, #5FBD0E, #47940c);
  color: white; }
  .morning-briefing-cta:hover, .morning-briefing-cta:active {
    background: linear-gradient(to top, #5FBD0E, #47940c);
    color: white; }

.profit-sight-cta {
  background: linear-gradient(to bottom, #6636c6, #47268a);
  color: white; }
  .profit-sight-cta:hover, .profit-sight-cta:active {
    background: linear-gradient(to top, #6636c6, #47268a);
    color: white; }

.activeTrades {
  background-color: #333333;
  border-radius: 0;
  color: #d2d2d2; }
  .activeTrades .dataTables_wrapper {
    padding-bottom: 1rem; }
    .activeTrades .dataTables_wrapper .dataTables_info, .activeTrades .dataTables_wrapper .dataTables_paginate {
      padding: 0.5rem;
      display: inline-block;
      width: 50%; }
      @media only screen and (max-width: 991px) {
        .activeTrades .dataTables_wrapper .dataTables_info, .activeTrades .dataTables_wrapper .dataTables_paginate {
          display: block;
          width: 100%;
          padding: 0.25rem;
          text-align: center !important; }
          .activeTrades .dataTables_wrapper .dataTables_info .dataTables_length, .activeTrades .dataTables_wrapper .dataTables_paginate .dataTables_length {
            display: none; } }
    .activeTrades .dataTables_wrapper .dataTables_filter {
      padding: 0.75rem; }
      .activeTrades .dataTables_wrapper .dataTables_filter label {
        margin: 0 !important; }
      .activeTrades .dataTables_wrapper .dataTables_filter input {
        background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/war-room-assets/icons/search-solid.svg);
        background-position-x: 0.5rem;
        background-position-y: 50%;
        background-repeat: no-repeat;
        background-size: 1.25rem;
        padding: 0.5rem 0.5rem 0.5rem 2rem;
        border: 0;
        margin-left: 0.5rem;
        border-radius: 0.25rem;
        box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.4);
        position: relative;
        left: -0.5rem; }
      .activeTrades .dataTables_wrapper .dataTables_filter .dataTables_refresh, .activeTrades .dataTables_wrapper .dataTables_filter .paginate_button {
        padding: 0.5rem 0.75rem;
        margin: 0 0.5rem;
        background-color: #333333;
        color: white;
        cursor: pointer;
        border: 1px solid #666666;
        display: inline-block;
        border-radius: 0.25rem;
        box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.4); }
        .activeTrades .dataTables_wrapper .dataTables_filter .dataTables_refresh:hover, .activeTrades .dataTables_wrapper .dataTables_filter .dataTables_refresh:active, .activeTrades .dataTables_wrapper .dataTables_filter .paginate_button:hover, .activeTrades .dataTables_wrapper .dataTables_filter .paginate_button:active {
          background-color: #1a1a1a;
          border: 1px solid #4d4d4d; }
      .activeTrades .dataTables_wrapper .dataTables_filter .dataTables_refresh {
        top: -1px;
        position: relative;
        left: -0.5rem;
        max-height: 41px; }
      .activeTrades .dataTables_wrapper .dataTables_filter .dataTables_info {
        float: left; }
      .activeTrades .dataTables_wrapper .dataTables_filter .dataTables_paginate {
        float: right;
        text-align: right; }

table#openTrades {
  background-color: white;
  width: 100%;
  border: 1px solid #235488;
  color: black; }
  table#openTrades thead {
    background-color: #235488;
    color: white;
    position: sticky;
    top: 0; }
    table#openTrades thead tr th {
      padding: 0.5rem;
      cursor: pointer; }
  table#openTrades tbody tr.group {
    cursor: pointer;
    background-color: rgba(35, 84, 136, 0.8);
    text-align: left;
    color: white; }
    table#openTrades tbody tr.group:hover {
      background-color: rgba(35, 84, 136, 0.8); }
    table#openTrades tbody tr.group i {
      color: white;
      margin-right: 0.5rem; }
  table#openTrades tbody tr.even {
    background-color: rgba(35, 84, 136, 0.2); }
  table#openTrades tbody tr:hover {
    background-color: rgba(35, 84, 136, 0.3); }
  table#openTrades tbody tr.selected {
    background-color: rgba(35, 84, 136, 0.4); }
  table#openTrades tbody tr td {
    padding: 0.5rem; }
    table#openTrades tbody tr td:nth-child(6) {
      text-align: right;
      font-family: "Source Code Pro", monospace; }
      @media only screen and (max-width: 991px) {
        table#openTrades tbody tr td:nth-child(6) {
          text-align: left; } }
    table#openTrades tbody tr td i {
      color: #235488; }

@-moz-document url-prefix() {
  th, td {
    display: table-cell;
    max-width: -moz-max-content; } }

@media only screen and (max-width: 991px) {
  #openTrades {
    display: block; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades thead {
      display: block; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) and (max-width: 991px) {
    #openTrades thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody {
      display: block; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody th {
      display: block; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr {
      border: 1px solid rgba(35, 84, 136, 0.9);
      display: block; }
      #openTrades tbody tr.group {
        background-color: rgba(35, 84, 136, 0.7);
        color: white;
        font-weight: 500; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td {
      display: block;
      border: none;
      border-bottom: 1px solid rgba(35, 84, 136, 0.2);
      padding-left: 40% !important;
      position: relative; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td:nth-child(6) {
      text-align: left; } }

@media only screen and (max-width: 991px) {
    #openTrades tbody tr td:nth-of-type(1) {
      padding-left: 0.5rem !important;
      text-align: left !important; } }
    @media only screen and (max-width: 991px) and (max-width: 991px) {
      #openTrades tbody tr td:nth-of-type(1):before {
        display: none; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td:nth-of-type(2):before {
      content: 'Company'; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td:nth-of-type(3):before {
      content: 'Symbol'; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td:nth-of-type(4):before {
      content: 'Expiration Date'; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td:nth-of-type(5):before {
      content: 'Entry Date'; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td:nth-of-type(6):before {
      content: 'Entry Price';
      font-family: "Roboto", sans-serif, sans-serif;
      text-align: left; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td:nth-of-type(7):before {
      content: 'Comments'; } }

@media only screen and (max-width: 991px) {
    #openTrades tbody tr td:nth-of-type(8) {
      padding-left: 0.5rem !important;
      text-align: left; } }
    @media only screen and (max-width: 991px) and (max-width: 991px) {
      #openTrades tbody tr td:nth-of-type(8):before {
        display: none; } }
  @media only screen and (max-width: 991px) and (max-width: 991px) {
    #openTrades tbody tr td:before {
      position: absolute;
      top: 0.5rem;
      left: 0.5rem;
      width: 45%;
      padding-right: 0.5rem;
      white-space: nowrap; } }

.shown {
  border-top: 2px solid #235488; }

.lastSubtrade {
  border-bottom: 2px solid #235488; }

#stockTickersContainer {
  max-width: 100%;
  overflow: hidden;
  margin: 0 2rem; }
  @media (max-width: 576px) {
    #stockTickersContainer {
      display: none; } }
  #stockTickersContainer .marquee {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 2px;
    width: 10px; }
    #stockTickersContainer .marquee .tbSymbol {
      color: #e6e6e6; }
    #stockTickersContainer .marquee .tbPositive {
      color: #8eff24; }
    #stockTickersContainer .marquee .tbNegative {
      color: #ff5511; }

#loading-ellipse {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: white; }
  #loading-ellipse i {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both; }
    #loading-ellipse i:nth-child(2) {
      animation-delay: .2s; }
    #loading-ellipse i:nth-child(3) {
      animation-delay: .4s; }

#load-more-row {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: white; }
  #load-more-row i {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both; }
    #load-more-row i:nth-child(2) {
      animation-delay: .2s; }
    #load-more-row i:nth-child(3) {
      animation-delay: .4s; }

#searchForm {
  box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid gray;
  position: relative; }

.search.form-row {
  margin-right: 0;
  margin-left: 0;
  padding: 0.25rem 0; }

@media (max-width: 991px) {
  .trade-form-container {
    background-color: #cccccc;
    padding: 0.5rem; } }

.trade-form-container .trade-form {
  display: grid;
  grid-area: form-start / form-start / form-end / form-end;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "left-col right-col" "full-col full-col";
  justify-content: center;
  align-content: center;
  grid-column-gap: 1rem; }
  .trade-form-container .trade-form .left-col, .trade-form-container .trade-form .right-col, .trade-form-container .trade-form .full-col {
    display: grid;
    align-content: start; }
  .trade-form-container .trade-form .left-col {
    grid-column: left-col-start / left-col-end; }
  .trade-form-container .trade-form .right-col {
    grid-column: right-col-start / right-col-end; }
  .trade-form-container .trade-form .full-col {
    grid-column: left-col-start / right-col-end; }
  .trade-form-container .trade-form .trix-button-row {
    justify-content: start; }
    .trade-form-container .trade-form .trix-button-row .trix-button-group {
      margin-bottom: 0.25rem;
      background-color: #d2d2d2; }
      .trade-form-container .trade-form .trix-button-row .trix-button-group:first-of-type {
        margin-right: 0.25rem; }
  .trade-form-container .trade-form #trade-trix-editor {
    min-height: 5.5rem; }

.trade-form-container .preview {
  display: grid;
  grid-template-columns: 1fr;
  grid-area: preview-start / preview-start / preview-end / preview-end;
  justify-content: start;
  align-content: start; }
  .trade-form-container .preview ul {
    padding: 0;
    margin: 0;
    width: 100%; }

.trade-form-container .trade-draft-select.buy {
  background-color: #c7f29e; }

.trade-form-container .trade-draft-select.update {
  background-color: #caeaff; }

.trade-form-container .trade-draft-select.sell {
  background-color: #ffaea8; }

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar label {
  color: white; }

.sidebar #sidebarToggle {
  display: none; }
  .sidebar #sidebarToggle i {
    color: white; }
    .sidebar #sidebarToggle i:hover, .sidebar #sidebarToggle i:focus {
      color: #fff677; }
    .sidebar #sidebarToggle i:active {
      color: #ff0000; }

#accountsettings {
  background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/war-room-assets/backgrounds/black-diamond.png);
  overflow-y: auto !important;
  overflow-x: hidden !important; }
  #accountsettings::-webkit-scrollbar-thumb {
    background-color: gray; }
  #accountsettings::-webkit-scrollbar {
    background-color: #b9b9b9 !important;
    width: 16px; }
  #accountsettings::-webkit-scrollbar:hover {
    background-color: #404040 !important; }
  #accountsettings .wppb-default-password,
  #accountsettings .wppb-default-username,
  #accountsettings .wppb-default-e-mail,
  #accountsettings .wppb-default-first-name,
  #accountsettings .wppb-default-last-name,
  #accountsettings .wppb-default-display-name-publicly-as,
  #accountsettings #select_user_to_edit_form {
    display: none !important; }
  #accountsettings .wppb-form-field {
    padding-bottom: 1rem; }
  #accountsettings .wppb-user-forms {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important; }
    #accountsettings .wppb-user-forms * {
      -webkit-box-sizing: border-box !important;
      -moz-box-sizing: border-box !important;
      box-sizing: border-box !important; }
    #accountsettings .wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]), #accountsettings .wppb-user-forms select, #accountsettings .wppb-user-forms textarea {
      font-size: 100%;
      padding: 0 0.5rem;
      margin: 0;
      vertical-align: baseline; }
    #accountsettings .wppb-user-forms input[type="checkbox"], #accountsettings .wppb-user-forms input[type="radio"] {
      padding: 0; }
    #accountsettings .wppb-user-forms[type="search"] {
      -webkit-appearance: textfield;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
      #accountsettings .wppb-user-forms[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none; }
    #accountsettings .wppb-user-forms button::-moz-focus-inner {
      border: 0;
      padding: 0; }
    #accountsettings .wppb-user-forms input::-moz-focus-inner {
      border: 0;
      padding: 0; }
    #accountsettings .wppb-user-forms[type="text"], #accountsettings .wppb-user-forms[type="number"], #accountsettings .wppb-user-forms[type="email"], #accountsettings .wppb-user-forms[type="url"], #accountsettings .wppb-user-forms[type="password"], #accountsettings .wppb-user-forms[type="search"] {
      color: gray;
      border: 1px solid #c6c6c6;
      border-radius: 3px; }
    #accountsettings .wppb-user-forms textarea {
      color: gray;
      border: 1px solid #c6c6c6;
      border-radius: 3px; }
    #accountsettings .wppb-user-forms input[type="text"]:focus, #accountsettings .wppb-user-forms input[type="number"]:focus, #accountsettings .wppb-user-forms input[type="email"]:focus, #accountsettings .wppb-user-forms input[type="url"]:focus, #accountsettings .wppb-user-forms input[type="password"]:focus, #accountsettings .wppb-user-forms input[type="search"]:focus {
      color: #121212; }
    #accountsettings .wppb-user-forms textarea:focus {
      color: #121212; }
    #accountsettings .wppb-user-forms input[type="text"], #accountsettings .wppb-user-forms input[type="number"], #accountsettings .wppb-user-forms input[type="email"], #accountsettings .wppb-user-forms input[type="url"], #accountsettings .wppb-user-forms input[type="password"], #accountsettings .wppb-user-forms input[type="search"] {
      padding: 3px; }
    #accountsettings .wppb-user-forms textarea {
      overflow: auto;
      padding-left: 3px;
      vertical-align: top;
      width: 100%; }
    #accountsettings .wppb-user-forms button:hover {
      background: none; }
    #accountsettings .wppb-user-forms div.mce-tinymce.mce-panel {
      border: 1px solid #c6c6c6 !important;
      color: gray !important; }
    #accountsettings .wppb-user-forms div.mce-first {
      border-width: 0 0 1px 0 !important; }
    #accountsettings .wppb-user-forms div.mce-last {
      border-width: 1px 0 !important; }
    #accountsettings .wppb-user-forms .quicktags-toolbar {
      border: 1px solid #dedede;
      border-bottom: 0; }
  #accountsettings #wp-link label input[type="text"] {
    padding: 0px; }
  #accountsettings #wppb-search-fields {
    min-width: 250px;
    margin-right: 20px; }
  #accountsettings .wppb-user-forms .wppb-search-button {
    margin-right: 10px;
    padding: 7px 20px;
    line-height: 24px; }
  #accountsettings .wppb-search-users-wrap {
    margin-bottom: 20px; }
  #accountsettings .wppb-user-forms .extra_field_heading {
    margin-bottom: 0; }
  #accountsettings .wppb-user-forms ul {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }
  #accountsettings .wppb-user-forms li {
    list-style: none; }
  #accountsettings #wppb-login-wrap p, #accountsettings #select_user_to_edit_form p {
    overflow: hidden;
    margin: 0;
    padding-bottom: 14px; }
  #accountsettings .wppb-user-forms ul li {
    margin: 0;
    padding-bottom: 14px; }
  #accountsettings .wppb-user-forms:after {
    content: "";
    clear: both;
    display: block; }
  #accountsettings .wppb-user-forms .wppb-input-hidden {
    padding-bottom: 0; }
  #accountsettings .wppb-user-forms.wppb-user-role-administrator .wppb-input-hidden {
    padding-bottom: 14px; }
  #accountsettings .wppb-user-forms .wppb-form-field > ul {
    margin-left: 0; }
  #accountsettings .wppb-form-field label {
    min-height: 1px; }
  #accountsettings #wppb-login-wrap .login-username label, #accountsettings #wppb-login-wrap .login-password label {
    min-height: 1px; }
  #accountsettings .wppb-form-field.wppb-timepicker select {
    width: auto;
    margin-right: 5px; }
  #accountsettings .wppb-user-forms .wppb-wysiwyg .wp-editor-wrap .wp-editor-tabs * {
    box-sizing: content-box !important; }
  #accountsettings .wppb-user-forms .wp-editor-wrap input {
    float: none;
    width: auto; }
  #accountsettings input#send_credentials_via_email {
    float: none;
    width: auto;
    margin-right: 10px; }
  #accountsettings .wppb-send-credentials-checkbox label {
    width: auto; }
  #accountsettings .wppb-form-field > span {
    display: block;
    clear: both; }
    #accountsettings .wppb-form-field > span.custom_field_html {
      font-style: normal;
      font-size: 100%; }
    #accountsettings .wppb-form-field > span.select2-container {
      font-style: normal;
      font-size: 100%;
      clear: none; }
  #accountsettings .wppb-repeater .wppb-select-cpt span.select2-container {
    width: auto !important; }
  #accountsettings .wppb-form-field.wppb-timepicker > span.wppb-timepicker-separator {
    display: block;
    clear: none;
    margin-left: 0;
    margin-right: 5px;
    font-size: 100%;
    font-style: normal; }
  #accountsettings .wppb_upload_button {
    display: block; }
  #accountsettings .wppb-user-forms .wppb-checkboxes li, #accountsettings .wppb-user-forms .wppb-radios li {
    display: block; }
  #accountsettings .wppb-user-forms .wppb-checkboxes li.wppb-hidden {
    padding: 0; }
  #accountsettings .wppb-form-field .wppb-checkboxes label, #accountsettings .wppb-form-field .wppb-radios label {
    float: none;
    width: auto;
    display: block; }
  #accountsettings .wppb-checkbox-terms-and-conditions input, #accountsettings .wppb-checkboxes li input, #accountsettings .wppb-radios li input {
    min-width: 0;
    float: none;
    width: auto; }
  #accountsettings .wppb-edit-user .wppb-checkbox-terms-and-conditions {
    display: none; }
  #accountsettings .wppb-form-field.wppb-heading span, #accountsettings .wppb-default-about-yourself-heading span, #accountsettings .wppb-default-contact-info-heading span, #accountsettings .wppb-default-name-heading span {
    margin-left: 0; }
  #accountsettings .wppb-checkbox-terms-and-conditions span {
    margin-left: 0; }
  #accountsettings .wppb-checkbox-terms-and-conditions label {
    width: 100%; }
  #accountsettings .wppb-form-field.wppb-checkbox-terms-and-conditions input[type="checkbox"].custom_field_toa {
    float: none;
    width: auto;
    margin-right: 10px; }
  #accountsettings .wppb-recaptcha-element {
    display: block; }
    #accountsettings .wppb-recaptcha-element.wppb-invisible-recaptcha {
      display: block !important; }
    #accountsettings .wppb-recaptcha-element iframe {
      margin-bottom: 0; }
  #accountsettings .wppb-form-field input.wppb-map-search-box {
    position: absolute;
    top: 10px !important;
    height: 34px;
    width: 50%;
    min-width: 250px;
    background: white;
    border: 0;
    border-radius: 1px;
    padding: 0 10px;
    box-shadow: 0 1px 1px 0 #c1c1c1;
    font-family: 'Roboto', sans-serif; }
  #accountsettings .wppb-create-new-site {
    width: 100%; }
  #accountsettings input#wppb_create_new_site_checkbox {
    width: auto;
    margin-right: 10px;
    float: none; }
  #accountsettings label[for=wppb_create_new_site_checkbox], #accountsettings label[for=blog-privacy] {
    width: 100%; }
  #accountsettings .wppb-gdpr-checkbox.wppb-form-field label {
    width: 100%;
    float: none; }
  #accountsettings .wppb-gdpr-checkbox.wppb-form-field #user_consent_gdpr {
    float: none;
    width: auto;
    margin: 0 10px 0 0; }
  #accountsettings #wppb_general_top_error_message, #accountsettings .wppb-error, #accountsettings .wppb-warning {
    padding: 6px 9px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #ffebe8;
    border: 1px solid #C00; }
  #accountsettings #wppb_general_top_error_message, #accountsettings .wppb-error, #accountsettings .wppb-warning {
    color: #212121 222 !important; }
  #accountsettings #wppb_general_top_error_message a, #accountsettings .wppb-error a, #accountsettings .wppb-warning a {
    color: #007acc !important; }
  #accountsettings #wppb_general_top_error_message a:hover, #accountsettings .wppb-error a:hover, #accountsettings .wppb-warning a:hover {
    color: #007acc !important;
    text-decoration: underline; }
  #accountsettings .wppb-required {
    color: red;
    float: left;
    margin-right: 5px; }
  #accountsettings .wppb-checkbox-terms-and-conditions span.wppb-required {
    margin-left: 5px; }
  #accountsettings #wppb_form_success_message, #accountsettings .wppb-success {
    padding: 6px 9px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #e7f7d3;
    border: 1px solid #6c3; }
  #accountsettings .wppb-register-user .wppb-field-error, #accountsettings .wppb-edit-user .wppb-field-error, #accountsettings #wppb-recover-password .wppb-field-error {
    background-color: #FFDFDF;
    border: 1px dotted #C89797;
    margin-bottom: 6px !important;
    padding: 6px !important; }
  #accountsettings .wppb-field-error > input, #accountsettings .wppb-field-error > select, #accountsettings .wppb-field-error > textarea, #accountsettings .wppb-field-error > label {
    margin-bottom: 10px; }
  #accountsettings .wppb-field-error > img {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border-radius: 0px;
    vertical-align: middle;
    margin-top: -3px;
    width: auto;
    height: auto; }
  #accountsettings .wppb-form-field > span.wppb-form-error {
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px dotted #c89797;
    font-size: 100%;
    margin-left: 0; }
  #accountsettings #wppb-register-user .wppb-default-blog-details.wppb-field-error {
    background-color: transparent !important;
    border: 0px !important; }
  #accountsettings .wppb-default-blog-details > span.wppb-form-error {
    display: none; }
  #accountsettings .wppb-blog-details-heading span {
    margin-left: 0; }
  #accountsettings .wppb-table * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-spacing: 0.5rem;
    border-collapse: collapse;
    width: 100%; }
  #accountsettings .wppb-table th {
    background: #f4f4f4;
    padding: 7px;
    border: 1px solid #e1e1e1;
    text-align: left; }
  #accountsettings .wppb-table thead tr:hover {
    background: none; }
  #accountsettings .wppb-table .wppb-sorting-default {
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/sorting-default.png") no-repeat center center;
    vertical-align: middle; }
  #accountsettings .wppb-table .wppb-sorting-ascending {
    background-image: url("../images/sorting-ascending.png"); }
  #accountsettings .wppb-table .wppb-sorting-descending {
    background-image: url("../images/sorting-descending.png"); }
  #accountsettings .wppb-table tr:hover {
    background: #f1fcff; }
  #accountsettings .wppb-table td {
    padding: 7px;
    border: 1px solid #e1e1e1; }
  #accountsettings .wppb-table .wppb-posts, #accountsettings .wppb-table .wppb-moreinfo {
    text-align: center; }
  #accountsettings .wppb-avatar img {
    max-width: none; }
  #accountsettings ul.wppb-profile {
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }
  #accountsettings ul li {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden; }
    #accountsettings ul li label {
      display: block;
      min-height: 1px;
      font-weight: bold; }
    #accountsettings ul li span {
      display: block; }
    #accountsettings ul li h3 {
      margin: 20px 0;
      padding-top: 20px; }
  #accountsettings ul.wppb-faceted-list {
    list-style: none;
    margin: 0 0 20px; }
    #accountsettings ul.wppb-faceted-list:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    #accountsettings ul.wppb-faceted-list > li {
      margin-right: 15px;
      max-width: 300px; }
  #accountsettings .wppb-userlisting-container .wppb-faceted-list li h5 {
    margin-top: 20px;
    margin-bottom: 5px; }
  #accountsettings ul.wppb-faceted-list label > * {
    vertical-align: middle; }
  #accountsettings ul.wppb-faceted-list input[type="checkbox"] {
    margin-right: 5px; }
  #accountsettings .wppb-userlisting-container.wppb-spinner {
    position: relative;
    opacity: 0.5; }
    #accountsettings .wppb-userlisting-container.wppb-spinner:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -16px;
      margin-left: -16px;
      display: block;
      width: 32px;
      height: 32px;
      z-index: 1000; }
  #accountsettings ul.wppb-faceted-list .hide-this {
    display: none; }
  #accountsettings #wppb-remove-facets-container {
    list-style: none;
    margin: 0; }
  #accountsettings .wppb-remove-facet:before, #accountsettings .wppb-remove-all-facets:before {
    content: "x";
    display: block;
    border-right: 1px dotted #D3CCC9;
    border-right: 1px dotted #6F6F6F;
    padding-right: 5px;
    margin-right: 5px; }
  #accountsettings .wppb-userlisting-container .wppb-ul-range-values {
    padding: 5px 0; }
  #accountsettings .wppb-userlisting-container .wppb-facet-select-multiple {
    height: auto; }
  #accountsettings .wppb-userlisting-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #accountsettings .wppb-float-right {
    float: right; }
  #accountsettings .wppb-facet-float-left {
    max-width: 300px; }
  #accountsettings .wppb-facet-float-right {
    float: right;
    max-width: 300px; }
  @media screen and (max-width: 720px) {
    #accountsettings .wppb-table {
      border: 0; }
    #accountsettings thead {
      display: none; }
    #accountsettings tr {
      display: block;
      margin-bottom: 30px; }
    #accountsettings td {
      display: block;
      text-align: right;
      border-bottom: 0; }
      #accountsettings td:last-of-type {
        border-bottom: 1px solid #e1e1e1; }
    #accountsettings .wppb-posts, #accountsettings .wppb-moreinfo {
      text-align: right; }
    #accountsettings td:before {
      content: attr(data-label); }
    #accountsettings td:after {
      content: '';
      display: block;
      clear: both; } }
  @media screen and (max-width: 400px) {
    #accountsettings .wppb-form-field label {
      width: 100%;
      display: block; }
    #accountsettings #wppb-login-wrap .login-username label, #accountsettings #wppb-login-wrap .login-password label {
      width: 100%;
      display: block; }
    #accountsettings ul.wppb-profile li label {
      width: 100%;
      display: block; }
    #accountsettings .wppb-form-field {
      padding-bottom: 1rem; }
      #accountsettings .wppb-form-field input, #accountsettings .wppb-form-field select, #accountsettings .wppb-form-field textarea {
        width: 100%; }
    #accountsettings .wppb-checkboxes, #accountsettings .wppb-radios {
      width: 100%; }
    #accountsettings #wppb-login-wrap .login-username input, #accountsettings #wppb-login-wrap .login-password input {
      width: 100%; }
    #accountsettings ul.wppb-profile li span {
      width: 100%; }
    #accountsettings .wppb-form-field > span {
      margin-left: 0; }
    #accountsettings .wppb-checkboxes li label, #accountsettings .wppb-radios li label {
      display: inline; }
    #accountsettings .wppb-form-field .wppb-avatar-nofile, #accountsettings .wppb-form-field .wppb-avatar-file, #accountsettings .wppb-form-field .wppb-upload-nofile, #accountsettings .wppb-form-field .wppb-upload-file {
      margin-left: 0; } }
  #accountsettings #pass-strength-result {
    background-color: #eee;
    border: 1px solid #a6a6a6;
    display: none;
    margin: 13px 5px 5px 30%;
    padding: 3px 5px;
    text-align: center;
    width: 200px;
    height: 28px; }
    #accountsettings #pass-strength-result.short {
      background-color: #ffa0a0;
      border-color: #f04040; }
    #accountsettings #pass-strength-result.bad {
      background-color: #ffb78c;
      border-color: #ff853c; }
    #accountsettings #pass-strength-result.good {
      background-color: #ffec8b;
      border-color: #fc0; }
    #accountsettings #pass-strength-result.strong {
      background-color: #c3ff88;
      border-color: #8dff1c; }
  #accountsettings .wppb-form-field.wppb-subscription-plans label {
    width: 100%; }
  #accountsettings .wppb-form-field.wppb-subscription-plans input {
    display: block;
    width: auto;
    margin-right: 10px !important; }
  #accountsettings .wppb-form-field.wppb-subscription-plans span.description {
    display: block;
    font-size: 100%;
    font-style: italic;
    margin-left: 0;
    margin-bottom: 1.5em; }
  #accountsettings .wppb-user-forms table {
    border-collapse: separate; }
  #accountsettings .wppb-private-website.wppb-private-website-hide-menus .main-navigation {
    display: none; }

/* move me! */
#updateProfileForm, #ProfightSightSMS {
  background-color: #d2d2d2; }

.briefing-ad {
  background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/morning-briefing/morning-briefing-ad-background.jpg);
  background-size: cover;
  font-family: 'Montserrat', sans-serif; }
  .briefing-ad header h1 {
    text-align: center;
    font-weight: 900;
    color: #ffc107;
    font-size: 1.5em;
    text-transform: uppercase; }
    @media screen and (max-width: 414px) {
      .briefing-ad header h1 {
        font-size: 1.1rem; } }
    @media screen and (max-width: 320px) {
      .briefing-ad header h1 {
        font-size: .8rem; } }
  .briefing-ad header h2 {
    text-align: center;
    font-weight: 800;
    color: white;
    font-size: 1.25rem; }
  @media screen and (max-width: 414px) {
    .briefing-ad header {
      font-size: .7rem; } }
  @media screen and (max-width: 414px) {
    .briefing-ad header {
      font-size: .6rem; } }
  @media screen and (max-width: 320px) {
    .briefing-ad header {
      font-size: 1rem; } }

.promo-banner {
  font-family: 'Montserrat', sans-serif;
  background-color: white;
  background-size: cover;
  background-repeat: none;
  text-align: center; }
  .promo-banner .order-form-link {
    cursor: pointer; }
  .promo-banner #pLeftImage img, .promo-banner #pRightImage img {
    max-width: 310px; }

#close-button {
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  z-index: 6666; }
  #close-button:hover i, #close-button:focus i {
    color: #ff0000;
    cursor: pointer; }

.sticky-announcement {
  position: sticky;
  top: 0;
  z-index: 900; }

#bannerImage:hover, #bannerImage:focus {
  cursor: pointer; }

#specialoffer {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background-color: white; }
  #specialoffer .text-container p {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: black; }
    #specialoffer .text-container p:last-of-type {
      margin-bottom: 0; }
    @media screen and (max-width: 414px) {
      #specialoffer .text-container p {
        font-size: .9rem; } }
  #specialoffer button {
    background: linear-gradient(#14e047, #28af4a);
    border: 0px solid #28af4a;
    padding: 1rem;
    font-weight: bold;
    color: white;
    font-size: 1.25rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    @media screen and (max-width: 990px) {
      #specialoffer button {
        background-color: black;
        font-size: 1rem;
        padding: 0.5rem; } }
    #specialoffer button:hover {
      background: linear-gradient(#28af4a, #14e047); }

#moderatortools, #golive {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(0, 0, 0, 0.5); }
  #moderatortools h3, #moderatortools h5, #golive h3, #golive h5 {
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 576px) {
    #moderatortools h3, #golive h3 {
      font-size: 1.25rem; } }
  @media screen and (max-width: 576px) {
    #moderatortools h5, #golive h5 {
      font-size: 1rem; } }
  #moderatortools::-webkit-scrollbar-thumb, #golive::-webkit-scrollbar-thumb {
    background-color: gray; }
  #moderatortools::-webkit-scrollbar, #golive::-webkit-scrollbar {
    background-color: #b9b9b9 !important;
    width: 16px; }
  #moderatortools::-webkit-scrollbar:hover, #golive::-webkit-scrollbar:hover {
    background-color: #404040 !important; }
  #moderatortools .hq-section, #golive .hq-section {
    background-color: white;
    list-style: none;
    padding: 0;
    margin: 0; }
    #moderatortools .hq-section a, #golive .hq-section a {
      color: black;
      text-decoration: none; }
    #moderatortools .hq-section li, #golive .hq-section li {
      border-bottom: 1px solid #d2d2d2; }
      #moderatortools .hq-section li:hover, #moderatortools .hq-section li:focus, #golive .hq-section li:hover, #golive .hq-section li:focus {
        background-color: #d2d2d2;
        text-decoration: none; }
      #moderatortools .hq-section li:active, #golive .hq-section li:active {
        background-color: #c6c6c6; }
  #moderatortools .card, #golive .card {
    border: none;
    border-radius: 5px; }
    @media screen and (max-width: 991px) {
      #moderatortools .card, #golive .card {
        border-radius: 0; } }
  #moderatortools #modTools, #moderatortools #goLiveTools, #golive #modTools, #golive #goLiveTools {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#086ab1), to(#022239));
    background-image: linear-gradient(#086ab1, #022239);
    background-color: #022239; }
  #moderatortools #modLinks, #golive #modLinks {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5FBD0E), to(#47940c));
    background-image: linear-gradient(to bottom, #5FBD0E, #47940c);
    background-color: #5FBD0E; }
  #moderatortools #modHelp, #golive #modHelp {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ef8500), to(#ce7100));
    background-image: linear-gradient(#ef8500, #ce7100);
    background-color: #ef8500; }

.moderationPages #mod_userInfo {
  border-left: 1px solid black; }
  .moderationPages #mod_userInfo #modTabUserName, .moderationPages #mod_userInfo .modTabLabelWhite {
    color: white; }

.moderationPages #mod_tabs li {
  color: white;
  border: 1px solid white;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.modMenuLoading {
  background-color: #0e2237;
  color: #fff677; }

.modMenuItem .fas {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65); }

.modMenuItem .fa-ghost {
  color: #8745ff; }

.modMenuItem .fa-comment-slash {
  color: #b30000; }

.modMenuItem .fa-exclamation-triangle {
  color: #ffae00; }

.user-info {
  padding: 0.5rem 0.5rem 0 0.5rem; }
  @media (max-width: 576px) {
    .user-info {
      padding: 0.25rem 0.25rem 0 0.25rem; } }
  .user-info .avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 0.5rem; }
  .user-info .badges.lifetime {
    color: #98c73a;
    background: radial-gradient(circle at left top, #87ff89 25%, #00a102 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .user-info .badges.coach {
    color: #f0830b;
    background: radial-gradient(circle at left top, #F0830D 25%, #d24f00 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .user-info .badges.pro {
    color: #f0830b;
    background: radial-gradient(circle at left top, #45bcc7 25%, #98c73a, #f1c40f, #f0830b, #f15a24 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .user-info .badges.gains-1 {
    color: #f1c40f;
    background: radial-gradient(circle at left top, #fbd400 25%, #ff9b00 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .user-info .badges.gains-2 {
    color: #7209b7;
    background: radial-gradient(circle at left top, #f72585 1%, #7209b7 33%, #3a0ca3 66%, #0063ff 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .user-info .badges.papertrade {
    color: #0d446d;
    background: radial-gradient(circle at left top, #367bff 25%, #003395 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .user-info .badges.winners {
    color: #45bcc7;
    background: radial-gradient(circle at left top, #36e3ff 25%, #00728d 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .user-info .badges.napa-summit-2022 {
    color: #9E1F63;
    background: radial-gradient(circle at left top, #C6398A 25%, #9E1F63 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

#notifications .notification {
  background-color: white;
  color: black;
  display: block;
  border-bottom: 1px solid #c6c6c6;
  padding: 1.25rem; }
  #notifications .notification .fa-reply, #notifications .notification .fa-reply-all {
    color: #235488; }
  #notifications .notification .fa-times {
    color: #ff0000;
    cursor: pointer; }
  #notifications .notification .fa-check {
    color: #008800; }
  #notifications .notification .go-to-message {
    color: #235488;
    cursor: pointer; }

#notificationsForm {
  border-bottom: 1px solid gray;
  box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.25);
  position: relative; }

#joinTheWarRoomInfo, #joinprofitsight {
  display: grid;
  grid-template-areas: "testimonials-left card testimonials-right";
  grid-template-columns: 1fr minmax(auto, 732px) 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: .5rem; }
  @media (max-width: 991px) {
    #joinTheWarRoomInfo, #joinprofitsight {
      grid-template-columns: minmax(0, auto) 1fr minmax(0, auto);
      grid-column-gap: 0; } }
  #joinTheWarRoomInfo .testimonials-left, #joinprofitsight .testimonials-left {
    grid-column: testimonials-left-start / testimonials-left-end; }
    @media screen and (max-width: 1470px) {
      #joinTheWarRoomInfo .testimonials-left, #joinprofitsight .testimonials-left {
        display: none; } }
  #joinTheWarRoomInfo .testimonials-right, #joinprofitsight .testimonials-right {
    grid-column: testimonials-right-start / testimonials-right-end; }
    @media screen and (max-width: 1470px) {
      #joinTheWarRoomInfo .testimonials-right, #joinprofitsight .testimonials-right {
        display: none; } }
  #joinTheWarRoomInfo .card_container, #joinprofitsight .card_container {
    grid-column: card-start / card-end;
    grid-row: card-start / card-end; }
    #joinTheWarRoomInfo .card_container .card, #joinprofitsight .card_container .card {
      box-shadow: 0 0 0.5rem black; }
      @media (max-width: 991px) {
        #joinTheWarRoomInfo .card_container .card, #joinprofitsight .card_container .card {
          border-radius: 0; } }
  #joinTheWarRoomInfo .testimonials-left .card, #joinTheWarRoomInfo .testimonials-right .card, #joinprofitsight .testimonials-left .card, #joinprofitsight .testimonials-right .card {
    box-shadow: inset 0 0 1rem 0 black, 0 0 1px 0 #a2e965;
    background-color: rgba(0, 0, 0, 0.25); }
    #joinTheWarRoomInfo .testimonials-left .card h4, #joinTheWarRoomInfo .testimonials-right .card h4, #joinprofitsight .testimonials-left .card h4, #joinprofitsight .testimonials-right .card h4 {
      font-size: 1.1rem;
      line-height: 1.5;
      font-family: "Montserrat", sans-serif; }
      #joinTheWarRoomInfo .testimonials-left .card h4 .quote, #joinTheWarRoomInfo .testimonials-right .card h4 .quote, #joinprofitsight .testimonials-left .card h4 .quote, #joinprofitsight .testimonials-right .card h4 .quote {
        color: #a2e965;
        font-weight: 500;
        font-style: italic; }
        #joinTheWarRoomInfo .testimonials-left .card h4 .quote .pop, #joinTheWarRoomInfo .testimonials-right .card h4 .quote .pop, #joinprofitsight .testimonials-left .card h4 .quote .pop, #joinprofitsight .testimonials-right .card h4 .quote .pop {
          color: #fffeaa;
          font-weight: 500; }
      #joinTheWarRoomInfo .testimonials-left .card h4 .attribution, #joinTheWarRoomInfo .testimonials-right .card h4 .attribution, #joinprofitsight .testimonials-left .card h4 .attribution, #joinprofitsight .testimonials-right .card h4 .attribution {
        color: #fffeaa;
        font-weight: 400;
        display: block; }

.newMessagesYet {
  cursor: pointer; }

.greyed-out {
  opacity: .3;
  cursor: pointer; }

.trix-button.joinTheConvoButton {
  background: #008800;
  background-color: #008800;
  color: white; }
  .trix-button.joinTheConvoButton:hover, .trix-button.joinTheConvoButton:focus {
    box-shadow: inset 0 0 4px #006400bf;
    color: white; }
  .trix-button.joinTheConvoButton:active {
    box-shadow: inset 0 0 6px #006400bf;
    background-color: #003c00; }

#usercharts {
  display: grid;
  grid-template-areas: "charts";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-column-gap: 1rem; }
  @media (max-width: 991px) {
    #usercharts {
      grid-template-columns: 1fr;
      grid-column-gap: 0; } }
  #usercharts #addUserChartFormWrapper {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto; }
  #usercharts #userChartsContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto 1fr;
    grid-column-gap: 1rem; }
    @media (max-width: 991px) {
      #usercharts #userChartsContainer {
        grid-template-columns: 1fr;
        grid-column-gap: 0; } }
    @media screen and (min-width: 1899px) {
      #usercharts #userChartsContainer {
        grid-template-columns: 1fr 1fr 1fr; } }
    #usercharts #userChartsContainer .removeUserChart, #usercharts #userChartsContainer .expandUserChart {
      width: 2rem;
      height: 2rem; }
  #usercharts .card_container {
    grid-column: charts-start / charts-end; }
    #usercharts .card_container .card {
      box-shadow: 0 0 0.5rem black;
      background: #e8e8e8; }
      @media (max-width: 991px) {
        #usercharts .card_container .card {
          border-radius: 0;
          box-shadow: unset; } }
  #usercharts #userChartModal {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 10%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4); }
    #usercharts #userChartModal .modal-content {
      background-color: #fefefe;
      padding: 20px;
      border: 1px solid #888;
      width: 80%;
      margin: auto; }
      @media (max-width: 991px) {
        #usercharts #userChartModal .modal-content {
          width: 100%;
          margin: 0; }
          #usercharts #userChartModal .modal-content .closeUserChart {
            margin-bottom: 16px; } }
  @media (max-width: 768px) {
    #usercharts .expandUserChart {
      display: none; } }

#promoBuilderBody {
  font-family: "Source Code Pro", monospace;
  font-size: 12px;
  background-color: #1a092b;
  color: #fff386;
  height: 140px;
  border: 2px solid transparent; }
  #promoBuilderBody:focus {
    border: 2px solid #8535d4;
    box-shadow: unset; }

#promoBuilderBackgroundImage-options, #promoBuilderLeftImage-options, #promoBuilderRightImage-options {
  max-height: 160px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #ced4da; }

.promoBuilderPhotos {
  margin: 0.5rem;
  object-fit: cover;
  border: 1px solid #ced4da;
  width: 120px;
  height: 120px; }

.compact .message .user-info {
  padding: 0.25rem 0 0.25rem 0.5rem; }
  .compact .message .user-info .avatar {
    height: 20px;
    width: 20px;
    margin-right: 0.25rem; }
  .compact .message .user-info .date {
    margin: 0 0 0 0.25rem; }

.compact .message .message-trade {
  padding: 0.25rem 0 0.25rem 0.5rem; }

.compact .message .message-content {
  padding-top: 0.25rem; }

.compact .message .message-action-panel {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  background-color: transparent; }
  .compact .message .message-action-panel > .btn {
    margin-right: 0.5rem; }
  .compact .message .message-action-panel .btn {
    border: 0;
    padding: 0;
    background-color: transparent; }
    .compact .message .message-action-panel .btn:hover, .compact .message .message-action-panel .btn:focus, .compact .message .message-action-panel .btn:active {
      color: black;
      box-shadow: none;
      background-color: transparent; }
    .compact .message .message-action-panel .btn span {
      display: none; }
    .compact .message .message-action-panel .btn i {
      margin-right: 0; }
      @media screen and (max-width: 576px) {
        .compact .message .message-action-panel .btn i {
          display: inline !important; } }
  .compact .message .message-action-panel .delete, .compact .message .message-action-panel .removeEmbed {
    color: #b30000;
    font-size: 12px; }
    .compact .message .message-action-panel .delete.send-reply, .compact .message .message-action-panel .removeEmbed.send-reply {
      padding: 0 0.75rem;
      background-color: #008800; }
      .compact .message .message-action-panel .delete.send-reply:hover, .compact .message .message-action-panel .delete.send-reply:focus, .compact .message .message-action-panel .delete.send-reply:active, .compact .message .message-action-panel .removeEmbed.send-reply:hover, .compact .message .message-action-panel .removeEmbed.send-reply:focus, .compact .message .message-action-panel .removeEmbed.send-reply:active {
        color: white;
        background-color: #003c00; }
  .compact .message .message-action-panel .reply {
    color: #003c00;
    font-size: 12px; }
    .compact .message .message-action-panel .reply:hover, .compact .message .message-action-panel .reply:focus, .compact .message .message-action-panel .reply:active {
      color: #008800;
      background-color: transparent; }
  .compact .message .message-action-panel .delete {
    color: #b30000;
    font-size: 12px; }
    .compact .message .message-action-panel .delete:hover, .compact .message .message-action-panel .delete:focus, .compact .message .message-action-panel .delete:active {
      color: #ff0000;
      background-color: transparent; }
  .compact .message .message-action-panel .favorite {
    color: #333333;
    font-size: 12px; }
    .compact .message .message-action-panel .favorite:hover, .compact .message .message-action-panel .favorite:focus, .compact .message .message-action-panel .favorite:active {
      color: #ff0000;
      background-color: transparent; }
    .compact .message .message-action-panel .favorite.favorited {
      color: #ff0000; }
  .compact .message .message-action-panel .like {
    color: #333333;
    font-size: 12px; }
    .compact .message .message-action-panel .like:hover, .compact .message .message-action-panel .like:focus, .compact .message .message-action-panel .like:active {
      color: #235488;
      background-color: transparent; }
    .compact .message .message-action-panel .like.liked {
      color: #235488; }
  .compact .message .message-action-panel.delete-panel {
    padding: 0.25rem 0 0.25rem 0.5rem;
    background-color: #ffaea8; }
    .compact .message .message-action-panel.delete-panel .btn {
      color: white;
      font-weight: bold;
      margin-right: 0.25rem;
      padding: 0.25rem 0.5rem; }
      .compact .message .message-action-panel.delete-panel .btn.confirm-delete {
        background-color: #008800; }
        .compact .message .message-action-panel.delete-panel .btn.confirm-delete:hover, .compact .message .message-action-panel.delete-panel .btn.confirm-delete:focus {
          box-shadow: inset 0 0 6px #33333380;
          background-color: #005500; }
      .compact .message .message-action-panel.delete-panel .btn.cancel-delete {
        background-color: #ff0000; }
        .compact .message .message-action-panel.delete-panel .btn.cancel-delete:hover, .compact .message .message-action-panel.delete-panel .btn.cancel-delete:focus {
          box-shadow: inset 0 0 6px #33333380;
          background-color: #cc0000; }
  .compact .message .message-action-panel .positionSizeAppend {
    margin-right: 1rem; }

.compact .message .reply-form .btn {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 0.25rem 0.75rem; }

.compact .message .reply-form .cancel-action span {
  background-color: white;
  color: #b30000; }
  .compact .message .reply-form .cancel-action span:hover, .compact .message .reply-form .cancel-action span:focus {
    border-color: #ff0000;
    z-index: 1;
    cursor: pointer; }
  .compact .message .reply-form .cancel-action span:active {
    background-color: #ff0000bf;
    box-shadow: inset 0 0 6px #ff0000bf;
    border-color: #ff0000;
    z-index: 1;
    cursor: pointer; }
    .compact .message .reply-form .cancel-action span:active i {
      color: white; }

.compact .message .reply-form .send-reply {
  background-color: #008800;
  color: white;
  font-size: 14px;
  font-weight: 700; }
  .compact .message .reply-form .send-reply:hover, .compact .message .reply-form .send-reply:focus {
    box-shadow: inset 0 0 4px #006400bf;
    color: white;
    background-color: #006f00; }
  .compact .message .reply-form .send-reply:active {
    box-shadow: inset 0 0 6px #006400bf;
    background-color: #003c00; }
  .compact .message .reply-form .send-reply span {
    display: block;
    margin: 0; }

.compact .message .reply-container {
  padding: 0 0 0 0.75rem; }
  .compact .message .reply-container .user-info {
    padding: 0; }
  .compact .message .reply-container .reply-action-panel {
    padding: 0 0 0 0.25rem; }
    .compact .message .reply-container .reply-action-panel .btn {
      border-radius: 0;
      border: 1px dotted transparent;
      padding: 0;
      font-size: 10px;
      margin-right: 0.25rem; }
      .compact .message .reply-container .reply-action-panel .btn i {
        margin-right: 0.25rem; }
      .compact .message .reply-container .reply-action-panel .btn:hover, .compact .message .reply-container .reply-action-panel .btn focus {
        border-bottom: 1px dotted #333333; }
      .compact .message .reply-container .reply-action-panel .btn:active {
        border-bottom: 1px dotted black; }
    .compact .message .reply-container .reply-action-panel.delete-panel .btn {
      border-radius: 0.25rem;
      padding: 0.5rem 0.75rem; }
    .compact .message .reply-container .reply-action-panel.delete {
      border: 1px dotted transparent; }
      .compact .message .reply-container .reply-action-panel.delete:hover, .compact .message .reply-container .reply-action-panel.delete:focus {
        box-shadow: none;
        border-bottom: 1px dotted #ff0000bf; }
      .compact .message .reply-container .reply-action-panel.delete:active {
        box-shadow: none;
        background-color: transparent;
        border-bottom: 1px dotted #ff0000bf; }

.compact .message .delete-panel {
  padding: 0.25rem; }