::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    width: 5px;
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    width: 1em;
    background-color: #ddd;
    outline: 1px solid slategrey;
    border-radius: 1rem;
}

.text-small {
    font-size: 0.9rem;
}

.messages-box {
    overflow-y: scroll;
    height: 76vh;
}
.dialog-support_chat-box {
     /* height: 675px; */
     overflow-y: scroll;
     /*max-height: 76vh;*/
     /*height: calc(100vh - 106px - 58px - 37px - 109px - 50px);*/
     /*height: calc(72vh - 106px);*/
     /*height: calc(69vh - 106px);*/
     /* max-height: 100%; */
}

.rounded-lg {
    border-radius: 0.5rem;
}

input::placeholder {
    font-size: 0.9rem;
    color: #999;
}
.file-support-label{
    cursor: pointer;
    margin: auto;
}
.file-support-label i{
    font-size: 170%;
    margin: auto 5px;
}

/* CUSTOM WIDTHS */
.w-10, .w-xs-50 { width: 10%!important; }
.w-50, .w-xs-50 { width: 50%!important; }
.w-75, .w-xs-75 { width: 75%!important; }
.w-100, .w-xs-100 { width: 100%!important; }
/* BREAKPOINTS */
@media (min-width: 10px) and (max-width: 576px){
    .dialog-support_chat-box {
        height: calc(100vh - 106px - 58px - 37px - 109px - 80px);
    }
    #dialog-list-box_messages {
        height: calc(100vh - 106px - 58px - 133px );
    }
    .img-mobile-size{
        height: 240px;
    }
    /*.img-fluid-size {*/
        /* min-height: 270px; */
        /*max-height: 270px;*/
        /* min-width: 100%; */
        /*max-height: 90%;*/
    /*}*/
}
/* SM breakpoint */
@media (min-width: 576px) {
    /* CUSTOM WIDTHS */
    .w-sm-10 { width: 10%!important; }
    .w-sm-50 { width: 50%!important; }
    .w-sm-75 {width: 75%!important;}
    .w-sm-100 { width: 100%!important; }
    .dialog-support_chat-box {
        height: 65.5vh;
    }
    #dialog-list-box_messages {
        height: 65.5vh;
    }
    .img-mobile-size{
        height: 200px;
    }

    /*.img-fluid-size {*/
        /* min-height: 200px; */
        /* max-height: 200px; */
        /*min-width: 100%;*/
        /* max-height: 90%; */
    /*}*/
}

/* MD breakpoint*/
@media (min-width: 768px) {
    /* CUSTOM WIDTHS */
    .w-md-50 { width: 50%!important; }
    .w-md-75 { width: 75%!important; }
    .w-md-100 { width: 100%!important; }
    /*.img-fluid-size {*/
    /*    min-height: 270px;*/
    /*    !*max-height: 270px;*!*/
    /*    min-width: 100%;*/
    /*}*/
}

/* LG breakpoint */
@media (min-width: 992px) {
    /* CUSTOM WIDTHS */
    .w-lg-50 { width: 50%!important; }
    .w-lg-75 { width: 75%!important; }
    .w-lg-100 { width: 100%!important; }
    /*.img-fluid-size {*/
    /*    min-height: 270px;*/
    /*    !*max-height: 395px;*!*/
    /*    min-width: 100%;*/
    /*    !* max-width: 100%; *!*/
    /*}*/
    .img-mobile-size{
        height: 300px;
    }
}

.scroll-top {
    width: 45px;
    height: 45px;
    background: #0d4972;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.btn-scroll-down{
    position: absolute;
    right: -20px;
    bottom: 70px;
    /* left: 6px; */
}

.btn-scroll-down-child{
    /*position: fixed;*/
    transform: translateX(-100%);
    /* z-index: 1000; */
}

.circle{
    /* border:1px solid #cccccc; */
    border:1px solid #cccccc;
    /* background-color: rgba(107,173,229,0.5); */
    background-color: rgba(239,239,239,0.7);
    border-radius:100px;
    width: 30px;
    height: 30px;
    text-align:center;
}

.badge-btn-down {
    position: absolute;
    border-radius: 1.25rem;
    left: 15px;
    bottom: -5px;
}