/*@charset "UTF-8";*/
.toolbar-controls-container {
	position: fixed;
	bottom: 0px;
	left:0px;
	z-index: 120;
	width: 50px;
	height: 100%;
	background: #0b1e2c;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	color: #FFF;
	transition: height 300ms;
}
.toolbar-controls-container .toolabar_maximise{
	display: none;
}
.toolbar-controls-container.closed{
	height: 45px;
}
.toolbar-controls-container.closed .toolabar_maximise{
	display: block;
}
.toolbar-controls-container ul {
	margin: 0px;
    list-style-type: none;
}
/*.toolbar-controls-container ul li:first-child {
	background: #0079ca;
}*/	

.toolbar-controls-container .icon-custom-stack {
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
}
.toolbar-controls-container .icon-custom-stack .icon-stack-base {
	font-size: 1.5em;
}

.icon-stack-text, .icon-stack-counter {
	text-align:center; position:absolute;
	font-size:13px !important;
}

.toolbar-controls-container ul li {
	border-bottom: 1px solid #CCC;
	padding: 10px 5px;
    text-align: center;
    font-size: 18px;
}
.toolbar-controls-container ul li:hover, .toolbar-controls-container ul li:active {
	cursor: pointer;
	background: #0079ca;
}
.toolbar-controls-container ul li a {
	color: #FFF;
	text-decoration: none;
}

.sslim-container {
	position: fixed;
	bottom: 0;
	left: 50px;
	z-index: 99;
	width:320px;
	height: 100%;
	/*transform: translate(0px, 0px);*/
	/*visibility: hidden;*/
	/*opacity: 0;*/
  	/*transition: all 1s ease-out;*/
  	/*transition: visibility 1s, opacity 0.5s linear;*/
  	display:none;
	font-family: 'Open Sans',sans-serif;
}


.sslim-container-open {
  /*transform: translate(-370px, 0px);*/
	visibility: visible;
	opacity: 1;
  	display:block;
}

.sslim-pane-container {
	height: 100%;
}

.sslim-pane {
	z-index: 95;
	/*position: fixed;*/
	/*left: 40px;*/
	/*top: 0;*/
	height:  100%;
	background: #1b1b1b;
	width: 310px;
	color: #FFF;
	padding: 5px;
}

#message-input {
    display: none;
}

#chat-list-container {
	height: 340px;
	/*border: 1px solid #CCC;*/
	/*padding: 5px;*/
	overflow: hidden;
}
.pane-title h3 {
    margin: 0px 0px 0px 0px;
}
.pane-title a {
	color: rgb(0,123,199) !important;
	text-decoration: none;
}
.pane-title a:hover {
	color: rgb(105, 186, 236);
}
#chat-list-container h5, #chat-container h5 {
	background: #007bc9;
    padding: 5px 0px;
    margin: 5px 0px 0px 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#no-chats {
	margin: 10px 0px;
	padding: 5px;
	font-size: 15px;
	text-align: center;
}
#chat-list, #chat-window {
    padding: 0px 3px 0px 3px;
	overflow-y: scroll;
    border: 1px solid #565656;
}
#chat-list {
	height: 300px;
}
#chat-window {
	height: 400px;
	background: #f5faff;
}
#chat-list::-webkit-scrollbar, #chat-window::-webkit-scrollbar {
	width: 10px;
}
#chat-list::-webkit-scrollbar-track, #chat-window::-webkit-scrollbar-track {
	background: #CCC;
}
#chat-list::-webkit-scrollbar-thumb, #chat-window::-webkit-scrollbar-thumb {
    background: #456;
}
#chat-list::-webkit-scrollbar-thumb:window-inactive, #chat-window::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.25);
}

#users span {
    float: left;
    clear: both;
    padding: 10px;
}

.chat-tile {
    width: 220px;
    padding: 5px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #484848;
    margin: 5px 0px;
    float: left;
	border-left: 10px solid #484848;
}

.chat-tile.not-accepted {
	border-left: 10px solid #941717;
}

.chat-tile .chat-title {
	font-size: 12px;
    line-height: 18px;
}
.chat-tile .chat-unread-counter {
	display: none;
}

.chat-tile:hover { background-color: #1f1f1f; }
.chat-tile.selected-tile {
	border-left: 10px solid #1aa700;
}

.chat-tile-container {
	background: #101010;
    width: 285px;
}
.chat-tile-account-panel .account-pending-products {
	float: right;
	width: 40px;
	margin: 0px 0px 10px 0px;
}
.chat-tile-account-panel .account-pending-products a span {
	margin: 0px 0px 5px 0px;
}

.chat-tile-account-panel .extra-info-body .chat-request-account{
	padding: 3px;
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	color: #FFF !important;
}
.chat-tile-account-panel .extra-info-body .chat-request-account a:hover{
	color: rgb(0,123,199);
}

.chat-request-title {
    margin-bottom: 5px;
    text-decoration: underline;
}

.chat-request-body {
	color: #AAA;
}

.chat-request-status {
    border: 1px solid #CCC;
    background: #333;
    color: #FFF;
    text-align: center;
    padding: 7px;
    margin: 10px;
}

.chat-tile-extra-button {
	float: left;
    margin: 5px 5px;
    height: 23px;
    border-radius: 0px;
    border: 1px solid #484848;
    color: #484848;
    font-size: 27px;
}
.chat-tile-extra-info {
	display: none;
    float: left;
    width: 270px;
    padding: 3px;
    color: #FFF;
    border-radius: 0px;
    border: 1px solid #484848;
}
.chat-tile-extra-info-open {
	visibility: visible;
	opacity: 1;
  	display:block;
}

#chat-container {
	height:400px;
}

#chat-messages {
	color: #262626;
	height: 360px;
}

#chat, #private-chat {
    height: 80%;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #333;
}

#pm-col{
    display: none;
}

.msg {
    float: left;
    clear: both;
    background: #FFFFFF;
    /*border: 1px solid #fff9d2;*/
    border-radius: 7.5px;
    margin: 5px;
    padding: 7px 8px;
    box-shadow: 0.5px 1px 0.5px rgba(0,0,0,.2);
}

.msg.msg-mine {
	float: right;
    background: #dcf8c6;
    box-shadow: 0px 1px 0.5px rgba(0,0,0,.2);
    /*background: #0d1e2c;
    border: 1px solid rgba(35, 121, 191, 1);*/
}

.msg-author {
	color: #3296f9;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	font-weight: 600;
}
.msg-mine .msg-author {
	color: #09900d;
}
.msg-mine .msg-author {
	text-align: right;
}
.msg-mine .msg-text {
	text-align: left;
}

#message-input {
	/*border: 1px solid #333;*/
	margin: 5px 0px 0px 0px;
	/*padding: 5px 5px 0px 5px;*/
	/*background: #ccc;*/
}

#send-message input[type="text"] {
	width: 296px;
}

#message-input {
}

#new-message, #send-message-btn {
    display: inline-block;
    float: left;
}


#global-chat-container {
	background: #FFF;
	border: solid 3px black;
}

#global-chat-client-container { background: #AAA; border: solid 3px blue; }
#global-chat-admin-container { background: #AAA; border: solid 3px red; }

#global-chat-client-container, #global-chat-admin-container {
	margin: 20px;
	min-height: 600px;
}
.toolabar_maximise,
.toolabar_minimise{
	cursor: pointer;
}

.sidebar_items ul{
	display: none;
	position: absolute;
	left:50px;
	top: 135px;
	font-size: 18px;
	background: #0b1e2c none repeat scroll 0 0;
}

.toolbar-controls-container > ul > li:hover > .subitem{
	display: block;
}
.sidebar_items ul li{
	font-size: 14px;	
	width: 136px;
	line-height:20px;
}