/*
** Most styles are overriding or adding to basic Bootstrap foundation
*/



/*@import url(https://fonts.googleapis.com/css?family=Exo:400,500,700);  */
body {
  	padding-bottom: 100px; /* security padding: seems to prevent too much flashing on boostrap.affix() */
	font-family: 'Exo', sans-serif;
}
.not-quite { margin: 0 20px; } /* stop things getting too close */
.input-tiny { width: 20px; } /* sometimes you need a tiny input */
/* Dark blue #004b67 */

.stage-alert { padding:10px; color: #ff0000;text-transform:uppercase;}



/* ----------------------------- navbar - fixed utility bar ----------------------------- */
.mentor-navbar {
	height:35px;
	background:#004b67;
	padding:10px 30px 20px 40px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	margin:0 0 20px 0;
}
.mentor-navbar .pull-right {
	margin-top:6px;
}
.mentor-navbar a.mentor {
	float:left;
	display:block;
	text-indent:-10000px;
	background:url(/images/mentor-app-logo.png) no-repeat;
	width:250px;
	height:45px;
}
.mentor-navbar .user-control {
	margin-left:30px;
}

/* affixed w/ Bootstrap */
#menu { width: 270px; padding:0 0 0 30px; }
#menu.affix { top: 10px; }
#menu.affix-top {  }
#menu.affix-bottom {  }




/* -----------------------------  calendar -----------------------------  */
#calendar table { width: 100%; border: 1px solid #ddd;  }
#calendar table caption { padding: 4px; background: #054861; color: #fff; font-weight:bold;}
#calendar table th { text-transform: uppercase; font-size: 10px; font-weight:lighter; }
#calendar table td { padding: 6px; border: 1px solid #ddd; text-align: center; background:url(/images/calendar-without.png) no-repeat top center; }
#calendar table td.orders { background:url(/images/calendar-with.png) no-repeat top center; }
#calendar table td.today {
	background: #f1502f; /* Old browsers */
	background: -moz-linear-gradient(top, #f1502f 0%, #de5033 50%, #ce5037 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1502f), color-stop(50%,#de5033), color-stop(100%,#ce5037)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1502f 0%,#de5033 50%,#ce5037 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #f1502f 0%,#de5033 50%,#ce5037 100%); /* W3C */
}
#calendar table td.today a { color: #fff; font-weight: bold; }
#calendar table td.in-range { font-weight:bold; }
#calendar table td.weekend { color:#ccc; }




/* ----------------------------- calendar utils ----------------------------- */
.pager { margin: 10px 0!important; }
.pager a { border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;padding:5px 13px 5px 14px;}
.pager a.active {
  text-decoration: none;
  background-color: #ddd;
}




/* ----------------------------- side menu -----------------------------  */
.sidebar-nav .nav-header { text-transform: none; color:#004b67; }
.sidebar-nav .nav-list { padding: 0; }
.sidebar-nav li { line-height: 18px; }
.sidebar-nav li a { border: 1px solid #ddd; margin: 2px 0;
	color: #777; 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
}
.sidebar-nav li a.active { color:#004b67; font-weight:bold;  }
.nav li + .nav-header { margin-top: 3px; }




/* ----------------------------- page titles? -----------------------------  */
legend { font-size: 22px; line-height:1.4; color: #004b67; font-weight:lighter;}




/* ----------------------------- ... datatables ... -----------------------------  */
/* base styles found in jquery.dataTables.css */

/* row colouring classes */
.orange { background:#f2986a!important; }
table.dataTable tr.orange td { background:#f2986a; color:#004b67; }
table.dataTable tr.orange.even td { background:#f4a983; color:#004b67; }
table.dataTable tr.orange.odd:hover td, table.dataTable tr.orange.even:hover td { background-color:#e94e00; color:#fff; }
table.dataTable tr.orange.odd:hover td a, table.dataTable tr.orange.even:hover td a { color:#fff; }
table.dataTable tr.orange.group td, table.dataTable tr.orange.group:hover td { background:#fff; color:#e94e00; }
table.dataTable tr.orange td a { color:#004b67; }

.yellow { background:#f3d286!important; }
table.dataTable tr.yellow td { background:#f3d286; color:#004b67; }
table.dataTable tr.yellow.even td { background:#f5da9b; color:#004b67;}
table.dataTable tr.yellow.odd:hover td, table.dataTable tr.yellow.even:hover td { background-color:#e9af29; color:#fff; }
table.dataTable tr.yellow.odd:hover td a, table.dataTable tr.yellow.even:hover td a { color:#fff; }
table.dataTable tr.yellow.group td, table.dataTable tr.yellow.group:hover td { background:#fff; color:#e9af29; }
table.dataTable tr.yellow td a { color:#004b67; }

.green { background:#77be82!important; }
table.dataTable tr.green td { background:#77be82; color:#004b67;}
table.dataTable tr.green.even td { background:#8ec997;color:#004b67; }
table.dataTable tr.green.odd:hover td, table.dataTable tr.green.even:hover td { background-color:#1fb330; color:#fff; }
table.dataTable tr.green.odd:hover td a, table.dataTable tr.green.even:hover td a { color:#fff; }
table.dataTable tr.green.group td, table.dataTable tr.green.group:hover td { background:#fff; color:#1fb330; }
table.dataTable tr.green td a { color:#004b67; }

.light-blue { background:#a0c7f2!important; }
table.dataTable tr.light-blue td { background:#a0c7f2; color:#004b67; }
table.dataTable tr.light-blue.even td { background:#c0daf6; color:#004b67;}
table.dataTable tr.light-blue.odd:hover td, table.dataTable tr.light-blue.even:hover td { background-color:#2773c8;  color:#fff;}
table.dataTable tr.light-blue.odd:hover td a, table.dataTable tr.light-blue.even:hover td a { color:#fff; }
table.dataTable tr.light-blue.group td, table.dataTable tr.light-blue.group:hover td { background:#fff; color:#2773c8; }
table.dataTable tr.light-blue td a { color:#004b67; }

.purple { background:#c6a7f4!important; }
table.dataTable tr.purple td { background:#c6a7f4; color:#004b67; }
table.dataTable tr.purple.even td { background:#d9c5f8; color:#004b67;}
table.dataTable tr.purple.odd:hover td, table.dataTable tr.purple.even:hover td { background-color:#6d40b3; color:#fff; }
table.dataTable tr.purple.odd:hover td a, table.dataTable tr.purple.even:hover td a { color:#fff; }
table.dataTable tr.purple.group td, table.dataTable tr.purple.group:hover td { background:#fff; color:#6d40b3; }
table.dataTable tr.purple td a { color:#004b67; }

div.colour-preview {
	width: 50px;
	border:1px solid #bbb;
	height:30px;
	-moz-box-shadow: 1px 1px 1px #ddd;
	-webkit-box-shadow: 1px 1px 1px #ddd;
	box-shadow: 1px 1px 1px #ddd;
}

#on-hold-listing .faded { text-decoration:line-through;}
.fixed_wo_reference { width: 120px; } /* ways of fixing read-only elements */
.fixed_customer { width: 240px; }
.fixed_order_no { width: 150px; }
.fixed_sales_rep { width: 200px; }




/* ------------------ notes are always in the bootstrap modal --------------  */
#note-listing p {
	border: 1px solid #ddd;
	padding: 5px 20px 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0;
	position:relative;
	
}
#note-listing p cite { display:block; text-align:right; font-size: 10px; color: #777; }
#note-listing p:nth-child(even) {background: #ecf6ff; }
#note-listing p:nth-child(odd) {background: #FFF; }
#note-listing p.system { background:#8EC997;}
#note-listing p.system cite {  color:#fff; }
#note-listing p .close { position:absolute; top:3px; right: 5px; }
#note-editor textarea, #broadcaster-editor textarea { width:99%; }
/* help for the Bootstrap modal : stop b/g scrolling & align higher than default */
body.modal-open {
    overflow: hidden;
}
.modal.fade.in {
  top: 40%;
}




/* ----------------------------- works order edit -----------------------------  */
.form-actions { margin-top: 0; }
.form-actions h1#wo-title { float:left; padding: 0; margin:0; }

#wo_reference { width: 120px; }

fieldset.wo-edit-group { 
	padding: 12px 24px;
	/*margin: 0 0 12px; */
	color:#004b67;
	 }

fieldset.gradient {
	border: 1px solid #ccc;	
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, #F5F5F5 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%, #fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F5F5F5 0%, #fff 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #F5F5F5 0%, #fff 100%); /* W3C */
}
fieldset.underline { border-bottom: 1px solid #ccc; }

fieldset.wo-edit-group .control-group { 
	margin-right:26px;
	float:left; 
	}
fieldset.wo-edit-group .input-group {
	float:left;
	margin-right: 12px;
}
.wo-update-padded { height: 20px; }
fieldset.wo-edit-group .button-only { width: 60px; }

fieldset.line-items { margin: 20px 0 30px; }
fieldset.line-items legend, fieldset.dispatches legend { }
.dateless { border-color:#DA4F49 !important; }

.dispatch-form { background:#F5F5F5; margin-bottom:26px; border-top:4px solid #ccc;padding:0; }
span.shipped-status { 
	display:inline-block; 
	border:1px solid #ccc; 
	background:#fff;
	padding: 4px 12px; 
	line-height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.dispatch-reference { width: 80px; }
a.tracking-link { line-height:20px; padding: 4px; display:inline-block; } /* suits this to be the same as above */
div.dispatch-date-input { width:130px; }
#wo-add-line-form .select2-result-label { font-weight: bold; }

/* fix for datatables - default in bootstrap is auto */
.tab-content { overflow:hidden; }
.section { clear:both;overflow:hidden;margin:22px 0;}
#dispatch-blank { display:none; }
#wo-status-label { float:right; font-size:16px; padding:3px 6px; background:#3A87AD; border-radius:5px;color:#fff;}
.customer-status { cursor:pointer;}





.span9 table { width:100%!important; } /* corrects a datatables width bug when table initised when display:none; */

/* for locking dispatch forms */
div.locked td .delete, div.locked td .rowedit {display: none;}
div.locked div.add-line-form { display:none;}
input[readonly] { background-color:#fff!important; }

/* ----------------------------- settings? -----------------------------  */

.day-select { width: 230px; }

/* ----------------------------- reports? -----------------------------  */

#reports-form fieldset { padding: 8px 0 12px;}
#reports-form fieldset legend { font-size: 14px;  }

/* ----------------------------- login form -----------------------------  */
.login {
	background:#ececec;
}

#login-container { 
	width: 660px;
	margin: 100px auto;
	padding:50px;
	background:#fff;
	border:1px solid #dedede;
	border-radius:20px;
}

	#login-container form {
		width:45%;
		float:left;
	}
	
	#login-container form:last-child {
		float:right;
	}
	
	#login-container .reset {
		width:100%;
	}



/* ----------------------------- Well2 -----------------------------  */

/*
 * An additional styling class - similar to Bootstrap's "well" - but more in line with Mentor's styling.
 */
 
.well2 {
	overflow:auto;
	padding:12px;
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(top, #F5F5F5, #fff 80%, #F5F5F5 100%);
	border:1px solid #d6d6d6;
}

	.well2 legend {
		width:auto;
		margin-bottom:0;
		border-bottom:0;
	}




/* ----------------------------- Customer CP and admin customer view -----------------------------  */

#customer {
}

	#customer .logo {
		margin-bottom:26px;
		padding:26px;
		text-align:center;
		border:1px solid #d6d6d6;
	}
	
		#customer .logo img {
			margin:26px 0;
		}
	
.customer-details {
	margin-bottom:26px;
}
	
	.customer-details p {
		margin-bottom:0;
	}
	
	.customer-details menu {
		margin-right:12px;
		font-size:12px;
	}
	
		.customer-details select {
			margin:0 3px;
		}
		
		.customer-details .btn {
			margin:12px 0;
		}
		
		.customer-details .badge {
			position:relative;
			top:14px;
		}
		
/*.delivery-address {
	display:none;
}*/