.modal.fade .modal-dialog {
	-webkit-transform: scale(1.0,1.0) !important;
  -ms-transform: scale(1.0,1.0) !important;
  transform: scale(1.0,1.0) !important;
	-webkit-transition: -webkit-transform 0.3s ease-out !important;
  -moz-transition: -moz-transform 0.3s ease-out !important;
  -o-transition: -o-transform 0.3s ease-out !important;
  transition: transform 0.3s ease-out !important;
}    	

#page-wrapper {
	padding-top: 20px;
}	
h3 {
	margin-top: 0px;
}

.selectize-control.multi .selectize-input > div {
	background: #31b0d5;
	color: #fff;
}

.agentselect {
	display: inline-block; 
	width: 80px;
	border: solid 1px #ccc;
	height: 20px !important;
	box-shadow: none;
	padding: 0px !important;	
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none !important;
	padding-left: 6px !important;
	line-height: 12px !important;
}

.agentselect::before, 
.agentselect::after {
    border: none;
    content: none;
}		

.timelinebutton.focus {
	outline: none;
}
.timelinebutton.active {
	background: #fefefe;				
	color: #ccc;
	outline: none;
	border-color: #ccc;
}
.timelinebutton.active.focus {
	background: #fefefe;				
	color: #ccc;
	outline: none;
	border-color: #ccc;
	}
.timelinebutton:hover {
	/* background-color: inherit; */
}
.timelinebutton:focus {
	outline: none;
}

.chat-body .header {
	margin-bottom: 10px;
}

.chat li {
	padding: 0px;
	margin-bottom: 0px;
}


.tle_toolbar {
	position: absolute; 
	bottom: 4px; 
	right: 8px;
	
	visibility: visible;
  opacity: 0.2;
  transition: visibility 0s, opacity 0.2s ease-in-out;
}

.tle_context {
	position: absolute; 
	bottom: 4px; 
	left: 8px;
	
}


.tle_body {
	position: relative;
	padding: 8px;
	padding-bottom: 32px;
	
	
}

.tle_body:hover .tle_toolbar { 
  visibility: visible;
  opacity: 1;	
}


.timelineevent {
  transition: all 0.25s ease-in-out;
  opacity: 1;
  max-height: 400px;
  visibility: visible;
  overflow: hidden;
  overflow-y: auto;
}

.timelineevent.removed {
	max-height: 0px;
	opacity: 0;
	visibility: hidden;
}

.timelineevent.tle_hidden {
	max-height: 0px;
	opacity: 0;

}


.tle_reminder {
	position: absolute;
	bottom: 0px;
	right: 60px;
	margin-top: 8px;
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 0.9em;
  padding-top: 2px;
  padding-bottom: 2px;	
  font-weight: bold;
}


.subentry {
	border-bottom: none !important;
	
}

.subentry a {
	padding-left: 37px !important;
}