body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

footer {
    margin: 50px 0;
}
img {
    max-width: 100%;
}
.navbar-branding {
    float: left;
    height: 50px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 0px;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-branding {
    color: #ffffff;
}
.navbar-branding .second-word {
    color:#c52113;
}
.post-image-container {
    width: 100%;
    text-align: center;
    max-height: 240px;
    overflow-y: hidden;
}
.post-body p {
    text-align: justify;
}
.preformatted-code {
    overflow: hidden;
    margin-bottom: 15px;
}
code {
    overflow: hidden;
}
@media print {
    .no-print {
        display: none !important;
    }
}
.borrowed-source {
	padding: 10px;
	border-radius: 5px;
	border-color: #990000;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 15px;
	margin-top: 10px;	
}
.borrowed-source h2 {
	color: #990000;
}

.chat {
    /* border: solid 1px #EEE; */
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.chat td {
    vertical-align: bottom;
    text-align: right;
}
.messages {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.message {
    border-radius: 20px;
    padding: 8px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: left;
}

.incoming {
    align-items: flex-start;
}

.incoming .message {
    margin-right: 25%;
    background-color: #eee;
    position: relative;
}

.incoming .message.last:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: -7px;
    height: 20px;
    width: 20px;
    background: #eee;
    border-bottom-right-radius: 15px;
}
.incoming .message.last:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -10px;
    width: 10px;
    height: 20px;
    background: white;
    border-bottom-right-radius: 10px;
}

.outgoing {
    align-items: flex-end;
}

.outgoing .chat_profile_image {
    background: url("data:image/jpeg;base64,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");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    display: inline-block;
}

.outgoing .message {
    color: white;
    margin-left: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
    background-attachment: fixed;
    position: relative;
}

.outgoing .message.last:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: -8px;
    height: 20px;
    width: 20px;
    background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
    background-attachment: fixed;
    border-bottom-left-radius: 15px;
}
.outgoing .message:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: -10px;
    width: 10px;
    height: 20px;
    background: white;
    border-bottom-left-radius: 10px;
}