#progress {
    height: 20px;
    border: 1px solid #E65100;
    overflow: hidden;
    padding: 1px;
}

#progress .percent{
    height: 100%;
    background: #E65100;
}


.image-uploaded {
    margin-top: 10px;
    display: inline-block;
    padding: 5px;
    border: 1px solid #dbdbdb;
    margin-right: 10px;
}

.image-uploaded{
    display: inline-block;
    outline: 1px solid #eeeeee;
    padding: 5px;
}

.image-uploaded #delete{
    color: #ffffff;
    display: block;
    width: 100%;
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px;
    background-color: #dd4b39;
}
.image-uploaded #delete:hover{
    -webkit-transition-delay: 0.2s; /* Safari */
    -moz-transition-delay:0.2s;
    transition: 0.2s;
    background-color: #afafaf;
    color: #000000;
}


#image-preview {
    display: block;
    background-color: #aaaaaa;
    width: 100px;
    height: 100px;
}

#image-preview img {
    width: 100%;
    height: auto;
    object-fit: none;
    object-position: center;
    height: 100px;
    width: 100px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: center !important;
}


.login-page, .register-page{
    background: #eeeeee !important;
}

.login-box-body, .register-box-body{
    border: 1px solid #e5e5e5 !important;
}

/*.navbar-nav > .user-menu .user-image{*/

    /*float: left;*/
    /*width: 25px;*/
    /*height: auto;*/
    /*border-radius: 50%;*/
    /*margin-right: 10px;*/
    /*margin-top: -2px;*/

    /*object-fit: none;*/
    /*object-position: center;*/
/*}*/

.content-wrapper{
    height: 100%;
}
.content-wrapper .content{
    height: 100%;
}


.content-wrapper .content .messenger{
    height: 100%;
}
.content-wrapper .content .messenger .load-more{
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.content-wrapper .content .messenger .direct-chat-messages{
    min-height: 445px;
}

#pagination{
    min-height: 100px;
}

.right .direct-chat-text:after, .right .direct-chat-text:before{
    border: none !important;
}

.direct-chat-text:after, .direct-chat-text:before{
    border: none !important;
}

.direct-chat-msg span{
    display: block;
}

.direct-chat-text{
    display: inline-block;
    word-wrap: break-word;
}

.direct-chat-text{
    margin: 5px 0 0 15px;
}

.right .direct-chat-text{
    float: right;
    margin-right: 15px;
}

.direct-chat-msg{
    margin-bottom: 15px;
}

.html-message .no-message{
    text-align: center;
}

.discussions-box{
    min-height: 400px;
}
.discussion-content{
    padding: 5px;
    padding-left: 70px;
    cursor: pointer;
}

.discussion-content-message{
    position: relative;
}

.discussion-content-message p{
    text-overflow: ellipsis;
    max-height: 18px;
    overflow: hidden;
    padding: 0px !important;
    margin: 0px !important;
}

.discussion-content-message p .paragraph-end{

}

.discussion-content-message span{
    position: absolute;
    right: 0px;
    top:0px;
}

.image-container-50{
    width: 50px;
    height:50px;
    border-radius: 50%;
    float: left;
    display: inline-block;
    background-size: cover;background-repeat: no-repeat;
}

.image-container-40{
    width: 40px;
    height:40px;
    border-radius: 50%;
    float: left;
    display: inline-block;
    background-size: cover;background-repeat: no-repeat;
}

.no-raduis.image-container-50,.no-raduis.image-container-40{
    border-radius: 0px !important;
}

.right .image-container-40{
    float: right;
}
.direct-chat-img{
    object-fit: none;
    object-position: center;
    width: 100% !important;
    height: 100% !important;;
}


.no-discussion{
    margin-top: 20px;
    display: block;
    text-align: center;
}

.no-discussion i{

    font-size: 137px;
    color: gray;
}

.direct-chat-text{
    margin: 5px 0 0 15px;
    max-width: 75%;
}

.direct-chat-text{
    display: inline-block;
}

.select2-container {
    display: block;
    width: auto !important;
}