.profileimage {
    width: 60px;
    height: 60px;
    border: 2px;
    border-style: solid;
}


.verticaltext_content {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


.ModalMobile {
    height: calc(100vh - 288px) !important;
}

.chatBackground {
    background: url("../images/Defaults/chatBackground.jpg")  ;
    background-size :cover
    
}


.bg-chat {
    background: #11998e; /* fallback for old browsers */
}


.advanceComment {
    background: #833ab4; /* fallback for old browsers */
    background-image: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); /* Chrome 10-25, Safari 5.1-6 */
    background-image: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}


div figure table tbody tr td {
    color: red;
}

div figure img, div a img, div p img {
    width: 100%;
}

    div figure img.tall-image, div a img.tall-image, div p img.tall-image {
        max-height: 40vh !important;
        width: auto !important;
    }

    div figure img.short-image, div a img.short-image, div p img.short-image {
        width: 100% !important;
    }

/*.tall-image {
    max-height: 50vh;
}

.short-image {
    width: 100%;
}*/