/*
1) Define the font face, style, etc
2) Define the site pallette
3) Define commonly used items
4) Define specific items
5) Finally unique items to that page are done locally
*/

.beta_site_header {
	font-weight:bold;
	color:#000000;
	padding:0px;
	background-color:#88ff88;
	text-align:center;
}

/* footer section */
.footer {
	background: #e6e6ff;
	color: #000000;
	margin-top:20px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align:center;
}
.footer a{
	color: #000080;
}
.footer a:hover{
	color: #ffffff;
}



/* header menu */
div.navbar-header {
	height:63px;
}

a.navbar-brand {
	padding-top:0px;
}







@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always !important; }
	.print-background-color {
		-webkit-print-color-adjust:exact !important;
	}
}
/* fix a bootstrap "feature" that displays url's when printing */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/* used to blank out the screen for pages with sensitive information */
#fullscreen_overlay {
	position:absolute;
	background:#444444;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1
	color:white;
	font-size:200%;
}







.row-with-border {
	/* use with row/col   like <div class="row row-with-border"> */
	border:1px solid black;
}



/* top navigation bar */
#menu_border {
	padding:1px 10px 1px 10px;
	width:97%;
	/* background:url("/images/border.png") repeat; */
}
#menu {
	padding:1 1 1 8;
	width:100%;
	background:#eeeeee;
	text-transform:uppercase;
	font-weight:bold;
	vertical-align:middle;
}
#menu input {
	padding:0px 0px 0px 4px;
	width:275px;
	height:30px;
}
#menu a {
	margin:0px 0px 0px 10px;
	padding:6px 10px 6px 10px;
	background:#eeeeee;
	border:1px solid #444444;
	text-decoration:none;
}






/* main content box */
#content_border {
	padding:2px 10px 2px 10px;
	width:97%;
	/* background:url("/images/border.png") repeat; */
}
#content {
	background:#ffffff;
	width:100%;
	padding:7px;
}

table.One {
}
table.One th {
	padding:5px;
	background:#ddddff;
}
table.One td {
	padding:5px;
}
table.One td.lineodd   { background-color:#eeeeee; }
table.One td.lineodd1  { background-color:#ccffcc; }
table.One td.lineodd2  { background-color:#ccccff; }
table.One td.lineodd3  { background-color:#eeeeee; }
table.One td.lineeven  { background-color:#ffffff; }
table.One td.lineeven1 { background-color:#ddffdd; }
table.One td.lineeven2 { background-color:#ddddff; }
table.One td.lineeven3 { background-color:#ffffff; }
table.One td.linedisc  { background-color:#ffdddd; }
table.One td.lineerror {
	background-color:#ffdddd;
}
table.celltop td { vertical-align:top; }

table.MonitorDetails th { border:1px solid gray; margin:1px; padding:1px; font-weight:bold; }
table.MonitorDetails td { border:1px solid gray; margin:1px; padding:1px; }



table td.locksmith { background-color:rgba(200,200,255,1); }
table td.safe      { background-color:rgba(200,255,200,1); }
table td.alarm     { background-color:rgba(255,200,200,1); }




table td.R1 { background-color:rgba(0,0,0,0); }
table td.R2 { background-color:rgba(255,255,255,0.05); }

table.pad10 td th { padding:10px; }
table.darkborder td
,table td.darkborder { border:1px solid rgba(0,0,0,0.4); }

table.lightborder td
,table td.lightborder { border:1px solid rgba(0,0,0,0.2); }

table.noborder td
,table td.noborder { border:0px; }

div.instructions { padding:10px; border:1px solid #888888; background-color:#aaaaff; margin:10px; }

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

tr.center td
,tr.center th
,td.center
,th.center
,.center {
	text-align:center;
}

/* general formatting for right-align table cells */
/*
*/
table td.isk
, table td.money
, table td.qty
, table td.number
, table th.money
, table th.qty
{
	text-align:right;
}
table td.total {
	border-top:1px solid #888888;
}


/* specific styles for the main content box */
content_main_inner input {
	padding:4px;
	margin:0px 3px 3px 3px;
	font-size:14px;
}
content_main_inner .checkbox {
	margin-top:9px;
}











/* main table on the home page */
table.home_main td {
	border-top: 1px solid #888888;
	/* font-size:11pt*/
}
table.home_main td.icon {
	padding:0px;
	margin:0px;
}
table.home_main td.link {
	padding:0px 5px 0px 5px;
	margin:0;
	white-space:nowrap;
}
table.home_main td.desc {
	padding:0px 5px 0px 5px;
	margin:0;
}

div.login_box {
	padding:5px;
	margin:5px;
	border:1px solid red;
}
div.login_box table td {
	vertical-align:top;
	padding:1px 3px 1px 3px;
}




span.seconds_ago          { font-style:italic; }
span.seconds_ago_good     { color:#08ab00; }
span.seconds_ago_ok       { color:#a5ab00; }
span.seconds_ago_soso     { color:#ab8500; }
span.seconds_ago_bad      { color:#e07e00; }
span.seconds_ago_terrible { color:#e00000; }




div.debug  { border:1px solid green; padding:5px; background-color:#002200; margin:10px; }
.error     { color:#ff0000; }
.ok        { color:#00ff00; }
.debug     { color:#44ff44; } /* debug messages */

span.money_country     { font-size:small; } /* f_functions.php:format_money2(), the "country" part */
span.money_negative    { color:#ff0000;   } /* f_functions.php:format_money2(), if the value is negative */
span.isk_format_isk    { font-size:x-small; color:#888888; } /* f_functions.php:isk_format(), the "isk" portion */
span.volume_format_vol { font-size:x-small; color:#888888; } /* f_functions.php:volume_format(), the "m^3" portion */
span.small             { font-size:small; } /* for small text */

div.h_comment          { font-style:italic; padding:5px; margin:7px; border:1px solid #444444; background-color:#222222; } /* for comments that go below headings */


div.div_inline { display:inline; } /* display the div inline */

.footer {
	padding:3px;
	margin:3px;
	font-size:9px;
}



div.envision_full_width_chart { width: 800px; margin: 24px auto 0px auto; }


div.log            { border:1px solid #008800; padding:5px; margin:5px; background-color:#001100; }
div.log h3         {  }
div.log table      {  }
div.log td         { vertical-align:top; border-top:1px solid #888888; }
div.log td.created {  }
div.log td.name    {  }
div.log td.message {  }
div.log ul         {  }
div.log li         {  }







/* File Uploads */
.progress { width:400px; height:10px; border:1px solid black; background-color:white; }
.progress-bar { height:10px; background-color:green; }
.dropzone {
	background: palegreen;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
}





/* Order System */
div.order             { padding:5px; margin:5px; }
div.order h3          {  }
div.order table       {  }
div.order th          { background-color:#aaaaaa; font-weight:bold; padding-left:4px; }
div.order td          { vertical-align:top; border-top:1px solid #888888; }
div.order ul          {  }
div.order li          {  }

div.wrongstock { border:1px solid red; background-color:#ffeeee; margin-top:4px; margin-bottom:4px; padding:4px; }

table.menu a { color:black; }
table.menu td { padding:3px 7px 3px 7px; }
td.menu_selected    { background-color:#6189f1; border:1px solid black; }
td.menu_notselected { background-color:#ffffff; border:1px solid black; }


tr.bold  td { font-weight:bold; }
tr.red   td { color:red; }
tr.green td { color:green; }
tr.blue  td { color:blue; }

table.order_receive { -webkit-print-color-adjust:exact!important; }
table.order_receive tr { border-top:1px solid black; border-bottom: 1px solid black; }
table.order_receive td { padding:0 4 0 4; }
table.order_receive td.order_from { padding:0 15 0 15; }
table.order_receive td.order_from_blank   { background-color:#888888; }
table.order_receive td.order_from_amazon  { background-color:#ff3300; }
table.order_receive td.order_from_clark   { background-color:#0000ff; }
table.order_receive td.order_from_ebay    { background-color:#339966; }
table.order_receive td.order_from_gamago  { background-color:#993399; }
table.order_receive td.order_from_ganz    { background-color:#ccff33; }
table.order_receive td.order_from_keycrz  { background-color:#006699; }
table.order_receive td.order_from_kikker  { background-color:#993333; }
table.order_receive td.order_from_lockms  { background-color:#666633; }
table.order_receive td.order_from_mace    { background-color:#cc00cc; }
table.order_receive td.order_from_other   { background-color:#669999; }
table.order_receive td.order_from_rh      { background-color:#00ff00; }

table.order_receive td.order_to_ashland   { background-color:rgba(0,    0,255, 0.2); font-weight:bold; text-align:center; }
table.order_receive td.order_to_medford   { background-color:rgba(0,  255,  0, 0.2); font-weight:bold; text-align:center; }
table.order_receive td.order_to_field     { background-color:rgba(255,  0,  0, 0.2); font-weight:bold; text-align:center; }
table.order_receive td.order_to_warehouse { background-color:rgba(255,255,  0, 0.2); font-weight:bold; text-align:center; }




div.reports_restock td {
	padding:5px;
	border:1px solid black;
}
div.reports_restock th {
	padding:5px;
	font-weight:bold;
	border:2px solid black;
}
div.reports_restock h1 {
	-webkit-print-color-adjust: exact;
	background-color:black;
	color:white;
	padding:6px;
}






/* for /checklist.php */
.checklist_corp_checklist {
	border:1px solid black;
	padding-left:10px;
	-webkit-print-color-adjust:exact !important;
}
.checklist_warranty {
	border:1px solid blue;
	padding-left:10px;
	-webkit-print-color-adjust:exact !important;
}
.checklist_cash {
	background-color:#aaffaa !important;
	-webkit-print-color-adjust:exact !important;
}
.checklist_check {
	background-color:#aaaaff !important;
	-webkit-print-color-adjust:exact !important;
}
.checklist_vin {
	background-color:#ffaaaa !important;
	-webkit-print-color-adjust:exact !important;
}
.checklist_qty {
	font-weight:bold;
	font-size:150%;
	-webkit-print-color-adjust:exact !important;
}
.checklist_restock {
	background-color:#ffffaa !important;
	-webkit-print-color-adjust:exact !important;
}
.checklist input[type="checkbox"] {
	xtransform:scale(2,2);
}
.checklist_duration_travel {
	border: 1px solid #888888;
	text-align:center;
	padding:3px;
}
.checklist_duration_on_job {
	border: 1px solid #888888;
	text-align:center;
	padding:3px;
}
.checklist_duration_total {
	border: 1px solid #888888;
	text-align:center;
	padding:3px;
}

.checklist_print {
	font-size:150%;
}
.checklist_print_locks {
	color:#0000aa !important;
}
.checklist_print_keys {
	color:#00aa00 !important;
}
.checklist_print_red {
	color:#ff0000 !important;
}
.checklist_times_total {
	 background-color:#8888ff;
}



/* for /checklist.php */
.checklist_monday    { border:1px solid black; background:#ffd6f9; padding-left:20px !important; }
.checklist_tuesday   { border:1px solid black; background:#c1ffc5; padding-left:20px !important; }
.checklist_wednesday { border:1px solid black; background:#fffabe; padding-left:20px !important; }
.checklist_thursday  { border:1px solid black; background:#f4ebff; padding-left:20px !important; }
.checklist_friday    { border:1px solid black; background:#9fd1ff; padding-left:20px !important; }











/* order_admin.php */
.oa_border_left {
	border-left:1px solid black;
}

.oa_ashland {
	background-color:#88ff88;
}
.oa_medford {
	background-color: #8888ff;
}
.oa_supplier {
	background-color:#ff8888;
}
.oa_sales {
	background-color:#fffed4;
}
/* todo: remove? */
.oa_noorder {
	background-color: #999999;
	padding:2px !important;
}
.oa_minus {
	text-align:center;
	padding:2px !important;
}
.oa_value {
	text-align:center;
	padding:2px !important;
}
.oa_plus {
	text-align:center;
	padding:2px !important;
}









/*   START BOOTSTRAP_COLORSELECTOR   http://bootstrap-colorselector.flaute.com/  */
/*
 * A colorselector for Twitter Bootstrap which lets you select a color from a predefined set of colors only.
 * https://github.com/flaute/bootstrap-colorselector
 *
 * Copyright (C) 2014 Flaute
 *
 * Licensed under the MIT license
 */

/* colorselector dropdown */
.dropdown-colorselector>.dropdown-menu {
  top: 80%;
  left: -7px;
  padding: 4px;
  min-width: 130px;
  max-width: 130px;
}

/*
.dropdown-colorselector>.dropdown-menu.pull-right {
  right: -7px;
  left: auto;
}
*/
.dropdown-colorselector>.dropdown-menu>li {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  font-size: 11px;
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 20px;
}

.btn-colorselector {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #DDD;
  vertical-align: middle;
  border-radius: 0;
}

.dropdown-menu.dropdown-caret:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}

.dropdown-menu.dropdown-caret:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}

/*   END BOOTSTRAP_COLORSELECTOR   */