@media (max-width:992px) {
    .show-not-mobile {
        display: none;
    }
    .profile-image-div {
        width: 50px;
        height: 50px;
    }
}

@media (min-width:991px) {
    .show-mobile-only {
        display: none;
    }
    .profile-image-div {
        width: 150px;
        height: 150px;
    }
}

.profile-image-div {
    display: inline-block;
    background-color: #eee;
    background-position: 0px;
    background-size: cover;
}

.profile-image-display-div {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: #eee;
    background-position: 0px;
    background-size: cover;
}

.ticket-message-div {
    width: 100%;
    height: 500px;
    overflow-y: auto;
    padding: 20px 20px 0px 20px;
    background-color: #eee;
    background-position: 0px;
    background-size: cover;
}

.pageLoader {
    position: fixed;
    z-index: 9999999999;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    text-align: center;
    padding: calc(100vh/2 - 140px) 0px 0px 0px;
}

.pageLoader img {
    width: 60px;
    margin-bottom: 70px;
}

.pageLoader i {
    font-size: 17px;
}

.bg-dark-800 {
    background-color: #171717 !important;
}

.bg-dark-card {
    background-color: #262626 !important;
}

.text-dark-white {
    color: #f5f5f5 !important;
}

.text-dark-main {
    color: #4a62a8 !important;
}

.list-group-item-dark:hover {
    background-color: #404040 !important;
}