/*
 * Component: Direct Chat
 * ----------------------
 */
.direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow-x: hidden;
  padding: 0;
}
.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-messages {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 10px;
  height: 250px;
  overflow: auto;
}
.direct-chat-msg,
.direct-chat-text {
  display: block;
}
.direct-chat-msg {
  margin-bottom: 10px;
}
.direct-chat-msg:before,
.direct-chat-msg:after {
  content: " ";
  display: table;
}
.direct-chat-msg:after {
  clear: both;
}
.direct-chat-messages,
.direct-chat-contacts {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #d2d6de;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444444;
}
.direct-chat-text:after,
.direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #d2d6de;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}
.direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}
.direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}
.right .direct-chat-text {
  margin-right: 50px;
  margin-left: 0;
}
.right .direct-chat-text:after,
.right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}
.direct-chat-img {
  border-radius: 50%;
  float: left;
  width: 40px;
  height: 40px;
}
.right .direct-chat-img {
  float: right;
}
.direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
.direct-chat-name {
  font-weight: 600;
}
.direct-chat-timestamp {
  color: #999;
}
.direct-chat-danger .right > .direct-chat-text {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #ffffff;
}
.direct-chat-danger .right > .direct-chat-text:after,
.direct-chat-danger .right > .direct-chat-text:before {
  border-left-color: #dd4b39;
}
.direct-chat-primary .right > .direct-chat-text {
  background: #3c8dbc;
  border-color: #3c8dbc;
  color: #ffffff;
}
.direct-chat-primary .right > .direct-chat-text a {
  color: #ffffff;
}
.direct-chat-primary .right > .direct-chat-text:after,
.direct-chat-primary .right > .direct-chat-text:before {
  border-left-color: #3c8dbc;
}
.direct-chat-warning .right > .direct-chat-text {
  background: #f39c12;
  border-color: #f39c12;
  color: #ffffff;
}
.direct-chat-warning .right > .direct-chat-text:after,
.direct-chat-warning .right > .direct-chat-text:before {
  border-left-color: #f39c12;
}
.direct-chat-info .right > .direct-chat-text {
  background: #00c0ef;
  border-color: #00c0ef;
  color: #333333;
}
.direct-chat-info .right > .direct-chat-text:after,
.direct-chat-info .right > .direct-chat-text:before {
  border-left-color: #00c0ef;
}
.direct-chat-success .right > .direct-chat-text {
  background: #00a65a;
  border-color: #00a65a;
  color: #ffffff;
}
.direct-chat-success .right > .direct-chat-text:after,
.direct-chat-success .right > .direct-chat-text:before {
  border-left-color: #00a65a;
}
.direct-chat-lime .right > .direct-chat-text {
  background: #01ff70;
  border-color: #01ff70;
  color: #333333;
}
.direct-chat-lime .right > .direct-chat-text:after,
.direct-chat-lime .right > .direct-chat-text:before {
  border-left-color: #01ff70;
}
.direct-chat-olive .right > .direct-chat-text {
  background: #3d9970;
  border-color: #3d9970;
  color: #ffffff;
}
.direct-chat-olive .right > .direct-chat-text:after,
.direct-chat-olive .right > .direct-chat-text:before {
  border-left-color: #3d9970;
}
.direct-chat-fuchsia .right > .direct-chat-text {
  background: #f012be;
  border-color: #f012be;
  color: #ffffff;
}
.direct-chat-fuchsia .right > .direct-chat-text:after,
.direct-chat-fuchsia .right > .direct-chat-text:before {
  border-left-color: #f012be;
}
.direct-chat-maroon .right > .direct-chat-text {
  background: #d81b60;
  border-color: #d81b60;
  color: #ffffff;
}
.direct-chat-maroon .right > .direct-chat-text:after,
.direct-chat-maroon .right > .direct-chat-text:before {
  border-left-color: #d81b60;
}
.direct-chat-teal .right > .direct-chat-text {
  background: #39cccc;
  border-color: #39cccc;
  color: #333333;
}
.direct-chat-teal .right > .direct-chat-text:after,
.direct-chat-teal .right > .direct-chat-text:before {
  border-left-color: #39cccc;
}
.direct-chat-navy .right > .direct-chat-text {
  background: #001a35;
  border-color: #001a35;
  color: #ffffff;
}
.direct-chat-navy .right > .direct-chat-text:after,
.direct-chat-navy .right > .direct-chat-text:before {
  border-left-color: #001a35;
}

.jrc_chat_form {
  max-width: 100%;
  padding: 10px;
  margin: 0 auto 10px;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
          box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.spacer5 {
	padding-top: 5px;
}
hr {
	margin:10px 0;
  	height: 1px;
}
form-actions {
	padding:10px 20px 20px;
	margin-top:10px;
	margin-bottom:0;
}

h4 .small {
	font-size: 0.6em;
}

.input-append input {
	width: 340px;
}

.sidebar {
	background-color: #f9f9f9;
	text-align: center;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

#jrc_chat_output {
	margin-bottom: 20px;
	height:310px;
	overflow:auto;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 1.3em;
    background-image: url('../img/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}
#jrc_chat_output ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#jrc_chat_output a {text-decoration:underline;}
#jrc_chat_output a:hover {text-decoration: none;}

.loadingbg {
	background: url('../img/loadingbg.gif') no-repeat center #dcdcdc !important;
}

.response_sum {	
	font-size:10px;
	color:#555;
}
.admin {
	background-color:#effcff;
    position: relative;
}
.admin .avatar {
	max-height: 36px;
	position: absolute;
	right: 5px;
	top: 5px;
}
.user {
	background-color:#f4fdf1;
}
.download {
    background-color:#d0e5f9;
}
.contact, .login {
	width:300px;
	margin-top:20px;
}

.notice {
    background-color:#d0e5f9;
}
.text_block {
	padding:10px 5px 5px 10px;
}

#starify {
	float: left;
	margin-bottom: 10px;
}

.rating_inline {
	padding-left: 35px;
}

#captcha_refresh {
	position: absolute;
	top: 0;
	left: 160px;
	cursor:pointer;
}
.captcha_wrapper {
	position: relative;
	margin:5px 0px 8px 10px;
}

.clear {
	clear: bloth;
}

#jrc_typing {
	font-size: 10px;
}
.typing-slide-up {
	margin-top: -22px;
}

#uploadpp_wrapper, #email_form, #operator_connected, #jak_update {
	display: none;
}

#uploadpp_wrapper {
	margin: 10px 0 0 10px;
	padding-bottom: 5px;
	font-size: 11px;
	position: relative;
}

#jak_update {
	position: absolute;
	bottom: 40px;
	left: 15px;
	display: none;
	z-index: 1001;
}

.jrc_chat_form_slide {
  max-width: 300px;
  padding: 5px;
  margin: 0 auto;
  margin-bottom: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
          box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.jrc_chat_form_slide .input-large, .jrc_chat_form_slide form {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Star Rating */
.star {
	color: #ccc;
	cursor: pointer;
	transition: all 0.2s linear;
}
.star-checked {
	color: gold;
}