@font-face {
  font-family: "megaphone-font";
  src: url("font/megaphone-font.eot?fcb405b8f3651cb3a5db38e022189ba9");
  src: url("font/megaphone-font.eot?#iefix") format("embedded-opentype"), url("font/megaphone-font.woff2?fcb405b8f3651cb3a5db38e022189ba9") format("woff2"), url("font/megaphone-font.woff?fcb405b8f3651cb3a5db38e022189ba9") format("woff"), url("font/megaphone-font.ttf?fcb405b8f3651cb3a5db38e022189ba9") format("truetype"), url("font/megaphone-font.svg?fcb405b8f3651cb3a5db38e022189ba9#megaphone-font") format("svg");
  font-weight: normal;
  font-style: normal; }

.mp-icon {
  font-family: "megaphone-font";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mpicon_arrow:before {
  content: "\f101"; }

.mpicon_chat:before {
  content: "\f102"; }

.mpicon_collapse:before {
  content: "\f103"; }

.mpicon_down:before {
  content: "\f104"; }

.mpicon_expand:before {
  content: "\f105"; }

.mpicon_flag-2:before {
  content: "\f106"; }

.mpicon_flag:before {
  content: "\f107"; }

.mpicon_link:before {
  content: "\f108"; }

.mpicon_menu:before {
  content: "\f109"; }

.mpicon_person-x:before {
  content: "\f10a"; }

.mpicon_right:before {
  content: "\f10b"; }

.mpicon_trash:before {
  content: "\f10c"; }

.mpicon_x:before {
  content: "\f10d"; }

@font-face {
  font-family: "megaphone-font";
  src: url("font/megaphone-font.woff2?v2") format("woff2"), url("font/megaphone-font.woff?v2") format("woff"), url("font/megaphone-font.ttf?v2") format("truetype");
  font-weight: normal;
  font-style: normal; }

.megaphone_wrapper {
  background: none;
  height: 100%;
  position: relative;
  width: 100%; }

.megaphone_wrapper html,
.megaphone_wrapper body,
.megaphone_wrapper div,
.megaphone_wrapper applet,
.megaphone_wrapper object,
.megaphone_wrapper iframe,
.megaphone_wrapper h1,
.megaphone_wrapper h2,
.megaphone_wrapper h3,
.megaphone_wrapper h4,
.megaphone_wrapper h5,
.megaphone_wrapper h6,
.megaphone_wrapper p,
.megaphone_wrapper blockquote,
.megaphone_wrapper pre,
.megaphone_wrapper a,
.megaphone_wrapper abbr,
.megaphone_wrapper acronym,
.megaphone_wrapper address,
.megaphone_wrapper big,
.megaphone_wrapper cite,
.megaphone_wrapper code,
.megaphone_wrapper del,
.megaphone_wrapper dfn,
.megaphone_wrapper em,
.megaphone_wrapper img,
.megaphone_wrapper ins,
.megaphone_wrapper kbd,
.megaphone_wrapper q,
.megaphone_wrapper s,
.megaphone_wrapper samp,
.megaphone_wrapper small,
.megaphone_wrapper strike,
.megaphone_wrapper strong,
.megaphone_wrapper sub,
.megaphone_wrapper sup,
.megaphone_wrapper tt,
.megaphone_wrapper var,
.megaphone_wrapper b,
.megaphone_wrapper u,
.megaphone_wrapper i,
.megaphone_wrapper center,
.megaphone_wrapper dl,
.megaphone_wrapper dt,
.megaphone_wrapper dd,
.megaphone_wrapper ol,
.megaphone_wrapper ul,
.megaphone_wrapper li,
.megaphone_wrapper fieldset,
.megaphone_wrapper form,
.megaphone_wrapper label,
.megaphone_wrapper legend,
.megaphone_wrapper table,
.megaphone_wrapper caption,
.megaphone_wrapper tbody,
.megaphone_wrapper tfoot,
.megaphone_wrapper thead,
.megaphone_wrapper tr,
.megaphone_wrapper th,
.megaphone_wrapper td,
.megaphone_wrapper article,
.megaphone_wrapper aside,
.megaphone_wrapper canvas,
.megaphone_wrapper details,
.megaphone_wrapper embed,
.megaphone_wrapper figure,
.megaphone_wrapper figcaption,
.megaphone_wrapper footer,
.megaphone_wrapper header,
.megaphone_wrapper hgroup,
.megaphone_wrapper menu,
.megaphone_wrapper nav,
.megaphone_wrapper output,
.megaphone_wrapper ruby,
.megaphone_wrapper section,
.megaphone_wrapper summary,
.megaphone_wrapper time,
.megaphone_wrapper mark,
.megaphone_wrapper audio,
.megaphone_wrapper video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

.megaphone_wrapper article,
.megaphone_wrapper aside,
.megaphone_wrapper details,
.megaphone_wrapper figcaption,
.megaphone_wrapper figure,
.megaphone_wrapper footer,
.megaphone_wrapper header,
.megaphone_wrapper hgroup,
.megaphone_wrapper menu,
.megaphone_wrapper nav,
.megaphone_wrapper section {
  display: block; }

.megaphone_wrapper body {
  line-height: 1; }

.megaphone_wrapper ol,
.megaphone_wrapper ul {
  list-style: none; }

.megaphone_wrapper blockquote,
.megaphone_wrapper q {
  quotes: none; }

.megaphone_wrapper blockquote:before,
.megaphone_wrapper blockquote:after,
.megaphone_wrapper q:before,
.megaphone_wrapper q:after {
  content: "";
  content: none; }

.megaphone_wrapper table {
  border-collapse: collapse;
  border-spacing: 0; }

.megaphone_wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.megaphone_wrapper .mp_header {
  left: 0;
  margin-bottom: 2px;
  position: relative;
  text-align: center;
  top: 0;
  width: 100%; }

.megaphone_wrapper .mp_header-title {
  display: inline-block;
  margin: 2px; }

.megaphone_wrapper .mp_container {
  height: 100%;
  position: relative; }

.megaphone_wrapper .mp_chatbox {
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 24px;
  bottom: 52px; }
  .megaphone_wrapper .mp_chatbox .mp_chats {
    height: 100%;
    margin: 0;
    padding: 0;
    bottom: auto;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%; }
    .megaphone_wrapper .mp_chatbox .mp_chats .mp_chat_msg {
      display: block;
      padding: 5px;
      width: auto;
      position: relative; }
      .megaphone_wrapper .mp_chatbox .mp_chats .mp_chat_msg:hover {
        box-shadow: 1px 1px 5px 1px #dedede; }
        .megaphone_wrapper .mp_chatbox .mp_chats .mp_chat_msg:hover .mp_timestamp {
          display: inline-block; }
      .megaphone_wrapper .mp_chatbox .mp_chats .mp_chat_msg.mp_action {
        border-top: 1px solid #ccc; }
      .megaphone_wrapper .mp_chatbox .mp_chats .mp_chat_msg.mp_child {
        padding: 0 10px; }
        .megaphone_wrapper .mp_chatbox .mp_chats .mp_chat_msg.mp_child .mp_user {
          display: none; }
        .megaphone_wrapper .mp_chatbox .mp_chats .mp_chat_msg.mp_child .mp_avatar {
          display: none; }
  .megaphone_wrapper .mp_chatbox .mp_text {
    background-color: white;
    border-radius: 10px;
    clear: both;
    display: block;
    margin: 0 15px;
    padding: 5px;
    word-wrap: break-word; }
  .megaphone_wrapper .mp_chatbox .mp_text .emojione {
    display: inline-block;
    height: 1.5em;
    width: 1.5em; }
  .megaphone_wrapper .mp_chatbox .mp_user {
    display: inline-block;
    font-style: italic;
    padding: 0 5px; }
  .megaphone_wrapper .mp_chatbox .mp_avatar img {
    height: 20px;
    width: 20px; }
  .megaphone_wrapper .mp_chatbox .mp_timegap {
    text-align: center; }
  .megaphone_wrapper .mp_chatbox .mp_timestamp {
    display: inline-block;
    display: none;
    float: right; }
  .megaphone_wrapper .mp_chatbox .mp_oversize {
    overflow: hidden; }
  .megaphone_wrapper .mp_chatbox .mp_readmore {
    margin-left: 35%; }
  .megaphone_wrapper .mp_chatbox .mp_chat_msg:hover .mp_msg_menu {
    display: inline-block; }
  .megaphone_wrapper .mp_chatbox .mp_menu_btn {
    letter-spacing: .1em; }
  .megaphone_wrapper .mp_chatbox .mp_msg_title {
    display: inline-block;
    font-weight: bold;
    padding: 5px 0; }
  .megaphone_wrapper .mp_chatbox .mp_embed_card {
    display: block; }
    .megaphone_wrapper .mp_chatbox .mp_embed_card .mp_embed_title {
      display: inline-block;
      font-weight: bold; }
    .megaphone_wrapper .mp_chatbox .mp_embed_card .mp_embed_desc {
      display: inline-block; }
    .megaphone_wrapper .mp_chatbox .mp_embed_card .mp_embed_read {
      display: none; }

.megaphone_wrapper .mp_controls {
  bottom: 0;
  min-height: 52px;
  left: 0;
  padding: 5px 2px;
  position: absolute;
  width: 100%; }
  .megaphone_wrapper .mp_controls .mp_input {
    display: inline-block;
    padding: 5px;
    width: 75%; }
  .megaphone_wrapper .mp_controls .mp_submit {
    display: inline-block;
    margin-left: 1px;
    padding: 5px 0;
    width: 20%; }

.megaphone_wrapper .mp_loading_messages {
  background-image: url(http://o.aolcdn.com/os/aol/aol-loader-small.gif);
  background-position-x: 50%;
  background-repeat: no-repeat; }

.megaphone_wrapper .mp_error {
  background-color: red; }

.megaphone_wrapper .mp_system_msg {
  background-color: red; }

.megaphone_wrapper .mp_newmessages {
  background: white;
  bottom: 0;
  color: black;
  display: block;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10; }

.megaphone_wrapper .mp_not-authenticated .mp_chatbox .mp_msg_menu {
  display: none;
  height: 0;
  position: absolute;
  width: 0; }

.megaphone_wrapper .navicon-flag:before {
  content: "Flag"; }

.megaphone_wrapper .navicon-trash:before {
  content: "Trash"; }

.megaphone_wrapper .navicon-person-x:before {
  content: "Ban User"; }

.megaphone_wrapper .mp_action_form legend, .megaphone_wrapper .mp_confirm_form legend, .megaphone_wrapper .mp_actionconfirm legend {
  font-weight: bold; }

.megaphone_wrapper .mp_action_form select, .megaphone_wrapper .mp_confirm_form select, .megaphone_wrapper .mp_actionconfirm select {
  display: block;
  margin: 5px;
  width: 90%; }

.megaphone_wrapper .mp_action_form .form_btn, .megaphone_wrapper .mp_confirm_form .form_btn, .megaphone_wrapper .mp_actionconfirm .form_btn {
  padding: 4px 8px;
  margin: 4px;
  background: #39f;
  color: white;
  border: 0; }

.megaphone_wrapper .mp_action_form .mp_actionconfirm_undobtn, .megaphone_wrapper .mp_confirm_form .mp_actionconfirm_undobtn, .megaphone_wrapper .mp_actionconfirm .mp_actionconfirm_undobtn {
  background: none;
  color: #39f;
  margin: 4px 0;
  padding: 4px 0; }

.megaphone_wrapper .mp_action_form p.action_msg, .megaphone_wrapper .mp_action_form p.confirm_msg, .megaphone_wrapper .mp_confirm_form p.action_msg, .megaphone_wrapper .mp_confirm_form p.confirm_msg, .megaphone_wrapper .mp_actionconfirm p.action_msg, .megaphone_wrapper .mp_actionconfirm p.confirm_msg {
  font-size: 12px;
  font-weight: lighter;
  font-style: italic; }

/*# sourceMappingURL=jquery.megaphone.css.map */