.has-action {
  position: relative;
}

.has-action:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffc107;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}

/* CSS Document 
:root{--input-padding-x:.75rem;--input-padding-y:.7rem;--placeholder-color:#6c757d;--top-position:4px;--label-z-index:5}.form-label-group{position:relative;margin-bottom:1rem}.form-label-group label{margin:0}.form-label-group input,.form-label-group label,.form-label-group select,.form-label-group textarea{padding:var(--input-padding-y) var(--input-padding-x)}.form-label-group label{position:absolute;top:50%;left:0;display:block;width:100%;margin-bottom:0;color:var(--placeholder-color);border-radius:.25rem;transition:all .2s ease-in-out;transform-origin:0 100%;transform:translateY(-50%);text-align:left;visibility:hidden;z-index:var(--label-z-index)}.form-label-group.form-control{padding:0}.form-label-group.form-control input{border:none;height:99%}.form-label-group textarea~label{top:0;transform:translateY(0)}.form-label-group.transparent input::-webkit-input-placeholder{color:transparent}.form-label-group.transparent input:-ms-input-placeholder{color:transparent}.form-label-group.transparent input::-ms-input-placeholder{color:transparent}.form-label-group.transparent input::-moz-placeholder{color:transparent}.form-label-group.transparent input::placeholder,.form-label-group.transparent textarea::placeholder{color:transparent}.form-label-group input:focus,.form-label-group input:not(:placeholder-shown),.form-label-group textarea:focus,.form-label-group textarea:not(:placeholder-shown){padding-top:calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));padding-bottom:calc(var(--input-padding-y)/ 3)}.form-label-group select{padding-bottom:0}.form-label-group input:focus~label,.form-label-group input:not(:placeholder-shown)~label,.form-label-group select~label,.form-label-group textarea:focus~label,.form-label-group textarea:not(:placeholder-shown)~label{font-size:1em;top:var(--top-position);transform:translateY(-50%) scale(.7);visibility:visible}.form-label-group input:focus::placeholder,.form-label-group textarea:focus::placeholder{visibility:hidden;color:transparent;transition-delay:0s}.form-label-group input::placeholder,.form-label-group textarea::placeholder{transition-delay:.2s;color:var(--placeholder-color)}.form-label-group .intl-tel-input label,.form-label-group .iti label{margin-left:42px}.form-label-group .intl-tel-input input:focus::placeholder,.form-label-group .iti input:focus::placeholder{visibility:visible;color:var(--placeholder-color)}
*/
.has-float-label{position:relative}
.has-float-label label{
	position:absolute;cursor:text;font-size:75%;opacity:1;-webkit-transition:all .2s;transition:all .2s;top:-.5em;left:.75rem;z-index:3;line-height:1;padding:0 1px
}
.has-float-label label::after{
	content:" ";display:block;position:absolute;background:#fff;height:2px;top:50%;left:-.2em;right:-.2em;z-index:-1
}
.has-float-label .form-control::-webkit-input-placeholder{
	opacity:1;-webkit-transition:all .2s;transition:all .2s
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{opacity:0}
.has-float-label .form-control:placeholder-shown:not(:focus)+label{
	font-size:100%;opacity:.5;top:0.85em
}
.input-group .has-float-label{display:table-cell}
.input-group .has-float-label .form-control{
	border-radius:.25rem}.input-group .has-float-label:not(:last-child
) 
.form-control{
	border-bottom-right-radius:0;border-top-right-radius:0
}
.input-group .has-float-label:not(:first-child) .form-control{
	border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .form-label-group label {
    position: static;
  }

  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

.dataTables_filter {float: right !important;}

.input-group > .twitter-typeahead {flex: 1 1 auto;width: auto;}
.hide{display:none;}
.invisible{visibility:hidden;}

.select2-selection__rendered {line-height: 31px !important;}
.select2-container .select2-selection--single {height: 39px !important;}
.select2-selection__arrow {height: 35px !important;}
.toast {opacity: 1 !important;}


.chatapp-wrap .chatapp-left .chatapp-users-list a.media:hover {
  background: rgba(0,0,0,0); 
  }

  .chatapp-wrap .chatapp-right {
    border-right: 1px solid #eaecec;
    /*position: relative;*/
    z-index: 4;
    left: 0; }
    .chatapp-wrap .chatapp-right header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      height: 72px;
      padding: 0 15px;
      background: #fff;
      border-bottom: 1px solid #eaecec;
      color: #324148; }
      .chatapp-wrap .chatapp-right header span {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize; }
      .chatapp-wrap .chatapp-right header .chat-more {
        color: #5e7d8a; }
      .chatapp-wrap .chatapp-right header .feather-icon {
        display: block; }
    .chatapp-wrap .chatapp-right .chat-search {
      width: 100%;
      background: #f5f5f6;
      padding: 10px 15px; }
      .chatapp-wrap .chatapp-right .chat-search .input-group {
        width: 100%; }
        .chatapp-wrap .chatapp-right .chat-search .input-group .form-control, .chatapp-wrap .chatapp-right .chat-search .input-group .dd-handle {
          padding-right: 36px;
          border-radius: 50px;
          border: none;
          background: #fff; }
          .chatapp-wrap .chatapp-right .chat-search .input-group .form-control:focus, .chatapp-wrap .chatapp-right .chat-search .input-group .dd-handle:focus {
            border: none;
            box-shadow: none;
            background: #fff; }
        .chatapp-wrap .chatapp-right .chat-search .input-group .input-group-prepend {
          position: absolute;
          left: 10px;
          top: 0;
          z-index: 4;
          bottom: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          pointer-events: none; }
          .chatapp-wrap .chatapp-right .chat-search .input-group .input-group-prepend .feather-icon {
            display: block;
            color: #848d91; }
            .chatapp-wrap .chatapp-right .chat-search .input-group .input-group-prepend .feather-icon > svg {
              height: 18px;
              width: 18px; }
        .chatapp-wrap .chatapp-right .chat-search .input-group .input-group-append {
          position: absolute;
          right: 10px;
          top: 0;
          z-index: 4;
          bottom: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          pointer-events: none; }
          .chatapp-wrap .chatapp-right .chat-search .input-group .input-group-append .feather-icon {
            display: block;
            color: #848d91; }
            .chatapp-wrap .chatapp-right .chat-search .input-group .input-group-append .feather-icon > svg {
              height: 18px;
              width: 18px; }
    .chatapp-wrap .chatapp-right .chatapp-users-list {
      background: #fff; }
      .chatapp-wrap .chatapp-right .chatapp-users-list a.media {
        padding: 10px 15px;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        transition: 0.2s ease; }
        .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-img-wrap {
          position: relative;
          margin-right: 15px; }
          .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-img-wrap .avatar {
            height: 45px;
            width: 45px; }
          .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-img-wrap .badge-indicator {
            bottom: 7px;
            height: 7px;
            right: 4px;
            position: absolute;
            width: 7px; }
        .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-body {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          justify-content: space-between;
          -webkit-justify-content: space-between;
          -ms-flex-pack: space-between; }
          .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-body > div:First-child .user-name,
          .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-body > div:First-child .user-last-chat {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 270px; }
			
          .media-body > div:First-child .user-name-single{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: none;
            max-width: 270px; }
          .media-body > div:First-child .user-name-single {
            text-transform: capitalize;
            color: #324148; }
			
          .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-body > div:First-child .user-name {
            text-transform: capitalize;
            color: #324148; }
          .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-body > div:First-child .user-last-chat {
            font-size: 14px;
            line-height: 24px;
            color: #5e7d8a; }
          .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-body > div:last-child {
            text-align: right; }
            .chatapp-wrap .chatapp-right .chatapp-users-list a.media .media-body > div:last-child .last-chat-time {
              font-size: 13px; }
        .chatapp-wrap .chatapp-right .chatapp-users-list a.media:hover {
          /*background: #f5f5f6;*/ 
		  }
        .chatapp-wrap .chatapp-right .chatapp-users-list a.media.read-chat .media-body > div:last-child .last-chat-time {
          color: #5e7d8a; }
        .chatapp-wrap .chatapp-right .chatapp-users-list a.media.active-user {
          background: #f5f5f6; }
      .chatapp-wrap .chatapp-right .chatapp-users-list .chat-hr-wrap > hr {
        margin: 0; }