body {
  height: 100%;
  margin: 0;
  padding: 0;
  color: #858592;
  font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}
header {
  height: 45px;
}
br {
	clear: both;
}
.metro .page {
  margin: 0 auto;
  padding: 0 auto;
}
.metro .span3 {
  width: 200px !important;
}
.datatable-scroll {
		width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    float: none;
}
.custom-label {
	height: 30px;
	/*margin: 0px 0px 10px 0px;*/
	/*border: 1px #ff0 solid;*/
	/*margin 12px*/
}
.span-label {
	margin: 5px 0 0 0;
  display: inline-block;
  padding: 3px 5px;
  font-size: 90%;
  font-weight: normal !important;
  line-height: 90%;
  color: #555555;
  font-weight: bold;
}
.metro .input-control.text {
	height: 30px;
}
.metro .input-control select {
	height: 30px;
}
.metro .input-control textarea {
  font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
}
.metro .input-control textarea:disabled{
	background-color: #F8F8F8;
}
.metro legend {
  margin-bottom: 10px;
  font-size: 11pt;
  line-height: 14pt;
  font-weight: bold;
  color: #808080;
}
.metro .table thead th {
  font-size: 9pt;
}
.metro .table tbody td {
  font-size: 9pt;
}
.metro .table tfoot td {
  font-size: 9pt;
  font-weight: bold;
  border-top: 1px #eaeaea solid;
}
.metro .dropdown-toggle {
	font-size: 12pt;
}
.metro .navigation-bar .navigation-bar-content .element {
  font-size: 12pt;
}
.running-text {
  height: 30px;
  margin: 0 auto;
  padding-top: 5px ;
  background-color: #000;
  color: #fff;
  font-size: 10pt;
}
.login-screen {
	width: 570px;
	margin-top: 230px;
	margin-left: 360px;
	height: 140px;;
	padding: 10px;
	font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}
.screen-title {
	width: 200px;
	padding: 15px;
  line-height: 15px;
  color: #ffffff;
  font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  float: left;
}
.user-title {
	padding: 15px;
  line-height: 15px;
  color: inherit;
  font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  float: left;
}
div#left-panel {
	float:left;
	width:100%
}
div#left-panel-content1 {
	margin-right:430px;
	background: white;
	padding: 10px 0px 10px 10px;
}
div#left-panel-content2 {
	margin-right:520px;
	background: white;
	padding: 10px 0px 10px 10px;
}
div#message-panel {
	height: 255px; 
	padding: 0px;
}
div#right-panel1 {
	float:left;
	width:430px;
	margin-left:-430px;
	background: white;
	padding: 10px;
}
div#right-panel2 {
	float:left;
	width:520px;
	margin-left:-520px;
	background: white;
	padding: 10px;
}
div#bottom-panel1 {
	border: 1px solid #D5D5D5;
	background: white;
	padding: 10px;
	margin-top: 10px;
}
div#profile-data-panel {
	width: 360px;
	margin-right: 10px;
	/*border: 1px solid #D5D5D5;*/
	float: left;
}
div#profile-tabs-panel {
	width: 440px;
	float: right;
}
div#profile-tabs-frame {
	/*height: 200px;*/
	border: 1px solid #D5D5D5;
	background: white;
	padding: 10px;
}
div#history-panel-tabs {
	height: 200px; 
	border: 1px solid #D5D5D5;
	background: white;
	margin-bottom: 10px;
	padding: 10px;
}
div#action-panel {
	height: 457px; 
	border: 1px solid #D5D5D5;
	background: white;
	margin-bottom: 10px;
	padding: 10px;
}
.reply-media-button {
	font-size: 14pt;
	letter-spacing: 8px
}
.statistic {
	width: 75px;
	height: 35px; 
	border: 1px solid #D5D5D5;
	background: #F8F8F8;
	margin-right: 5px;
	padding: 5px;
	float: left;
}
.footer {
	width: 100%;
  height: 30px;
  background-color: #16499A;
  color: #fff;
  bottom: 0px;
  position: fixed;
  z-index: 3000;
}
.filter-panel {
	height: 65px; 
	border: 1px solid #D5D5D5; 
	border-bottom: 0px;
	background: #F8F8F8;
	padding: 10px;
}
.search-panel {
	height: 50px; 
	border: 1px solid #D5D5D5; 
	background: #F8F8F8;
	padding: 10px;
}
.head-panel {
	height: 30px; 
	border: 0px;
	background: #F8951D;
	color: white;
	padding-left: 10px;
	line-height: 30px;
	font-size: 11pt;
}
.message-detail-panel {
	min-height: 505px; 
	border: 1px solid #D5D5D5; 
	border-top: 0px;
	background: #F8F8F8;
	padding: 10px;
}
.customer-profile-pic1 {
	width: 100px;
	border: 1px solid #D5D5D5;
	background: #F8F8F8;
}
.customer-profile-pic2 {
	width: 100px;
	border: 1px solid #D5D5D5;
	background: #F8F8F8;
}
.customer-profile-data1 {
	height: 100px;
	width: 280px;
	font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  line-height: 14px;
  color: #52525F;
  padding-left: 10px;
}
.customer-profile-data2 {
	height: 100px;
	width: 230px;
	font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  line-height: 18px;
  color: #52525F;
  padding-left: 0px;
}
.message-content {
	height: auto; 
	border: 1px solid #D5D5D5; 
	background: white;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #858592;
  overflow: auto;
}
.ticket-content {
	height: 340px; 
	border: 1px solid #D5D5D5; 
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-family: 'Open Sans', 'Segoe UI_', Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFF;
  color: #858592;
  overflow: auto;
}
.custom-table thead tr {
  background-color: #145CAE;
  color: #ffffff;
  border: 1px solid #145CAE; 
}
.customer-detail-header {
	height: 65px; 
	border: 1px solid #D5D5D5; 
	background: #F8F8F8;
	padding: 5px 10px 10px 10px;
}
.message-detail-body {
	height: 180px; 
	border: 1px solid #D5D5D5;
	border-top: none; 
	background: white;
	padding: 10px;
	margin-bottom: 10px;
}
.chat-message {
	height: 100px; 
	border: 1px solid #D5D5D5;
	background: white;
	padding: 10px;
	margin-bottom: 10px;
}
.action-submit {
	
}
#search_result {
	margin-top: 0px;
}

input.mandatory, textarea.mandatory, select.mandatory {
	background-color: #ffecec;
	border: solid 1px #ebebeb;
}

input.mandatory_invalid, textarea.mandatory_invalid, select.mandatory_invalid {
	background-color: #ffecec;
	border: solid 1px #ff0000;
}


.metro .navigation-bar .navigation-bar-content .element {
  padding-right: 20px;
}
.metro .dropdown-menu {
  white-space: nowrap;
}
.metro .dropdown-menu li {
  width: 100%
}
.metro .dropdown-menu a {
  width: 100%
}
.metro .table {
  max-width: auto;
  margin-bottom: 0pt;
}
.metro .table thead th {
  white-space: nowrap;
}
.metro .table tbody tr {
  white-space: nowrap;
}
.metro .table tbody + tbody {
  border-top: none;
  border-bottom: 1px solid #eaeaea;
}
.dataTables_scroll {
	margin-bottom: 5px;
	overflow: auto;
}
.dataTables_filter {
	height: 40px;
}
.mail_quote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
}
.attachment_panel {
	max-height: 80px;
	overflow-x: auto;
}
.panel_compose{
	width: 100%;
	height: 550px;
	background: #fff;
	position: absolute;
	right: 0;
	display: none;
	z-index: 100;
}
.titleCompose{
	color: #fff;
	position: relative;
	padding: 10px;
	background-color: #333333;
	font-size: 16px;
}
.compose_view{
	padding: 10px;
}
.wysiwyg, .wysiwyg iframe {
    width: 100% !important;
}

.autocomplete-suggestions{
    background: #19FF19;
}