body {
background-color: #bbbbbb !important;
}
.panel-primary .panel-heading a{
	color:white;
}
.dataTables_wrapper table.table{
	margin-bottom: 0;
}

.content {
font-family: Verdana;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: .8em !important;
-webkit-box-shadow: #2222220px 2px 3px;
-moz-box-shadow: #222222 0px 2px 3px;
box-shadow: #222222 0px 2px 3px;
padding: 1em;
}

textarea {
font-size: 1em ;
font-family: Verdana;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: .8em !important;
border: 2px inset #777777;
}

.mms_user, .mms_client, .mms_note, .form_field_highlight, .form_caption_highlight {
font-size: 1.25em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #2222220px 2px 3px;
-moz-box-shadow: #222222 0px 2px 3px;
box-shadow: #222222 0px 2px 3px;
padding: 1em;
}

.mms_user, .mms_client, .mms_note {
overflow:auto;
}

.mms_user {
background-color: #65717d !important;
color: #ffffff !important;
width: 890px !important;
max-height: 400px !important;
} 


.mms_note {
background-color: #CCC!important;
color: #666 !important;
border: 1px solid #AAA !important;
width: 890px !important;
max-height: 400px !important;
}

.mms_client {
background-color: #dfe6f8 !important;
color: #000000 !important;
border: 1px solid #cccccc !important;
width: 890px !important;
max-height: 400px !important;
}

.mms_client div {
    background: transparent !important;
}



.mms_client div div {
    padding: 0 10px;
}

.mms_client div div div {
    padding: 0 20px;
    border-left: 1px solid #666666;
}

.form_field_highlight {
 background-color: #002e5a !important;
 color: #ffffff !important;
 margin: 3px !important;
  font-size: .75em !important;
  text-align: right !important;
  vertical-align: middle!important;
}

.form_caption_highlight {
 background-color: #5a6674 !important;
 color: #cccccc!important;
 margin: 3px !important;
  font-size: .75em !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.highlight {
background-color: #cccccc !important;
color: #666666 !important;
}

.form_caption_highlight a {
    color: #eeeeee;
}

.black_table, .black_table td{
	background-color:#CCC;
	color:#333;
	text-align:right;
	border:1px solid white;
}
.black_table th{
	background-color:#CCC;
	text-align:center;
	border:1px solid white;
}

.black_table .billable{
	color: #070;
}
.black_table .flat{
	color: #444;
}
.black_table .nonbill{
	color: #777;
}
.text_white{
	color: white;
}


.dlinput dt
{
	font-weight: bold;
	padding: 0;
}
.dlinput dd
{
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
}
.dlinput dt small
{
	font-weight:normal;
	font-size:.65em;
	color:red;
}

.red{
	color:red;
}
.bold{
	font-weight:bold;
}

/* Fix for data tables sorting icons */
.DataTables_sort_icon{
	display: inline-block !important;
}

/* Input Styling! */
.input-long{
	width:450px;
}

.input-medium{
	width:300px;
}

.input-short{
	width:150px;
}
.shadow_div{
	border:1px solid #CCC;
	border-radius:10px;
	box-shadow: 6px 6px 3px #888;
	padding:6px;
	margin-right:10px;
	margin-bottom:12px;
}

/***** Sparklines Fix *****/
/* http://stackoverflow.com/questions/18894820/jquery-sparklines-and-twitter-bootstrap-3-tooltip-style-overrides */
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/**** Bootstrap vs DataTables Fix ****/
.dataTables_wrapper button, .dataTables_wrapper input, .dataTables_wrapper optgroup, .dataTables_wrapper select, .dataTables_wrapper textarea{
	color:initial;
}