.rotate-icon {
    transform: rotate(180deg);
    padding-top: 13px;
    display: inline-block;
    float: left;
    padding-bottom: 13px;
    width: 1%;
}

.collapsed .rotate-icon {
    transform: rotate(0deg);
}

.img_container {
    display: inline-block;
    width: 40px;
    border-radius: 50%;
    float: left;
}

.card.collapse_holder {
    display: block;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.card.collapse_holder h5 {
    display: block;
    float: left;
    width: 100%;
    background: #57b5e0;
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    text-transform: none;
    font-weight: normal;
}

.card.collapse_holder h5 span {
    display: block;
    float: left;
    width:calc(100% - 60px);
    padding-top: 12px;
    padding-left: 5px;
}
.img_container img{
    border-radius: 50%;
}

.conversation {
    display: block;
    width: 100%;
    float: left;
}

.conversation.sender {
    text-align: left;
    /* padding-right: 28%; */
}

.conversation.receiver {
    text-align: left;
    margin-top: 5px;
    padding-left: 28%;
}
.conversation_img {
    display: inline-block;
    width: 40px;
}
.conversation_img img{
    border-radius: 50%;
}

.card.collapse_holder h5 .fas {
    color: #fff;
}

.chat_snippet {
    display: block;
    width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #57b5e0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 1px 1px #f6f2f2;
}

.actual_email p {
    display: inline-block;
    width: 100%;
    line-height: 20px;
    margin-top: 5px;
    text-align: justify;
}

.actual_email a{
    color: #57b5e0;
}

.chat_snippet span{
    font-weight: bold;
}
.dataTables_length {
    float: left;
    margin-right: 5px;
}

.dataTables_length select {
    padding-top: 5px;
    height: inherit;
}

body.rtl .dataTables_length {
    float: right;
    margin-left: 5px;
}
div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    color: #4e75ad;
}
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_length label,
.dataTables_empty {
    color: #2d2d2d;
}

.dataTables_empty {
    padding-top: 25px !important;
    padding-bottom: 180px !important;
    text-align: left !important;
    color: #777777;
    font-size: 15px;
    background: url(../images/table-no-data.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 161px;
}

.app_dt_empty .dataTables_paginate,
.app_dt_empty table tfoot,
.app_dt_empty .dataTables_info {
    display: none;
}

.app_dt_empty table thead,
.app_dt_empty .dataTables_length,
.app_dt_empty .dt-buttons {
    opacity: .5;
}
table.dataTable>tbody>tr.child span.dtr-title {
    font-weight: 500;
}

.dt-buttons.btn-group:empty {
    display: none;
}

.dt-buttons.btn-group .btn {
    color: #4e75ad;
    border-radius: 3px;
    font-size: 11.5px;
    padding-bottom: 6px;
    padding-top: 7px;
}

.dt-buttons.btn-group .btn:hover,
.dt-buttons.btn-group .btn:focus,
.dt-buttons.btn-group .btn:active {
    background: #fff;
    border: 1px solid #03a9f4;
}

.btn.btn-default-dt-options {
    color: #333;
    background-color: #fff !important;
    border: 1px solid #bfcbd9 !important;
}

.dt-button-collection.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.dt-button-collection.dropdown-menu a {
    color: #4e75ad;
}

.dt-button-collection.dropdown-menu>li.active>a,
.dt-button-collection.dropdown-menu>li>a:hover,
.dt-button-collection.dropdown-menu>li>a:focus {
    background-color: #f6f8fa;
    color: #424242;
}
@media screen and (max-width: 767px) {
    div.dt-buttons {
        text-align: right;
        width: auto;
        float: right;
        z-index: 55;
    }

    .dt-buttons.btn-group .btn {
        padding-top: 6.5px !important;
        padding-bottom: 6.5px !important;
    }

    div.dataTables_wrapper div.dataTables_length {
        position: absolute;
        top: 0;
        z-index: 55;
    }

    body.rtl div.dataTables_wrapper div.dataTables_length {
        left: 10px;
    }
}