.material-icons, .user-popup-medium-offset#user-rising-star-declined .body-content ul li:before, .user-popup-medium-offset#user-rising-star-revoked .body-content ul li:before {
  direction: ltr;
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.user-popup-medium-offset .modal-dialog {
  width: 450px !important; }
.user-popup-medium-offset .btn-raised {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.26), 0px 2px 5px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  font-family: GothamRndBold;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.2px;
  color: #FFFFFF;
  cursor: pointer; }
  .user-popup-medium-offset .btn-raised:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.19), 0px 8px 17px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.2px;
    color: #FFFFFF; }
  .user-popup-medium-offset .btn-raised.disabled {
    background: rgba(153, 153, 153, 0.3); }
.user-popup-medium-offset .btn-small {
  opacity: 1.00;
  opacity: 1.00;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.26), 0px 2px 5px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  font-family: GothamRndBold;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.2px;
  padding: 10px; }
.user-popup-medium-offset .btn-medium {
  opacity: 1.00;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.26), 0px 2px 5px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  padding: 16px;
  /* BUTTON */
  font-family: GothamRndBold;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.2px; }
  .user-popup-medium-offset .btn-medium.btn-transparent {
    box-shadow: none;
    border: none; }
.user-popup-medium-offset .btn-flat {
  border-radius: 2px;
  padding: 16px;
  cursor: pointer;
  font-family: GothamRndMedium;
  line-height: normal;
  font-size: 12px;
  letter-spacing: 2.4px;
  color: #1AB9F4; }
  .user-popup-medium-offset .btn-flat:hover {
    background: rgba(153, 153, 153, 0.2); }
.user-popup-medium-offset .background-color-blue {
  background-color: #1AB9F4; }
.user-popup-medium-offset #floating-avatar {
  position: absolute;
  top: -84px; }
  .user-popup-medium-offset #floating-avatar .avatar-img {
    width: 128px;
    height: 128px;
    border-radius: 64px;
    border: 8px solid #FFFFFF; }
  .user-popup-medium-offset #floating-avatar .img-badge {
    height: 48px;
    position: absolute;
    bottom: 0px;
    left: 0px; }
.user-popup-medium-offset .modal-dialog {
  width: 500px;
  box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.19), 0px 12px 15px rgba(0, 0, 0, 0.25); }
.user-popup-medium-offset h5 {
  color: #1AB9F4;
  font-family: GothamRndMedium;
  line-height: normal;
  font-size: 12px;
  letter-spacing: 2.4px;
  text-transform: uppercase; }
.user-popup-medium-offset h2 {
  font-family: GothamRndMedium;
  line-height: normal;
  font-size: 24px;
  color: #2C2C2C; }
.user-popup-medium-offset p {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #2C2C2C; }
.user-popup-medium-offset#user-rising-star-given .body-content p, .user-popup-medium-offset#user-rising-star-graduate-success .body-content p, .user-popup-medium-offset#user-rising-star-graduate-fail .body-content p {
  text-align: justify; }
.user-popup-medium-offset#user-rising-star-given .discord-invite-url, .user-popup-medium-offset#user-rising-star-graduate-success .discord-invite-url, .user-popup-medium-offset#user-rising-star-graduate-fail .discord-invite-url {
  padding: 5px; }
  .user-popup-medium-offset#user-rising-star-given .discord-invite-url img, .user-popup-medium-offset#user-rising-star-graduate-success .discord-invite-url img, .user-popup-medium-offset#user-rising-star-graduate-fail .discord-invite-url img {
    width: 28px;
    height: 32px;
    margin-right: 10px; }
  .user-popup-medium-offset#user-rising-star-given .discord-invite-url .discord-url, .user-popup-medium-offset#user-rising-star-graduate-success .discord-invite-url .discord-url, .user-popup-medium-offset#user-rising-star-graduate-fail .discord-invite-url .discord-url {
    font-weight: 700;
    color: #2C2C2C;
    font-family: Nunito;
    font-size: 18px; }
.user-popup-medium-offset#user-rising-star-given a:hover, .user-popup-medium-offset#user-rising-star-graduate-success a:hover, .user-popup-medium-offset#user-rising-star-graduate-fail a:hover {
  text-decoration: none; }
.user-popup-medium-offset#user-rising-star-declined .body-content h5, .user-popup-medium-offset#user-rising-star-revoked .body-content h5 {
  text-align: left; }
.user-popup-medium-offset#user-rising-star-declined .body-content p, .user-popup-medium-offset#user-rising-star-revoked .body-content p {
  text-align: justify; }
.user-popup-medium-offset#user-rising-star-declined .body-content ul, .user-popup-medium-offset#user-rising-star-revoked .body-content ul {
  margin-left: -45px; }
  .user-popup-medium-offset#user-rising-star-declined .body-content ul li, .user-popup-medium-offset#user-rising-star-revoked .body-content ul li {
    text-align: left;
    list-style-type: none; }
    .user-popup-medium-offset#user-rising-star-declined .body-content ul li:before, .user-popup-medium-offset#user-rising-star-revoked .body-content ul li:before {
      content: "chevron_right";
      float: left;
      font-size: 20px;
      color: #1AB9F4; }

#userBidsChatNotif {
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.15s linear; }
  #userBidsChatNotif .popup-heading {
    margin-top: 60px;
    font-family: NunitoBold;
    color: white;
    font-size: 27px;
    letter-spacing: 1px; }
  #userBidsChatNotif .btn-close-override {
    font-size: 30px !important;
    opacity: 1 !important;
    color: white;
    background: none; }
  #userBidsChatNotif .msg-card {
    background: white;
    border: 1px solid white;
    border-radius: 4px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    transition: box-shadow 0.2s; }
    #userBidsChatNotif .msg-card .msg-sender-pic {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-flex: 2;
      -ms-flex: 2;
      -moz-flex: 2;
      flex: 2; }
      #userBidsChatNotif .msg-card .msg-sender-pic img {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 64px;
        height: 64px;
        border-radius: 50%; }
    #userBidsChatNotif .msg-card .msg-details {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex: 10;
      -ms-flex: 10;
      -moz-flex: 10;
      flex: 10;
      min-width: 0; }
      #userBidsChatNotif .msg-card .msg-details .msg-text {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-content: space-around;
        -moz-align-content: space-around;
        -ms-align-content: space-around;
        align-content: space-around;
        -webkit-flex: 6;
        -ms-flex: 6;
        -moz-flex: 6;
        flex: 6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0; }
        #userBidsChatNotif .msg-card .msg-details .msg-text .msg-sender-time {
          -webkit-flex: 1;
          -ms-flex: 1;
          -moz-flex: 1;
          flex: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 0px;
          min-width: 0; }
          #userBidsChatNotif .msg-card .msg-details .msg-text .msg-sender-time .msg-sender {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #2C2C2C;
            line-height: 32px;
            margin-right: 50px; }
          #userBidsChatNotif .msg-card .msg-details .msg-text .msg-sender-time .msg-time {
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            color: #AEAEAE;
            line-height: 50px; }
        #userBidsChatNotif .msg-card .msg-details .msg-text .msg-content {
          -webkit-flex: 1;
          -ms-flex: 1;
          -moz-flex: 1;
          flex: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 0px;
          min-width: 0;
          font-family: 'Open Sans', sans-serif;
          font-size: 14px;
          line-height: 32px; }
          #userBidsChatNotif .msg-card .msg-details .msg-text .msg-content.msg-read {
            color: #AEAEAE;
            font-weight: 400; }
          #userBidsChatNotif .msg-card .msg-details .msg-text .msg-content.msg-unread {
            color: #1AB9F4;
            font-weight: 600; }
        #userBidsChatNotif .msg-card .msg-details .msg-text .msg-qn-title {
          -webkit-flex: 1;
          -ms-flex: 1;
          -moz-flex: 1;
          flex: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 0px;
          min-width: 0;
          font-size: 12px; }
          #userBidsChatNotif .msg-card .msg-details .msg-text .msg-qn-title .msg-qn-link {
            color: black; }
            #userBidsChatNotif .msg-card .msg-details .msg-text .msg-qn-title .msg-qn-link .msg-qn-type i {
              vertical-align: middle;
              font-size: 18px; }
            #userBidsChatNotif .msg-card .msg-details .msg-text .msg-qn-title .msg-qn-link:hover {
              color: #1AB9F4; }
      #userBidsChatNotif .msg-card .msg-details .msg-unread-number {
        -webkit-flex: 1;
        -ms-flex: 1;
        -moz-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center; }
        #userBidsChatNotif .msg-card .msg-details .msg-unread-number .msg-notif-bubble {
          padding: 5px 9px;
          background-color: #EE4078;
          color: white;
          font-weight: bold;
          font-size: 10px;
          border-radius: 50%;
          -webkit-box-shadow: 0px 5px 10px #F6A4BF;
          -moz-box-shadow: 0px 5px 10px #F6A4BF;
          box-shadow: 0px 5px 10px #F6A4BF;
          animation-name: pulse;
          animation-duration: 3s;
          animation-iteration-count: infinite; }
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0px 5px 10px #FFFFFF;
    -moz-box-shadow: 0px 5px 10px #FFFFFF;
    box-shadow: 0px 5px 10px #FFFFFF; }
  50% {
    -webkit-box-shadow: 0px 5px 10px #F6A4BF;
    -moz-box-shadow: 0px 5px 10px #F6A4BF;
    box-shadow: 0px 5px 10px #F6A4BF; }
  100% {
    -webkit-box-shadow: 0px 5px 10px #FFFFFF;
    -moz-box-shadow: 0px 5px 10px #FFFFFF;
    box-shadow: 0px 5px 10px #FFFFFF; } }
          #userBidsChatNotif .msg-card .msg-details .msg-unread-number .msg-notif-bubble.msg-count-double {
            padding: 5px 6px; }
          #userBidsChatNotif .msg-card .msg-details .msg-unread-number .msg-notif-bubble.msg-count-single {
            padding: 5px 9px; }
    #userBidsChatNotif .msg-card:hover {
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
      transform: scale(1.1, 1.1);
      cursor: pointer; }
  @media screen and (max-device-width: 430px) {
    #userBidsChatNotif .msg-card .msg-sender-pic img {
      width: 48px;
      height: 48px; } }

/*# sourceMappingURL=users_bids_chat_notification_popup.css.map */