body {
	overflow-y: scroll;
	font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-top: 0;
}

/* --------------------------------------------------------------------
   Used to quickly identify what version of the site you are on:
   --------------------------------------------------------------------
   YELLOW = Development
   RED    = Staging
   NONE   = Production
*/
body.development {border-left: 5px solid yellow;}
body.development .impersonate {background: yellow; color: #000;}
body.staging {border-left: 5px solid red;}
body.staging .impersonate {background: red; color: #FFF;}
body.production .impersonate {background: orange; color: #FFF;}

.impersonate {
	padding: 8px 12px;
	text-align: center;
	margin: 0;
}

#header {
	z-index: inherit;
}

#header h1 {
	top: 24px;
	margin: 0;
}

#search {
	top: 5px;
}

#user-nav {
	top: 4px;
}

#user-nav > ul > li > a {
	padding: 5px 10px;
	display: block;
	font-size: 12px;
	text-shadow: none;
	color: #aaaaaa;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #555555;
	background-color: #666666;
}

.table th,
.table td {
	vertical-align: middle;
}

.article-post {
	margin-left: 60px;
}

.action-buttons {
	float: right;
}

.container-fluid .row-fluid:first-child {
	/*margin-top: 5px !important;*/
	margin-top: 0 !important;
}

/* DataTable sorting */
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
	cursor: pointer;
	*cursor: hand;
}

table.table thead .sorting { background: url('images/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }

table.table thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }

.align-left, td.align-left { text-align: left; }
.align-center, td.align-center { text-align: center; }
.align-right, td.align-right { text-align: right; }

.widget-title h5 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
}

.widget-title h5 {
	padding: 12px 12px 7px;
}

.widget-title h5 em {
	opacity: 0.5;
}

.invoice-content {
	padding: 0;
}

.invoice-head {
	margin-bottom: 20px;
	margin-top: 10px;
}

.invoice-to {
	width: 45%;
}

.invoice-from {
	width: 45%;
}

.rushtype-rush {
	background-color: #FCF8E3;
	border-color: #FBEED5;
	color: #C09853;
}

.rushtype-hot {
	background-color: #F2DEDE;
	border-color: #EED3D7;
	color: #B94A48;
}

#login-message {
	margin: 10px auto;
	width: 360px;
}

#loginbox {
	height: 240px;
}

#loginbox label.checkbox {
	width: 28%;
	margin-left: 80px;
}

/*
.stat-boxes .left,
.stat-boxes .right {
	min-width: 75px;
	height: 48px;
	color: #666666;
}

.stat-boxes .all-time {
	font-size: 20px;
	text-align: center;
	line-height: 28px;
}
.stat-boxes .right strong {
	margin-bottom: 6px;
}
*/

.commentus textarea {
	min-width: 99%;
	max-width: 99%;
	height: 60px;
}

.form-horizontal .controls {
	margin-left: 160px;
	padding: 5px 0;
}

.form-horizontal .control-label {
	width: 150px;
	padding-top: 10px;
}

.container-fluid {
    padding: 15px 15px 0 15px;
}

.widget-content {
	padding: 10px 10px 0 10px;
}

.widget-content.nopadding {
	/* @TODO: Fix this. Firefox needs this extra 1px padding on top for some reason */
	/* the !important orverrides the .nopadding declaration in unicorn.main.css */
	padding: 1px !important;
}

.widget-content.nopadding > p {
	padding: 10px 10px 0 10px;
}

.widget-content.padded {
	padding: 10px;
}

.widget-box {
	margin-top: 0;
}

.inline-search {
	position: relative;
	top: 4px;
	left: 4px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

button[class*="span"] {
    float: none;
    margin-left: 0;
}

.lineitem-header [class*="span"] {
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.lineitem {
	padding-top: 6px;
	margin-bottom: 10px;
}

.lineitem .lineitem-extras {
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.lineitem-meta {
	padding: 10px 0;
}

.lineitem-finishing {
	/*min-height: 100px;*/
	display: none;
	min-width: 20%;
	margin: 0 auto;
	padding: 10px 0;
}

.lineitem-meta {
	/*border-bottom: 1px solid #ddd;*/
	/*margin-bottom: 5px;*/
}

.lineitem-cheat {
	border-bottom: 1px solid #bbb;
	min-height: 0 !important;
	/*margin-bottom: 5px;*/
}

.lineitem-actions {
	padding: 3px 0 0 0;
}

.lineitem-meta textarea {
	height: 20px;
	/* max-width and min-width same as bootstrap-custome.css "#order .row-fluid .span7" */
	/*max-width: 58.17490494296578%;*/
    /**max-width: 58.10751949822185%;*/
	/*min-width: 58.17490494296578%;*/
    /**min-width: 58.10751949822185%;*/
	min-width: 49.80988593155894%;
	*min-width: 49.742500486815004%;
	max-width: 49.80988593155894%;
	*max-width: 49.742500486815004%;
}

.sb-moreinfo .btn-moreinfo {
	padding-left: 4px;
	padding-right: 4px;
	width: 15%;
}

#order .row-fluid .input-prepend .span12,
#order .row-fluid .input-append .span12 {
	width: 85%;
	*width: 99.93261455525607%;
}

.lineitem h5 {
	margin: 0;
	padding: 0;
}

.form-horizontal .radio {
	display: block;
}

.order-price {
	line-height: 30px;
	font-weight: bold;
	padding: 0 10px;
}

.lineitem-finishing .well {
	margin-bottom: 0;
	padding: 10px;
}

.required:before {
   content: "*";
   color: #f00;
   font-weight: bold;
   padding-right: 5px;
}

.widget-title .btn {
	margin: 5px;
}

.widget-title .input-append .btn,
.widget-title .input-prepend .btn {
	margin-top: 0;
	margin-left: -1px;
}

.input-short {
	height: 100px;
}

.input-fill {
	width: 90%;
}

.well h4 {
	margin-top: 0;
	display: inline;
}

.well label {
	margin-left: 20px;
	display: inline;
}

.address-ship-to h4 {
	/*margin-top: 0;*/
	display: inline-block;
}

.address-ship-to > label {
	margin-left: 10px;
	display: inline;
}

.address-ship-to input[type=checkbox] {
	margin-right: 10px;
	margin-bottom: 5px;
}

#billto,
/*#source-notes*/ {
	display: none;
}

#content {
	margin-bottom: 0;
	padding-bottom: 15px;
}

.sortable {
	position: relative;
}

.uneditable-input,
.uneditable-textarea {
  color: #333333;
  /*cursor: inherit;*/
  background-color: #fcfcfc;
  border-color: #dddddd;
  /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);*/
     /*-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);*/
          /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);*/
  /*border: none;*/
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

.uneditable-input {
	overflow: auto;
	white-space: inherit;
}

.dl-horizontal dt {
	font-weight: normal;
}

th {
	white-space: nowrap;
}


/**
 * ----------------------------------------------------------------------------
 * .table-overview
 * ----------------------------------------------------------------------------
 */

.table-overview {
	table-layout: fixed;
}

.table-overview .overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table-overview td {
	/*white-space: nowrap;*/
	/*overflow: hidden;*/
}

.table-overview .account-name {
	width: 150px;
}

.table-overview .tight {
	width: 18px;
}

.table-overview .tight.comment {
	width: 5px;
}

.table-overview .tight.comment i {
	opacity: 0.3;
}

.table-overview .entered-by,
.table-overview .rating {
	width: 90px;
}

.table-overview .next-action,
.table-overview .date-field,
.table-overview .status {
	width: 80px;
}


.table-overview .market {
	width: 100px;
}

.table-overview .date-field,
.table-overview .entered-by,
.table-overview .next-action,
.table-overview .next_action,
.table-overview .rating,
.table-overview .sales,
.table-overview .status {
	text-align: center;
}

.table-overview .source
{
	width: 110px;
}

.table-overview td.sales {
	text-align: right;
}

.table-overview .sales {
	width: 50px;
}

.table-overview .name {
	width: 125px;
	text-align: left;
}

.table-overview .people {
	width: 20px;
	padding: 0;
	margin: 0;
	background-color: #eee;
}

.table-overview .owner,
.table-overview .manager {
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-family: inherit;
	color: inherit;
	text-rendering: optimizelegibility;
	letter-spacing: 1px;
}

.table-overview .manager {
	line-height: 12px;
	color: #bbb;
}

.table-overview .owner {
	padding-top: 2px;
	margin-bottom: 1px;
	line-height: 14px;
	color: #888;
}

th span.active a {
	color: #000;
}

th span.asc,
th span.desc {
	padding: 5px;
	padding-left: 15px;
	background-position: 0 6px;
	background-repeat: no-repeat;
}

th span.asc {
	background-image: url('../img/direction-down.png');
}

th span.desc {
	background-image: url('../img/direction-up.png');
}

/**
 * ----------------------------------------------------------------------------
 * Widgets
 * ----------------------------------------------------------------------------
 */
.widget-title .pagination {
	height: inherit;
	margin: 3px 3px 0 0;
}

.widget-title .pagination ul > li > a,
.widget-title .pagination ul > li > span {
	padding: 0 8px;
	line-height: 29px
}

#breadcrumb {
	/*opacity: .6;*/
	font-size: 11px;
}

#breadcrumb i {
	opacity: .6;
	margin-left: 5px;
}

#breadcrumb a:last-child {
	color: #222;
	font-weight: bold;
}

.alert-primary {
	margin: 15px 15px 0 15px;
}

.form-horizontal h5.btn-row {
	padding-top: 8px;
}

.form-horizontal .dl-horizontal {
	margin-top: 0;
	border-top: 1px solid #ddd;
	padding-top: 5px;
}

.header-row {
	border-top: 1px solid #ddd;
	padding-top: 5px;
	margin-bottom: 5px;
}

.header-row h5 {
	float: left;
	width: 180px;
	overflow: hidden;
}

.container-widget {
	margin: 15px 15px 0 15px;
	padding: 0px;
	border: 1px solid #CDCDCD;
	background: #FFF;
}

.pull-center {
	text-align: center;
}


.dl-horizontal dd {
	margin-left: 125px;
	margin-bottom: 3px;
	padding-left: 5px;
	min-height: 20px;
	border-left: 1px solid #BBB;
}

.dl-horizontal dd input[type="radio"],
.dl-horizontal dd input[type="checkbox"] {
	margin:0 6px 0 0;
}

.dl-horizontal dd label {
	margin-bottom: 0;
}


.dl-horizontal dt {
	width: 120px;
	padding-right: 5px;
	margin-bottom: 3px;
	/*border-right: 1px solid #BBB;*/
	min-height: 20px;
}

.commentus {
	margin-bottom: 15px;
}

.header-btn-row h5{
	float: left;
	width: 125px;
}

.header-btn-row a.btn,
.header-btn-row button.btn {
	margin-top: 5px;
}

.modal.large{
    width: 780px;
    margin-left: -390px; /* - width/2 */
}

.widget-title span.icon {
	padding-left: 13px;
	padding-right: 12px;
}

.search-results, a.search-results {
	font-weight: bold;
	text-transform: uppercase;
	font-style: inherit;
	/*color: #333;*/
}

.account-name.fixed {
	width: 200px !important;
}

.no-result {
	color: #ccc;
	text-align: center;
	display: block;
}

.modal-body table,
.modal-body .alert {
	margin-bottom: 0;
}

.modal-body p {
	padding: 10px 0 0 0;
}

#sidebar > ul > li.open.submenu > a {
	border-bottom: none;
}
#sidebar > ul > li.open.active.submenu > a {
	border-bottom: none;
}

a.more-info {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: -5px;
	opacity: .3;
}

h6.pull-right {
	margin-right: 10px;
}

#kpi-bar {
	position: absolute;
	top: 7px;
	right: 0;
}

#kpi-bar.muted {
	opacity: .3;
}

#kpi-bar.muted > li > div {
	background: url('../img/loading.gif') no-repeat center 15px;
}

#kpi-bar.muted .kpi-stats {
	visibility: hidden;
}

#kpi-bar .left,
#kpi-bar .right {
	position: relative;
}

#kpi-bar .more-info-click {
	position: absolute;
	top: 3px;
	right: 3px;
}

#kpi-bar li {
	background-color: #F6F6F6;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#F9F9F9), to(#EDEDED));
	background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
	background-image: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
	background-image: -ms-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
	background-image: -o-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
	background-image: linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
	border: 1px solid #d5d5d5;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 rgba(255,255,255,0.4);
	display: inline-block;
	line-height: 0;
	padding: 0;
	margin: 0 6px 0 0;
}

#kpi-bar > li > div {
	position: relative;
	min-width: 82px;
	float: left;
	padding: 8px 12px;
	margin: 0;
	height: 48px;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 0 1px 0 #ffffff;
	text-align: center;
	background: none;
	border-right: 1px solid #d5d5d5;
}

#kpi-bar > li > div:last-child {
	border: none;
}

.kpi-stats {
	font-size: 26px;
	font-weight: bold;
	line-height: 42px;
}

.kpi-graphs {
	height: 42px;
}

.kpi-graphs canvas {
	margin-top: 7px;
	width: 50px;
	height: 25px;
}

.kpi-goal {
	opacity: .8;
}

.kpi-status-over {
	color: #5CB85C;
}

.kpi-status-even {
	color: #f0AD4E;
}

.kpi-status-under {
	color: #D9534F;
}

.content-header h1 {
	float: left;
}

#converted-leads table,
#converted-leads h6.pull-right {
	display: none;
}

.extras-bar {
	margin-bottom: 5px;
}

#search-wrapper {
	border: 1px solid #CDCDCD;
}

#search-results {
	clear: both;
	overflow: auto;
	/*min-height: 100px;*/
	max-height: 200px;
}

#search-wrapper button {
	margin: 10px;
}

#sidebar > ul > li > a > .label {
	background-color: #444;
	padding: 0 2px 2px 3px;
	opacity: .5;

}

#sidebar > ul ul li a:hover {
	background-color: #272727;
}

#sidebar > ul ul li.active a {
	background-color: #222;
}

#recurring-wrapper,
#recurring-month {
	/*display: none;*/
}

.recurring .stack label {
	width: 100px;
}

.filter {
}

.filter span {
	margin-left: 5px;
	margin-right: 5px;
}

.filter label {
	display: inline-block;
	/*margin-left: 5px;*/
}

.table-sortable tr {
	white-space: nowrap;
}

.table-sortable td {
	vertical-align: middle;
}

.table-sortable .handle {
	width: 1%;
	padding: 2px 2px 2px 3px;
}

.table-sortable .tight {
	width: 1%;
}

.table-sortable .name,
.table-sortable .organization,
.table-sortable .title {
	width: 25%;
}

.table-sortable .id {
	text-align: right;
	width: 3%;
}

.table-sortable .tight,
.table-sortable .handle {
	padding: 3px;
}

td.slim,
th.slim {
	width: 1%;
	padding: 2px 4px;
	margin: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"]{
	margin-top: -1px;
}

.muted {
	/*opacity: 0.7;*/
}

.closed td {
	/*display: none;*/
	/*padding: 2px;*/
	/*margin: 2px;*/
}

.strikeout {
	text-decoration: line-through;
}

.widget-content table {
	margin-bottom: 0px;
}

.widget-content hr {
	margin: 10px 0;
	border: 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #cccccc;
}

.padded {
	padding: 10px;
}

/*

	Cya L: #C0E3F0;
	Cya M: #90d6f0;
	Cya D: #60c9f0;

	Mag L: #E0B4D8;
	Mag M: #e087d1;
	Mag D: #e05ac9;

	Yel L: #FFFCCC;
	Yel M: #fff899;
	Yel D: #fff566;

	Blk L: #CCCCCC;
	Blk M: #808080;
	Blk D: #333333;

 */

.source-c, .source-i,
.source-a, .source-,
.source-code {
	vertical-align: middle;
	border: 1px solid #DDDDDD;
	display: inline-block;
	font-size: 85%;
	line-height: 17px;
	overflow: hidden;
	text-shadow: none;

}

.source-code {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-left: none;
	padding: 2px 0 0 3px;
	width: 32px;
	line-height: 15px;
}

.source-c, .source-i, .source-a, .source- {
	text-align: center;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	font-size: 75%;
	width: 18px;
}

.source- {
	background-color: #EEEEEE;
	border-color: #EEEEEE
	color: #CCCCCC;
}

.source-c {
	background-color: #333333;
	border-color: #333333;
	color: #CCCCCC;
}

.source-a {
	background-color: #888888;
	border-color: #888888;
	color: #FFFFFF;
}

.source-i {
	background-color: #DDDDDD;
	border-color: #DDDDDD;
	color: #333333;
}

.more-info-click {
	margin-left: 5px;
	margin-top: -1px;
	opacity: .5;
}

.widget-title .more-info-click {
	margin-left: 0px;
	margin-top: 8px;
	opacity: .5;
}

.popover-content hr {
	margin: 5px 0;
}

.table-no-border th,
.table-no-border td {
	border: none;
}

.more-info-text {
	float: left;
}

.more-info-description {
	margin-left: 30px;
}

.inline-heading {
	padding: 0;
	margin: 10px 0;
	float: left;
}

.duplicates {
	background-clip: padding-box;
	background-color: #ffffff;
	border-radius: 4px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	left: 0;
	list-style: none;
	margin: 2px 0 0;
	padding: 0;
	position: absolute;
	top: 40px;
	z-index: 1000;
}

.duplicates > div {
	padding: 0 10px 10px 10px;
	margin: 0;
}

.duplicates ul {
	list-style: none;
	margin: 0;
}

.duplicates li {
	line-height: 30px;
	border-bottom: 1px solid #D2A1A8;
	white-space: nowrap;
	overflow: hidden;
}

.stage-account,
.stage-lead {
	display: inline-block;
	width: 50px;
	text-align: center;
	margin-right: 5px;
}

.stage-account {
	background-color: #468847;
}

td.account-stage,
th.account-stage {
	width: 50px;
}

.stage-lead {
}

.inline-loading {
	margin: -25px;
}

.controls.form-inline h4,
.controls.form-inline h5 {
	margin-top: 5px;
}

td.alert {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}

td input[type=checkbox] {
	margin-top: 0;
}

.inline input[type=checkbox] {
	/*margin-top: 0;*/
}


.inline input[type=radio] {
	margin-top: -5px;
	margin-right: 5px;
}

.popover .alert {
	padding: 2px 0px;
}

.alert h4 {
	margin-bottom: 5px;
}

.alert ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

.tooltip ul
{
	text-align: left;
}

th [class^="icon-"],
th [class*=" icon-"] {
	margin: -2px 0 0 0;
	opacity: .6;
}

.disabled .icon {
	opacity: .3;
}