/*adding sub table scroll*/
 .scrollit{ 
    width:100%;
    overflow:scroll;
    max-height:300px;
    padding-left: 5%;
    padding-right: 5%
}
/*adding scroll feature to tikets veiw table*/
.scrollit_ticket_table{
    width:100%;
    overflow:scroll;
    max-height:400px;
    padding-left: 5%;
    padding-right: 5%
}
/*adding suctome subject input hide in ticket rise modeal*/
.custom_subject_div{
    display:none;
}


.chat-app .list_btn{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:9999;
    padding:0;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    display:none;
    box-shadow:0px 10px 25px 0px rgba(0,0,0,0.3);
    border-radius:3px
    }
    
.people-list{
    -moz-transition:.5s;
    -o-transition:.5s;
    -webkit-transition:.5s;transition:.5s
    }
.people-list .chat-list{
    height:585px
    }
.people-list .chat-list li{
    padding:10px 15px;
    list-style:none;
    border-radius:3px
    }
.people-list .chat-list li:hover{
    background:#efefef;
    cursor:pointer
    }
.people-list .chat-list li.active{
    background:#efefef
    }
.people-list .chat-list li .name{
    font-size:15px;
    color:#78909c
    }
.people-list .chat-list img{
    width:45px;
    border-radius:50%
    }
.people-list img{
    float:left;
    border-radius:50%
    }
.people-list .about{
    float:left;
    padding-left:8px
    }
.people-list .status{
    color:#757575;font-size:13px
    }
.chat .user_detail{
    display:none;
    position:absolute;
    top:82px;
    left:0;
    width:100%;
    background:#fff;
    z-index:99;
    padding:20px;
    height:580px;
    overflow-x:auto
    }
    .chat .user_detail.show{
        display:block
    }
    .chat .chat-header img{
        float:left;
        border-radius:50%;
        width:45px
    }
    .chat .chat-header .chat-about{
        float:left;
        padding-left:10px}
    .chat .chat-header .chat-with{
        font-weight:bold;
        font-size:16px;
        color:red;
    }
    .chat .chat-header .chat-num-messages{
        color:#ff00009e;
    }

    .chat .chat-history{
       max-height: 650px;
       overflow-x:hidden;
    }
    .chat .chat-history ul{
        padding:0
    }
    .chat .chat-history ul li{
        list-style:none
    }
    .chat .chat-history .message-data{
        margin-bottom: 10px;
    }
    .chat .chat-history .message-data .message-data-name{
        font-size:13px;
        /*font-weight:700;*/
        color: black;
    }
    .chat .chat-history .message-data-time{
        color:#757575;
        padding-left:6px;
        font-size: 12px;
    }
    .chat .chat-history .message{
        color: #757575;
        padding: 10px 15px 0px 0p;
        line-height: 26px;
        font-size: 16px;
        border-radius: 7px;
        margin-bottom: 5px;
        max-width: 55%;
        position: relative;
    }
    .chat .chat-history .message:after{
        bottom:100%;
        left:7%;
        border:solid transparent;
        content:" ";
        height:0;
        width:0;
        position:absolute;
        pointer-events:none;
        border-bottom-color:#fff;
        border-width:10px;
        margin-left:-10px
    }
    .chat .chat-history .my-message{
        background:  #d9e7ea; /*#e8e8e8;*/
        color: black;
        font-size: 13px;
        padding-left: 5px;
    
    }
    .chat .chat-history .my-message:after{
        bottom:100%;
        left:7%;
        border:solid transparent;
        content:" ";
        height:0;
        width:0;
        position:absolute;
        pointer-events:none;
        border-bottom-color:#e8e8e8;
        border-width:10px;
        margin-left:-10px
    }
    .chat .chat-history .other-message{
        background:#d9e7ea;
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        color: black;
    }

    .chat .chat-history .my-messages{
        background: #c4e4ff; /*#00a3d459;*/
        font-size: 13px;
        color: black;
    }

    .chat .chat-history .other-message:after{
        border-bottom-color:#d9e7ea;
        left:70%
    }
    .online,.offline,.me{
        margin-right:3px;
        font-size:10px
    }
    .online{
        color:#86BB71
    }
    .offline{
        color:#E38968
    }
    .me{
        color:#0498bd
    }
    .float-right{
        float:right;
        margin-right: 10px;
    }
    
    .message .text-right .other-message .my-messages .float-right{
        background:yellow;
    }
    .clearfix:after{
        visibility:hidden;
        display:block;
        font-size:0;
        content:" ";
        clear:both;
        height:0
        }@media only screen and (min-width: 768px) and (max-width: 992px){
        .chat-app{margin:0}
        .chat-app .chat-list{height:650px;overflow-x:auto}
        .chat-app .chat-history{height:490px;overflow-x:auto}}
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
        .chat-app{margin:0}.chat-app .chat-list{height:520px;overflow-x:auto}.chat-app .chat-history{height:360px;overflow-x:auto}}

.text-right {
    text-align: right!important;
}

/*.zmdi {
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing:antialiased;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) {
    border-left: 0 none;
}
.input-group-addon i {
    width: 17px;
}
.btn-warning {
    background-color: #FFB236;
    color: #fff;
}
 .navbar .navbar-nav>a.btn {
    border-width: 2px;
    font-weight: 400;
    font-size: .93em;
    line-height: 1.35em;
    margin: 5px 1px;
    border: none;
    border-radius: .1875rem;
    padding: 11px 22px;
    cursor: pointer;
    background-color: #888;
    color: #fff;
}
.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-round, .wizard>.actions a, .wizard>.actions .disabled a {
    border-width: 1px;
    border-radius: 30px !important;
    padding: 11px 23px;
}*/