#mailLoader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.message-list li .col-mail{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
  }
#emailbody{
    overflow-y: scroll;
    max-height: calc(42vh);
}

.k-grouping-row td, .k-resize-handle-inner, td.k-group-cell
{
  background-color:white !important;
}
.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header{
  background-color: white !important;  
}
.form-control:disabled ,.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input{
    background-color: #f0f2f682 !important;
    opacity: 1;
    border: 1px dashed #a5a7a7 !important;
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    opacity: 1 !important;
}
.k-header>.k-grid-filter, .k-header>.k-header-column-menu {
    float: right;
    margin: -0.5em -0.6em -0.4em;
    padding: 0.5em 0.2em 0.4em;
    position: relative;
    z-index: 1;
    margin-left: 5px;
}

div#grid {
    border: 0px;
} 
.k-grouping-header .k-link, .k-grouping-header .k-link:link{
  color:black !important  ;
}
div.k-grid-header .k-header {
    background: white;
    font-weight: 600 !important;
    color: black !important;
    border-bottom-width: 0px;
    border:1px solid #f2f2f2;
    border-top:0px;
}
.k-header>.k-grid-filter, .k-header>.k-header-column-menu{
  margin-left: 10px !important;
}
.r-chat-text{
    max-width: 200px;

}
.r-chat-text .text-primary{
	font-weight: 600;
}
.chat-status{
	display: block;
	font-size: 10.5px;
}
.chat-right{
	text-align: right;
}
.unread-badge {
    position: absolute;
    top: 15px;
    left: 75px;
    z-index: 1;
}
.img-channel {
    margin-right: 5px;
    width: 16px;
    margin-left: -5px;
    margin-top: 10px;
}
.chat-user-list li:hover{
	background: aliceblue	;
}
.text-chat{
	font-size: 12px;
	line-height: 15px !important;
    display: block;
    max-height: 30px;
    overflow-y:hidden;
    color:#969EAA !important;
}
#users-chat{
/*	background: #F0F3F6;
*/}

/*blue style*/
.chat-conversation.blue .right .conversation-list .ctext-wrap .ctext-wrap-content
{
  background-color:#3478f1 !important;
  color: white !important;
}

.chat-conversation.blue .right .ctext-wrap:first-child .pointer{
  background-color:#3478f1 !important;  
}
.chat-conversation.blue .conversation-list .ctext-wrap-content
{
  background-color:#e9e9e9;
}
.chat-conversation.blue .left .ctext-wrap:first-child .pointer{
  background-color:#e9e9e9;
}
/*end blue style */

#users-chat .chat-conversation .chat-avatar{
	width: 28px;
}
#users-chat .chat-avatar img{
	position: absolute;
    top: 0px;
}
#users-chat .right .chat-avatar img {
    right: 0px;
}
.right .ctext-wrap:first-child .pointer {
    height: 20px;
    width: 20px;
    background: #c6e5f9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0 0 12px 0;
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 0;
    left: auto;
}

.left .ctext-wrap:first-child .pointer {
    height: 20px;
    width: 20px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0 0 12px 0;
    position: absolute;
    top: 10px;
    left: 40px;
    z-index: 0;
}
.chat-right-bar{
	width: 310px;	
}
.chat-right-bar .table-card input{
  	border: 0px;
    background: inherit;	
}
.chat-right-bar .team-cover{
    
    height: 100px;
    background-size: cover !important;
    display: block;  
}
.table.no-border td{
	border-bottom-width: 0px;
}
.chat-leftsidebar .nav-link{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;

}
[data-layout="twocolumn"] .twocolumn-iconview .nav-icon{
  font-size: 25px;
  margin:7px 0px;
}
/*ini mobile*/
@media (max-width: 767.98px){
  .navbar-menu .navbar-nav .nav-link{
    font-size: 16px;
  }
  .navbar-menu .navbar-nav .nav-sm .nav-link{
    font-size: 14px;
  }
  .menu-title span{
    font-size: 12px;
  }
  .chat-message-list li{
    border-top: 1px dashed var(--vz-border-color) !important;
  }

}
/*ini desktop*/
@media (min-width: 576px){

    .navbar-header .btn-topbar {
        color: var(--vz-gray-700) !important;
    }
    .hamburger-icon span {
        background-color:  var(--vz-gray-700) !important;
    }
    .topbar-user {
        background-color: var(--vz-topbar-user-bg) !important;
    }
  .navbar-header .user-name-text {
      color: var(--vz-gray-700) !important;
  }
  .topbar-user .user-name-sub-text {
      color: #878a99 !important;
  }
  .app-search span.search-widget-icon {
      color: #878a99 !important;
  }
  .app-search .form-control{
    background-color: var(--vz-topbar-search-bg) !important;
    color: var(--vz-body-color) !important;
  }
  .app-search .form-control::placeholder{
    color: #878a99 !important;
  }
  .navbar-header .pt-3.mt-1{
    display: none;
  }
	.lg-show{
		display: block !important;
	}
	.lg-show-inline{
		display: inline-block !important;
	}
}