.modal-dialog{
    position: relative;
    display: table; /* This is important */
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
    max-width: 80vw;
}
.loader {
	margin: 100px auto;
	font-size: 25px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #0f7d06, 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.5), -1.8em -1.8em 0 0em rgba(15,125,6, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.7), 1.8em -1.8em 0 0em #0f7d06, 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.5), 1.8em -1.8em 0 0em rgba(15,125,6, 0.7), 2.5em 0em 0 0em #0f7d06, 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.5), 2.5em 0em 0 0em rgba(15,125,6, 0.7), 1.75em 1.75em 0 0em #0f7d06, 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.5), 1.75em 1.75em 0 0em rgba(15,125,6, 0.7), 0em 2.5em 0 0em #0f7d06, -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.5), 0em 2.5em 0 0em rgba(15,125,6, 0.7), -1.8em 1.8em 0 0em #0f7d06, -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.5), -1.8em 1.8em 0 0em rgba(15,125,6, 0.7), -2.6em 0em 0 0em #0f7d06, -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.5), -2.6em 0em 0 0em rgba(15,125,6, 0.7), -1.8em -1.8em 0 0em #0f7d06;
	}
}
@keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #0f7d06, 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.5), -1.8em -1.8em 0 0em rgba(15,125,6, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.7), 1.8em -1.8em 0 0em #0f7d06, 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.5), 1.8em -1.8em 0 0em rgba(15,125,6, 0.7), 2.5em 0em 0 0em #0f7d06, 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.5), 2.5em 0em 0 0em rgba(15,125,6, 0.7), 1.75em 1.75em 0 0em #0f7d06, 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.5), 1.75em 1.75em 0 0em rgba(15,125,6, 0.7), 0em 2.5em 0 0em #0f7d06, -1.8em 1.8em 0 0em rgba(15,125,6, 0.2), -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.5), 0em 2.5em 0 0em rgba(15,125,6, 0.7), -1.8em 1.8em 0 0em #0f7d06, -2.6em 0em 0 0em rgba(15,125,6, 0.2), -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.5), -1.8em 1.8em 0 0em rgba(15,125,6, 0.7), -2.6em 0em 0 0em #0f7d06, -1.8em -1.8em 0 0em rgba(15,125,6, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(15,125,6, 0.2), 1.8em -1.8em 0 0em rgba(15,125,6, 0.2), 2.5em 0em 0 0em rgba(15,125,6, 0.2), 1.75em 1.75em 0 0em rgba(15,125,6, 0.2), 0em 2.5em 0 0em rgba(15,125,6, 0.2), -1.8em 1.8em 0 0em rgba(15,125,6, 0.5), -2.6em 0em 0 0em rgba(15,125,6, 0.7), -1.8em -1.8em 0 0em #0f7d06;
	}
}
#loadingCircle {
	left: 50%;
	position: fixed;
	top: 25%;
	z-index: 99999;
}

.msg {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}
.msg .bubble {
    float: left;
    max-width: 80%;
    width: auto;
    height: auto;
    display: block;
    background: #ebebeb;
    border-radius: 5px;
    position: relative;
    margin: 10px 0 3px 25px;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.msg .bubble.alt {
    margin: 10px 25px 3px 0px;
    background: #dcf8c6;
    float: right;
}
 .msg .bubble.follow {
    margin: 2px 0 3px 25px;
}
.msg .bubble.altfollow {
    margin: 2px 25px 3px 0px;
    background: #dcf8c6;
    float: right;
}
.msg .bubble .txt {
    padding: 8px 0 8px 0;
    width: 100%;
}
.msg .bubble .txt .name {
    font-weight: 600;
    font-size: 14px;
    display: inline-table;
    padding: 0 0 0 15px;
    margin: 0 0 4px 0;
    color: #3498db;
}
.msg .bubble .txt .name span {
    font-weight: normal;
    color: #b3b3b3;
    overflow: hidden;
}
.msg .bubble .txt .name.alt {
    color: #2ecc51;
}
.msg .bubble .txt .message {
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px 0 15px;
    margin: auto;
    color: #2b2b2b;
    display: table;
}
.msg .bubble .txt .timestamp {
    font-size: 11px;
    margin: auto;
    padding: 0 15px 0 0;
    display: table;
    float: right;
    position: relative;
    text-transform: uppercase;
    color: #999;
}
.msg .bubble .bubble-arrow {
    position: absolute;
    float: left;
    left: -11px;
    top: 0px;
}
.msg .bubble .bubble-arrow.alt {
    bottom: 20px;
    left: auto;
    right: 4px;
    float: right;
}
.msg .bubble .bubble-arrow:after {
    content: "";
    position: absolute;
    border-top: 15px solid #ebebeb;
    border-left: 15px solid transparent;
    border-radius: 4px 0 0 0px;
    width: 0;
    height: 0;
}
.msg .bubble .bubble-arrow.alt:after {
    border-top: 15px solid #dcf8c6;
    transform: scaleX(-1);
}

.modal-content {
	border-radius: 5px !important;
}

button.close {
  margin: 0;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 23px;
  height: 23px;
  border-radius: 23px;
  background-color: #00aeef;
  color: #ffe300;
  font-size: 9px;
  opacity: 1;
  z-index: 10;
}