#tickets-bar tr:hover td { background-color: #eee; }
.lead { margin-bottom: 0px; }

div.select2-container-multi { height: auto; }

.select2-search-choice img { width: 30px; height: 30px; border-radius: 15px; margin-right: 5px; }

.select2-container-multi .select2-search-choice-close { position: relative; }

.select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px; }
.select2-container-multi .select2-choices .select2-search-choice > div { float: left; line-height: 29px; }
.select2-container-multi .select2-choices .select2-search-choice { border-radius: 19px; min-height: 30px; }
.select2-container-multi .select2-search-choice-close {
    position: relative;
    float: right;
    line-height: 20px;
    margin-top: 4px;
    margin-left: 5px;
}
.select2-result-label img {
	width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-right: 5px;
}

.span3 .nav {
    margin-bottom: 10px;
    margin-left: 0;
    list-style: none;
}

.span3 .table { margin-top: 5px; }


#attachments-modal { width: 650px; }

tr[data-attachment] { cursor: pointer; }

tr[data-attachment].selected  { background-color: #c4d2ff; }

.wrapper.affix { top: 55px; width: 360px; }

#ticket-form li.media .btn-group { position: absolute; right: 50%; top: -20px; margin-right: -59px; }
#ticket-form li.media:hover .btn-group { display: inline; }
#ticket-form li.media .btn-group { position: absolute; right: 50%; top: -20px; margin-right: -59px; }

#comments-list li.media .btn-group { position: static; display: block; right: auto; top: auto; margin-right: 0; }

#ticket-form hr { margin: 5px 0 10px; }

#tickets-bar a.edit { color: #666; text-decoration: none; font-weight: 300; }
#tickets-bar a.edit .lead { color: black; font-size: inherit; font-weight: normal; line-height: inherit; }
#tickets-bar td { padding: 2px 4px; }
#tickets-pane { max-height: 100vh; overflow: scroll; }

#tickets-bar .ticket-from { line-height: 10px; }
#tickets-bar .ticket-from strong {
	max-width: 56%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.select2-choices .select2-search-choice .email { display: none; }

.nav-tabs > li > a {
    padding-left: 4px;
    padding-right: 4px;
}

tr[tabindex]:focus { outline: none; }

#tickets-bar small.text-muted { color: black; font-weight: bold; }
#tickets-bar tr.locked td { background: #fd8d8c; }
#tickets-bar .icon-lock { color: #961815; display: none; }
#tickets-bar tr.locked .icon-lock { display: inline; }
#tickets-bar .icon-paperclip { font-size: 20px; color: #aaa; }

.media-list .media-object { border: 0; }

#tickets-bar .table .badge { height: 0; width: 0; padding: 6px; margin-top: 4px; }

#tickets-bar .controls-row { margin-bottom: 5px; }

#tickets-bar table { margin: 0; }

#ticket-merge-list td { position: relative; }

#ticket-merge-list .merge-buttons { position: absolute; bottom: 5px; right: 5px; }

.range-buttons > a { border: 2px solid; border-radius: 16px; }

.media.range h2 { margin-top: 6px; }
.media.range .range-buttons { margin-top: -5px; }

.media-object {
    font-size: 9px;
    line-height: 15px;
    height: 50px;
}
#modal-search-submit {     
	position: absolute;
    top: 16px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 20px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    right: 16px; 
}
#modal-search-close { position: absolute; top: 19px; right: 64px; }

.tickets.widget .select2-results .badge,
.tickets.widget .select2-choice .badge { display: block; text-align: center; }

#tickets-bar .select2-choice .badge { display: none; }

.select2-container .badge { margin-top: 4px; }

#table-blue,
.table-blue {     
	background: aliceblue;
	width: 100%; 
}
#table-blue td,
.table-blue td { line-height: 2em; padding: 10px; }
#table-blue .media-list,
.table-blue .media-list { margin: 0; }
#table-blue li,
.table-blue li { clear: both; margin: 10px 0 10px 0; }
#table-blue li > label,
.table-blue li > label { color: #000; font-weight: bold; line-height: 20px; }
#table-blue li > div,
.table-blue li > div { line-height: 20px; }

.table-blue .media-list {
    margin: 0;
}

.table-blue ul {
    list-style: none;
	margin-left: 0;
	padding-inline-start: 0;
}

a {
    color: #08c;
    text-decoration: none;
}

blockquote { margin: 0; padding-left: 10px; border-left: 2px solid forestgreen; }
blockquote blockquote { border-color: blueviolet; }
blockquote blockquote blockquote { border-color: lightsalmon; }
blockquote blockquote blockquote blockquote { border-color: goldenrod; }
blockquote blockquote blockquote blockquote blockquote { border-color: sienna; }
blockquote blockquote blockquote blockquote blockquote blockquote { border-color: blueviolet; }
blockquote blockquote blockquote blockquote blockquote blockquote blockquote { border-color: indigo; }
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote { border-color: khaki; }
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote { border-color: navy; }
blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote { border-color: grey; }

.alternate { color: forestgreen; }	

.table-invoice {
    width: 100%;
}

.table-invoice td, .table-invoice th {
    padding: 10px 0;
}

.table-invoice th {
    border-bottom: 4px solid #999;
}

@font-face {		  font-family: 'Merienda One';		  font-style: normal;		  font-weight: 400;		  src: local('Merienda One'), local('MeriendaOne-Regular'), url(https://fonts.gstatic.com/s/meriendaone/v8/bCA-uDdUx6nTO8SjzCLXvRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;		}

.team {
    font: 400 100px/1.2 'Merienda One', Helvetica, sans-serif;
    font-size: 1.5em;
    color: #08c;
}

#internal-external-to-tabs { margin-bottom: 0; border-bottom: 0; padding-left: 10px; }
#internal-external-to-tabs > li > a { padding: 4px 8px;  }

.discuss iframe { width: 100%; }


/*Styling of To, Cc, and Bcc*/
#s2id_cc .select2-search-choice, 
#s2id_owners .select2-search-choice, 
#s2id_bcc .select2-search-choice, 
#s2id_from .select2-search-choice {
	background-image: none;
	border-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	filter: none;
	padding-right: 10px;
}
#s2id_cc .select2-search-choice-close, 
#s2id_owners .select2-search-choice-close, 
#s2id_bcc .select2-search-choice-close, 
#s2id_from .select2-search-choice-close {
	display: none;
}

.btn-toolbar { position: relative; }
.btn-toolbar .btn-group { top: -27px; }
.btn-toolbar .btn-link {
	background-color: white;
	border-color: #ccc;
	line-height: 30px;
}
.btn-toolbar .btn-link.attachments {
	font-size: 20px;
}
.btn-toolbar .btn-link.attachments.warning {
	color: red;
}

#ticket-nav .dropdown-menu { 
	min-width: 280px;
    max-height: calc( 100vh - 210px );
    overflow: scroll;
}

#tickets-bar tr.open td { background-color: #c4d2ff; }
#tickets-bar tr.active td { background-color: #193eaf; color: white; }
#tickets-bar tr.active td a.ticket-from,
#tickets-bar tr.active td a.toggle-thread,
#tickets-bar tr.active td small.text-muted,
#tickets-bar tr.active td a.edit,
#tickets-bar tr.active td a.edit .lead { color: white; }

#tickets-bar tr td:first-child { border-bottom-color: transparent; }

#tickets-bar tr.open td:first-child { border-bottom-color: rgb(128, 128, 128); }
#tickets-bar tr td a.toggle-thread span { display: inline-block; }
#tickets-bar tr.open td a.toggle-thread span { transform: rotate(90deg); vertical-align: -1px; }

#tickets-bar tr.active td:first-child {  border-bottom-color: rgb(128, 128, 128); }

#attachments > table { margin: 0; }
#attachments > legend { margin-bottom: 0; }

.table-blue .btn-info {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #49afcd;
    background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.table-blue .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    border-radius: 4px 4px 4px 4px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
}

span.variable {
	display: inline-block;
    background: #193eaf!important;
	color: white!important;
	padding: 4px 10px;
	border-radius: 15px;
	text-transform: capitalize;
}