body {background:#f3f3f3;margin:0px;font-family:Arial,Verdana,Helvetica;font-size:12px}
li { font-size:15px; }
ul.actionlinks {margin:0px; padding:1px;  margin-bottom:10px;
border-radius:4px;
}
.static-cols table>tbody>tr>td:first-child {  width:100px }
.static-cols table { width:100%}
#frmFixed_queueid { width: 200px}
.quick-queues li, .sidebar li { font-size:12px}
ul.actionlinks li {display:block; background:white;margin:0px;padding:0px; list-style-type:none; font-size:12px;}
ul.actionlinks li a:link {display:block; background:white; text-align:center;padding:5px; margin:0px; text-decoration:none;}
ul.actionlinks li a:visited {display:block; background:white; text-align:center;padding:5px; margin:0px; }
ul.actionlinks li a:hover {display:block; background:#eee; text-align:center;padding:5px; margin:0px; }

img#logo { margin:10px auto; display:block; }
div#left {position:absolute;width:228px;padding:0px;background:#fff;}
div#main {
	margin:0px;margin-left:228px;padding:5px;background:white;margin-right:5px;

}
div#preside {padding:0px;margin:0px;}
h2 { margin-top:5px; }
div#topbar {padding-top:5px;margin:0px; background:white}
div#footer {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	margin-left:228px;color:#999;text-align:center;background:#666;color:white;height:15px;margin-right:5px;padding:5px;}
div#leftfooter {background:#555;color:white;clear:both;height:25px;}
div.sidebar {
	order: 2;
	flex-basis:20%;
	flex-grow:6;
	padding:5px;
	margin-bottom:2px;
}
div.messages img {
	max-width:100%
}
div.messages {
	order:1;
	flex-basis:60%;
	flex-grow:1;
}

#key {
	margin:0px;padding:0px;display:block;margin-left:87px;
}
.wide {
	width:430px;
}

div.from {
	float:left ;
	width: 100px;
	text-align:right;
	clear:left;
	border-top:1px solid #DDD;
	padding:5px;
}
div.message {
	padding:5px;
	margin-left:110px;
	white-space:pre-wrap;
	background:white;
	border-top:1px solid #DDD;
	padding-bottom:20px;
}
#chatmessages{
	height:400px;
	overflow:auto ;
	border:2px solid #CCC;
	background: #EEE;
}

div.alert {
	border:1px solid red;
	padding:10px;
	text-align:center;
	background:#FFEEEE;
}


.ar-search-container {
	border-top: 1px solid #555;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	width: 400px;
	background: #eee;
	padding: 3px;
	text-align:center;
	margin: 3px 0 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

table.std {
	border-spacing:1px;
}
table.std td { padding:4px;}
table.std th { padding:4px;}
table.std-stripe tr:nth-child(2n) td { background:#eee }
table.std-hover tr:hover td { background:#ffe !important }


#main table.std tr.open td { padding:10px; background: #fdd; border-top:1px solid #700; border-bottom: 1px solid #700}
#main table.std tr.open td:first-child { background: #fdd; border-left:1px solid #700;}
#main table.std tr.open td:last-child { background: #fdd; border-right:1px solid #700;}

a.button {
	display: inline-block;
	border:1px solid #33a;
	background: #ddf;
	padding:4px;
	text-decoration:none;
	color: black;
}
.visible-mob {
  display:none
}
a.button:hover {
	background:white;
}
a:focus { color: red}
.queuelist tr:hover td { filter: brightness(97%);  }
.ticketlist tr:hover td { filter: brightness(97%);  }
div.note>div.body { padding-left:50px ; font-size:15px;}
div.client-notes { margin-left:50px}
ul.quick-queues {
	list-style: none;
	margin:10px 0;
	padding:0;
}
ul.quick-queues li {
	display: inline-block;
	padding: 3px 6px 3px 0px;
	color: #333;
}
ul.quick-queues li  span {
	font-size: 10px;
	font-weight:bold;
}

.issue-holder {
	display:flex;
}
pre {
	max-width: 60vw;
	scroll:auto;
}
.highlighted-message { border: 1px solid black}