.container-fluid.content-main {
    padding: 30px;
}

div.ck-editor__editable {
    border: 1px #dcdbdb solid !important;
}

.dropdown-item.log-out:focus, .dropdown-item.log-out:hover {
    background-color: #61a6de !important;
}

.dropdown-item.log-out {
    COLOR: WHITE;
    LINE-HEIGHT: 46PX;
}

.chat-box .input-lg-chats {
    border: 1px dashed #888;
    border-radius: 5px;
    width: 100%;
    overflow: auto;
    background: #f7f7f7
} 

.chat-box .scrollbox {
    max-height:600px;
    overflow-y: scroll;
}

.chat-box .received, .chat-box .sent {
    position: relative;
    font-family: arial;
    font-size: 1.1em;
    border-radius: 7px;
    padding: 15px;
    margin-bottom: 15px;
}

    .chat-box .received:after, .chat-box .sent:after {
        content: '';
        border: 20px solid transparent;
        position: absolute;
        margin-top: -25px;
    }

.chat-box .sent {
    background: #03a9f4;
    color: #fff;
    margin-left: 10%;
    top: 50%;
    text-align: right;
}

.chat-box .received {
    background: #4CAF50;
    color: #fff;
    margin-left: 10px;
    margin-right: 10%;
}

.chat-box .sent:after {
    border-left-color: #03a9f4;
    border-right: 0;
    right: -20px;
}

.chat-box .received:after {
    border-right-color: #4CAF50;
    border-left: 0;
    left: -20px;
}

.chat-box .user {
    font-size: 0.8em;
    font-weight: bold;
    color: #000;
}

.chat-box .msg {
    display: inline;
}

.issue-list .panel {
    background: #fbfbfb;
    display: block;
    width: 100%;
    border-radius: 5px;
    border: 1px #eceaea solid;
}

    .issue-list .panel .head {
        border-bottom: 1px #eceaea solid;
        padding: 20px;
        background: #348cd405;
    }

        .issue-list .panel .head a:not(.a-close) {
            color: black;
            padding: 0 5px;
        }

        .issue-list .panel .head a.a-close {
            margin-left: 10px;
        }

    .issue-list .panel .body {
        /*padding: 10px 15px 10px 30px;*/
    }

        .issue-list .panel .body h3 {
            position: relative;
            margin-top: 0;
            margin-bottom: 8px;
        }

            .issue-list .panel .body h3 a {
                font-size: 17px;
                color: black;
            }

                .issue-list .panel .body h3 a i {
                    position: absolute;
                    left: -29px;
                    top: 6px;
                    color: #00ad00;
                }

        .issue-list .panel .body .item-issue {
            padding: 10px 15px 10px 43px;
            border-bottom: 1px #eceaea solid;
            position: relative;
        }
            .issue-list .panel .body .item-issue a.remove, .issue-list .panel .body .item-issue a.edit{
                position: absolute;
                top: -5px;
                right: 0;
                color: red;
                font-size: 22px;
                margin: 0;
                padding:0;
            }
            .issue-list .panel .body .item-issue a.remove {
                right: 0;
                color: red;
            }
            .issue-list .panel .body .item-issue a.edit {
                top: -5px;
                right: 25px;
                color: #1e6bab !important;
            }
            .issue-list .panel .body .item-issue:hover {
                background: #348cd405;
            }



.issue-detail .timeline {
    padding-top: 14px;
}

    .issue-detail .timeline:before {
        top: 0;
    }
.issue-detail .timeline-box i.mdi-close-box, .issue-detail .timeline-box i.mdi-square-edit-outline {
    position: absolute;
    top: -8px;
    font-size: 24px;
}
.issue-detail .timeline-box i.mdi-close-box {
    right: -2px;
    color: #e83c3c;
}
.issue-detail .timeline-box i.mdi-square-edit-outline {
    right: 20px;
    color: #2b8c2b;
}
.issue-detail .header-title span {
    color: #a7a5a5;
    font-size: 15px;
}

.modal-backdrop {
    z-index: 99;
}

.modal {
    z-index: 100;
}
.left-side-menu {
    overflow: auto;
}